@layer lolo.foundation;@layer lolo.components{.lolo-avatar{box-sizing:border-box;width:var(--avatar-size,42px);height:var(--avatar-size,42px);flex:0 0 var(--avatar-size,42px);color:var(--avatar-ink,#fff);font-family:var(--font-ui);border-radius:50%;place-items:center;display:inline-grid;box-shadow:inset 0 0 0 1px #ffffff24}.lolo-avatar>.lolo-avatar-image{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:84%;height:84%;display:block}.lolo-avatar>.lolo-avatar-initial{font-size:min(calc(var(--avatar-size,42px) * .48 * var(--lolo-text-scale,1)), calc(var(--avatar-size,42px) * .65));max-width:95%;font-weight:700;line-height:1;overflow:hidden}:root[data-lolo-appearance=warmDark],.lolo-preference-scope[data-lolo-appearance=warmDark]{--avatar-ink:#fff3dd}.lolo-platform-avatar-stack{width:var(--avatar-stack-size,42px);height:var(--avatar-stack-size,42px);flex:none;display:block;position:relative;overflow:visible;background:0 0!important;border:0!important}.lolo-platform-avatar-stack>.lolo-platform-member-avatar{--avatar-size:calc(var(--avatar-stack-size,42px) * .72);border:2px solid var(--color-panel);position:absolute;top:0;left:0;box-shadow:0 1px 3px #0003}.lolo-platform-avatar-stack>.lolo-platform-member-avatar:nth-child(2){top:14%;left:14%}.lolo-platform-avatar-stack>.lolo-platform-member-avatar:nth-child(3){top:28%;left:28%}.lolo-platform-avatar-stack>.lolo-platform-member-avatar:only-child{--avatar-size:var(--avatar-stack-size,42px)}.lolo-player-banner{isolation:isolate;box-sizing:border-box;align-items:center;gap:var(--space-3);width:100%;min-width:min(300px,100%);max-width:500px;min-height:88px;padding:var(--space-3);border-radius:var(--radius-control);color:#fff;font-family:var(--font-ui);text-align:left;--player-banner-default-background:radial-gradient(ellipse at 8% 0%, #a4a8ff38, transparent 65%), linear-gradient(115deg, #48468a, #30325e);background:var(--player-banner-default-background);background-clip:padding-box;border:1px solid #ffffff26;display:flex;position:relative}.lolo-player-banner-edit-hint{box-sizing:border-box;width:100%;max-width:500px;margin:var(--space-3) 0 0;padding-inline:var(--space-3);color:var(--color-text-subtle);font:450 .875rem/1.45 var(--font-ui);text-align:center}.lolo-player-banner-note{box-sizing:border-box;width:100%;max-width:500px;margin:var(--space-2) 0 0;padding-inline:var(--space-3);color:var(--color-text-subtle);font:450 .8rem/1.45 var(--font-ui);text-align:center}.lolo-player-banner-art[data-background=indigo]:before{content:"";z-index:-1;pointer-events:none;border-radius:calc(var(--radius-control) - 1px);background:repeating-radial-gradient(circle at 110% 140%,#0000 0 26px,#ffffff08 27px 28px,#0000 29px 54px);position:absolute;inset:0}.lolo-player-banner .lolo-player-banner-avatar{--avatar-size:96px;position:relative;box-shadow:0 3px 8px #1013244d,0 1px 2px #10132433}.lolo-player-banner-art{z-index:-1;border-radius:calc(var(--radius-control) - 1px);pointer-events:none;position:absolute;inset:0}.lolo-player-banner-art img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.lolo-player-banner-art img[hidden]{display:none}.lolo-player-banner-art-slot{will-change:opacity}.lolo-player-banner-art-fading{transition:opacity .24s ease-out}.lolo-player-banner:after{content:"";border-radius:calc(var(--radius-control) - 1px);pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff12}.lolo-player-banner-avatar-transition{width:100%;height:100%;box-shadow:none;pointer-events:none;margin:0;position:absolute;inset:0}.lolo-player-banner>.lolo-player-banner-avatar{margin-block:calc(-1 * var(--space-6))}.lolo-player-banner-name{overflow-wrap:anywhere;letter-spacing:normal;min-width:0;font-size:1.25rem;font-weight:750;line-height:1.3}.lolo-player-banner>:is(.lolo-player-banner-name,.lolo-player-banner-edit-name){isolation:isolate;color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:#101324d9;justify-self:start;position:relative}.lolo-player-banner:is([data-name-treatment=white],[data-name-treatment=dark],[data-name-treatment=gradient])>:is(.lolo-player-banner-name,.lolo-player-banner-edit-name){background:0 0}.lolo-player-banner[data-name-treatment=dark]>:is(.lolo-player-banner-name,.lolo-player-banner-edit-name){color:#101324}.lolo-player-banner[data-name-treatment=gradient]>:is(.lolo-player-banner-name,.lolo-player-banner-edit-name):before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(farthest-side,#101324f2 65%,#10132400 100%);position:absolute;inset:-10px -12px}.lolo-player-banner-edit{align-items:center;gap:var(--space-2);min-width:0;min-height:var(--touch-target-min);border-radius:var(--radius-sm);color:inherit;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:flex;position:relative}.lolo-player-banner-edit-picture{margin-block:calc(-1 * var(--space-6));border-radius:var(--radius-round);flex:none}.lolo-player-banner-edit-name{min-width:var(--touch-target-min);flex:0 auto}.lolo-player-banner-edit-name .lolo-player-banner-name{flex:auto}.lolo-player-banner-edit-background{border-radius:inherit;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.lolo-player-banner-edit-background~:is(.lolo-player-banner-edit,.lolo-player-banner-name-input){position:relative}.lolo-player-banner-edit-background:focus-visible{outline:var(--control-focus-width) solid var(--color-focus);outline-offset:3px}.lolo-player-banner-edit:hover{background:#ffffff12}.lolo-player-banner:is([data-name-treatment=backing],:not([data-name-treatment])) .lolo-player-banner-edit-name:hover{background:#101324eb}.lolo-player-banner-edit:focus-visible{outline:var(--control-focus-width) solid var(--color-focus);outline-offset:2px}.lolo-player-banner-edit:disabled{cursor:default}[data-lolo-contrast=more] .lolo-player-banner{border-color:#fff}.lolo-player-banner:has(>.lolo-player-banner-trailing){grid-template-columns:auto minmax(0,1fr) auto;display:grid}.lolo-player-banner-trailing{isolation:isolate;min-width:0;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:#fff;background:#101324d9;max-width:10ch;margin-left:auto;position:relative}@container (width<=360px){.lolo-player-banner:has(>.lolo-player-banner-trailing){row-gap:var(--space-1);grid-template-columns:auto minmax(0,1fr)}.lolo-player-banner:has(>.lolo-player-banner-trailing)>:is(.lolo-player-banner-avatar,.lolo-player-banner-edit-picture){grid-area:1/1/3}.lolo-player-banner:has(>.lolo-player-banner-trailing)>:is(.lolo-player-banner-name,.lolo-player-banner-edit-name){grid-area:1/2;align-self:end}.lolo-player-banner>.lolo-player-banner-trailing{grid-area:2/2;place-self:start end;max-width:100%}}.lolo-player-banner:is([data-name-treatment=white],[data-name-treatment=dark],[data-name-treatment=gradient])>.lolo-player-banner-trailing{background:0 0}.lolo-player-banner[data-name-treatment=dark]>.lolo-player-banner-trailing{color:#101324}.lolo-player-banner[data-name-treatment=gradient]>.lolo-player-banner-trailing:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(farthest-side,#101324f2 65%,#10132400 100%);position:absolute;inset:-10px -12px}@media (forced-colors:active){.lolo-player-banner{color:canvastext;background:canvas;border-color:canvastext}.lolo-player-banner-art{display:none}.lolo-player-banner>:is(.lolo-player-banner-name,.lolo-player-banner-edit-name),.lolo-player-banner[data-name-treatment]>:is(.lolo-player-banner-name,.lolo-player-banner-edit-name){color:canvastext;background:canvas}.lolo-player-banner[data-name-treatment=gradient]>:is(.lolo-player-banner-name,.lolo-player-banner-edit-name):before{display:none}.lolo-player-banner>.lolo-player-banner-trailing{color:canvastext;background:canvas}.lolo-player-banner[data-name-treatment=gradient]>.lolo-player-banner-trailing:before{display:none}}}@layer lolo.game,lolo.surface;