@font-face{font-family:"Baloo 2";font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/baloo2-latin.woff2)format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/fonts/nunito-latin.woff2)format("woff2")}:root{--color-surface-page:#060f1b;--color-surface-navy:#0a1a2f;--color-surface-navy-raised:#0e2440;--color-surface-teal:#0b2233;--color-surface-panel:#122b45;--color-state-live:#ff5468;--color-state-live-deep:#c22a41;--color-state-live-bright:#ff8496;--color-state-waiting:#3fa9f5;--color-state-waiting-deep:#1c6bb0;--color-state-waiting-bright:#8fd0ff;--color-state-result:#ffc73c;--color-state-result-deep:#cf8f10;--color-state-result-bright:#ffe08a;--color-cream:#fdf6ec;--color-ink:#08131f;--color-muted:#8fb0cc;--color-lock-success:#4be07a;--color-lock-success-deep:#1f9848;--font-display:"Baloo 2", system-ui, sans-serif;--font-text:"Nunito", system-ui, sans-serif;--type-display-hero-family:"Baloo 2";--type-display-hero-size:54px;--type-display-hero-weight:800;--type-display-hero-line-height:1;--type-display-title-family:"Baloo 2";--type-display-title-size:26px;--type-display-title-weight:800;--type-display-title-line-height:1.1;--type-display-prompt-family:"Baloo 2";--type-display-prompt-size:62px;--type-display-prompt-weight:800;--type-display-prompt-line-height:1;--type-display-timer-family:"Baloo 2";--type-display-timer-size:38px;--type-display-timer-weight:800;--type-display-timer-letter-spacing:.02em;--type-display-timer-font-variant-numeric:tabular-nums;--type-display-score-family:"Baloo 2";--type-display-score-size:34px;--type-display-score-weight:800;--type-word-family:"Nunito";--type-word-size:30px;--type-word-weight:900;--type-word-letter-spacing:.12em;--type-cta-family:"Nunito";--type-cta-size:21px;--type-cta-weight:900;--type-body-family:"Nunito";--type-body-size:15px;--type-body-weight:700;--type-body-line-height:1.4;--type-label-family:"Nunito";--type-label-size:12px;--type-label-weight:800;--type-label-letter-spacing:.06em;--type-micro-family:"Nunito";--type-micro-size:11px;--type-micro-weight:800;--rounded-sm:12px;--rounded-md:16px;--rounded-lg:18px;--rounded-xl:22px;--rounded-2xl:26px;--rounded-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-screen-x:20px;--space-screen-top:60px;--space-screen-bottom:30px;--space-stack:14px;--shell-viewport-min-height:100dvh;--shell-frame-min-width:320px;--shell-frame-max-width:430px;--shell-twinkle-duration:3s;--shell-twinkle-delay:0s;--shell-twinkle-opacity-min:.15;--shell-twinkle-opacity-max:.9;--shell-twinkle-opacity-reduced:.4;--shell-twinkle-scale-min:1;--shell-twinkle-scale-max:1.25;--glow-sky:radial-gradient(120% 80% at 50% -10%, #123a5c 0%, #0a1c31 45%, var(--color-surface-page) 100%);--gradient-screen:linear-gradient(180deg, var(--color-surface-navy-raised) 0%, var(--color-surface-navy) 55%, #081627 100%)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-surface-page);color:var(--color-cream);font-family:var(--font-text);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line-height);-webkit-font-smoothing:antialiased}:root{--app-frame-height:var(--app-viewport-height,var(--shell-viewport-min-height))}#root{min-height:var(--app-frame-height)}.backdrop{min-height:var(--app-frame-height);background:var(--glow-sky);justify-content:center;display:flex;position:relative;overflow:hidden}.star-field{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.star{border-radius:var(--rounded-full);background:var(--color-cream);opacity:var(--shell-twinkle-opacity-min);animation:twinkle var(--twinkle-duration,var(--shell-twinkle-duration)) ease-in-out infinite;animation-delay:var(--twinkle-delay,var(--shell-twinkle-delay));pointer-events:none;position:absolute}@keyframes twinkle{0%,to{opacity:var(--shell-twinkle-opacity-min);transform:scale(var(--shell-twinkle-scale-min))}50%{opacity:var(--shell-twinkle-opacity-max);transform:scale(var(--shell-twinkle-scale-max))}}@media (prefers-reduced-motion:reduce){.star{opacity:var(--shell-twinkle-opacity-reduced);animation:none}}.frame{width:100%;min-width:var(--shell-frame-min-width);max-width:var(--shell-frame-max-width);min-height:var(--app-frame-height);background:var(--gradient-screen);padding:var(--space-screen-top) var(--space-screen-x) var(--space-screen-bottom);flex-direction:column;display:flex;position:relative}.frame-header{z-index:1;min-height:var(--space-7);position:relative}.frame-main{z-index:1;justify-content:center;align-items:center;gap:var(--space-stack);flex-direction:column;flex:1;display:flex;position:relative}.frame-thumb{z-index:1;min-height:var(--space-screen-top);position:relative}@media (width>=900px){:root{--site-chrome-height:96px}.backdrop{padding-bottom:var(--site-chrome-height)}.frame{min-height:calc(var(--app-frame-height) - var(--site-chrome-height))}}:root[data-keyboard=up]{--space-screen-top:var(--space-3);--space-screen-bottom:var(--space-2);--space-stack:var(--space-2)}:root[data-keyboard=up] .backdrop,:root[data-keyboard=up] .frame{height:var(--app-frame-height);min-height:0}:root[data-keyboard=up] #root{min-height:0}:root[data-keyboard=up] .frame-header,:root[data-keyboard=up] .frame-thumb{flex-shrink:0;min-height:0}:root[data-keyboard=up] .frame-main,:root[data-keyboard=up] .duel-live-middle{min-height:0}:root[data-keyboard=up] .frame-main{overflow:clip auto}.rotate-notice{display:none}@media (orientation:landscape) and (height<=500px) and (pointer:coarse){.rotate-notice{z-index:10;justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-5);background:var(--color-surface-page);text-align:center;flex-direction:column;display:flex;position:fixed;inset:0}:root[data-live-round] .rotate-notice{display:none}}.rotate-notice-glyph{font-size:44px;line-height:1;transform:rotate(90deg)}.rotate-notice-title{color:var(--color-cream);font-family:var(--font-display);font-size:var(--type-display-title-size);font-weight:var(--type-display-title-weight);line-height:var(--type-display-title-line-height);margin:0}.rotate-notice-note{color:var(--color-muted);font-family:var(--font-text);font-size:var(--type-body-size);font-weight:var(--type-body-weight);margin:0}.brand{font-family:var(--font-display);font-size:var(--type-display-hero-size);font-weight:var(--type-display-hero-weight);line-height:var(--type-display-hero-line-height);color:var(--color-cream);margin:0}.brand-tag{font-family:var(--font-text);font-size:var(--type-label-size);font-weight:var(--type-label-weight);letter-spacing:var(--type-label-letter-spacing);text-transform:uppercase;color:var(--color-muted);margin:0}:root{--consent-banner-height:190px}.backdrop:has(>.consent-banner){padding-bottom:var(--consent-banner-height)}.backdrop:has(>.consent-banner) .frame{min-height:calc(var(--app-frame-height) - var(--consent-banner-height))}.consent-banner{inset-inline:0;z-index:4;gap:var(--space-3);padding:var(--space-4) var(--space-5);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));background:var(--color-surface-navy-raised);border-top:1px solid #3fa9f540;flex-direction:column;display:flex;position:fixed;bottom:0}:root[data-live-round] .consent-banner{display:none}.consent-banner-body{color:var(--color-cream);font-family:var(--font-text);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line-height);margin:0}.consent-banner-link{color:var(--color-state-waiting-bright)}.consent-banner-actions{gap:var(--space-3);display:flex}.consent-choice{min-height:44px;padding:var(--space-3) var(--space-4);border-radius:var(--rounded-lg);color:var(--color-state-waiting-bright);font-family:var(--font-text);font-size:var(--type-body-size);font-weight:var(--type-label-weight);cursor:pointer;background:#3fa9f51a;border:1px solid #3fa9f54d;flex:1}.consent-choice:active{background:#3fa9f533}@media (width>=900px){.consent-banner{max-width:420px;margin:var(--space-5) var(--space-5) var(--site-chrome-height);border-radius:var(--rounded-lg);border:1px solid #3fa9f540;inset-inline:auto 0}.backdrop:has(>.consent-banner){padding-bottom:var(--site-chrome-height)}.backdrop:has(>.consent-banner) .frame{min-height:calc(var(--app-frame-height) - var(--site-chrome-height))}}.consent-control{align-items:flex-start;gap:var(--space-3);margin:var(--space-4) 0;padding:var(--space-4);border-radius:var(--rounded-lg);background:#3fa9f50f;border:1px solid #3fa9f540;flex-direction:column;display:flex}.consent-control .consent-choice{flex:none}.consent-control-status{color:var(--color-cream);font-family:var(--font-text);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line-height);margin:0}.cta-slab{--slab-face:linear-gradient(180deg, var(--color-state-live-bright), var(--color-state-live) 30%);--slab-skin:url(/skins/slab-live.svg);justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--rounded-xl);background:var(--slab-face);background-image:var(--slab-skin), var(--slab-face);color:#fff;width:100%;min-height:44px;font-family:var(--font-text);font-size:var(--type-cta-size);font-weight:var(--type-cta-weight);overflow-wrap:anywhere;cursor:pointer;text-shadow:0 2px 2px #00000038;box-shadow:0 8px 0 var(--color-state-live-deep), 0 14px 22px #0006, inset 0 3px 0 #ffffff8c, inset 0 -12px 16px #00000029, inset 0 2px 3px #ffffff80;background-repeat:no-repeat;background-size:100% 100%;border:none;padding:19px 20px;text-decoration:none;display:flex;position:relative}.cta-slab:active{box-shadow:0 2px 0 var(--color-state-live-deep), inset 0 3px 0 #fff6, inset 0 2px 3px #ffffff80;transform:translateY(6px)}.cta-slab:disabled{opacity:.6;cursor:default}.cta-slab-waiting{--slab-face:linear-gradient(180deg, var(--color-state-waiting-bright), var(--color-state-waiting) 30%);--slab-skin:url(/skins/slab-waiting.svg);color:#fff;text-shadow:0 1px 1px #00000073,0 2px 6px #0000004d;box-shadow:0 8px 0 var(--color-state-waiting-deep), 0 14px 22px #0006, inset 0 3px 0 #ffffff8c, inset 0 -12px 16px #00000029, inset 0 2px 3px #ffffff80}.cta-slab-waiting:active{box-shadow:0 2px 0 var(--color-state-waiting-deep), inset 0 3px 0 #fff6, inset 0 2px 3px #ffffff80}.cta-slab-result{--slab-face:linear-gradient(180deg, var(--color-state-result-bright), var(--color-state-result) 30%);--slab-skin:url(/skins/slab-result.svg);color:#fff;text-shadow:0 1px 1px #00000073,0 2px 6px #0000004d;box-shadow:0 8px 0 var(--color-state-result-deep), 0 14px 22px #0006, inset 0 3px 0 #ffffff8c, inset 0 -12px 16px #00000029, inset 0 2px 3px #ffffff80}.cta-slab-result:active{box-shadow:0 2px 0 var(--color-state-result-deep), inset 0 3px 0 #fff6, inset 0 2px 3px #ffffff80}.cta-slab:has(.slab-icon){justify-content:flex-start;padding-left:52px;padding-right:24px}.slab-icon{object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 3px #00000047);width:38px;height:38px;position:absolute;top:50%;left:8px;translate:0 -50%}.cta-slab:has(.slab-icon) .cta-chevron{pointer-events:none;position:absolute;top:50%;right:12px;translate:0 -50%}@media (width>=360px){.cta-slab:has(.slab-icon){padding-left:84px}.slab-icon{width:72px;height:72px;left:6px}}.cta-chevron{opacity:.8}.letter-tile{background:var(--tile-face,none);background-image:var(--tile-skin,none), var(--tile-face,none);font-family:var(--font-display);font-weight:var(--type-display-prompt-weight);line-height:var(--type-display-prompt-line-height);color:var(--color-cream);text-shadow:0 2px 2px #00000073;background-repeat:no-repeat;background-size:100% 100%;border-radius:22%;place-items:center;display:grid}.letter-tile-start{--tile-face:linear-gradient(160deg, var(--color-state-live-bright), var(--color-state-live) 55%, var(--color-state-live-deep));--tile-skin:url(/skins/tile-live.svg);box-shadow:0 10px 0 var(--color-state-live-deep), 0 18px 26px #00000080, inset 0 4px 6px #ffffff80}.letter-tile-end{--tile-face:linear-gradient(160deg, var(--color-state-waiting-bright), var(--color-state-waiting) 55%, var(--color-state-waiting-deep));--tile-skin:url(/skins/tile-waiting.svg);box-shadow:0 10px 0 var(--color-state-waiting-deep), 0 18px 26px #00000080, inset 0 4px 6px #ffffff80}.letter-tile-solo{--tile-face:linear-gradient(160deg, var(--color-state-result-bright), var(--color-state-result) 55%, var(--color-state-result-deep));--tile-skin:url(/skins/tile-result.svg);box-shadow:0 10px 0 var(--color-state-result-deep), 0 18px 26px #00000080, inset 0 4px 6px #fff9}.letter-tile-logo{width:74px;height:74px;font-size:42px}.letter-tile-logo.letter-tile-start{transform:rotate(-7deg)}.letter-tile-logo.letter-tile-end{transform:rotate(6deg)}.letter-tile-setup{width:62px;height:62px;font-size:34px}.letter-tile-setup.letter-tile-start{transform:rotate(-6deg)}.letter-tile-setup.letter-tile-end{transform:rotate(6deg)}.ghost-button{min-height:44px;padding:var(--space-3) var(--space-5);border-radius:var(--rounded-lg);color:var(--color-state-waiting-bright);font-family:var(--font-text);font-size:var(--type-body-size);font-weight:var(--type-label-weight);cursor:pointer;background:#3fa9f51a;border:1px solid #3fa9f54d;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.state-chip{padding:var(--space-2) var(--space-4);border-radius:var(--rounded-full);font-family:var(--font-text);font-size:var(--type-label-size);font-weight:var(--type-label-weight);letter-spacing:var(--type-label-letter-spacing);text-transform:uppercase;align-items:center;display:inline-flex}.state-chip-waiting{color:var(--color-state-waiting-bright);background:#3fa9f529;border:1px solid #3fa9f566}.state-chip-live{color:var(--color-state-live-bright);background:#ff546829;border:1px solid #ff546866}.state-chip-result{color:var(--color-state-result-bright);background:#ffc73c29;border:1px solid #ffc73c80}.state-card-result{width:100%;min-width:0;padding:var(--space-3);border-radius:var(--rounded-lg);background:#ffc73c24;border:1px solid #ffc73c66}.xp-pill{min-width:0;padding:var(--space-3);text-align:center;border-radius:var(--rounded-md);background:#ffc73c24;border:1px solid #ffc73c66;flex:1}.xp-pill-value{font-family:var(--font-display);color:var(--color-state-result);font-size:22px;font-weight:800;line-height:1.1;display:block}.xp-pill-label{font-family:var(--font-text);font-size:var(--type-micro-size);font-weight:var(--type-micro-weight);text-transform:uppercase;color:var(--color-state-result-bright);display:block}.level-badge{padding:2px var(--space-2);border-radius:var(--rounded-sm);background:linear-gradient(180deg, var(--color-state-waiting-bright), var(--color-state-waiting));font-family:var(--font-text);font-size:var(--type-micro-size);color:var(--color-surface-navy);white-space:nowrap;font-weight:900;display:inline-block;box-shadow:inset 0 1px 1px #fff9}.xp-track{border-radius:var(--rounded-full);background:#00000059;flex:1;min-width:64px;height:9px;overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.xp-track-fill{border-radius:var(--rounded-full);background:linear-gradient(90deg, var(--color-state-waiting), var(--color-state-waiting-bright));height:100%;display:block;box-shadow:0 0 8px #3fa9f5b3}.cta-slab:focus-visible,.ghost-button:focus-visible,.state-chip:focus-visible,.sheet-dismiss:focus-visible,.sheet-input:focus-visible{outline:3px solid var(--color-state-waiting-bright);outline-offset:2px}.thumb-actions{justify-content:flex-end;gap:var(--space-stack);flex-direction:column;display:flex}.share-row{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border-radius:var(--rounded-md);background:#00000052;border:2px dashed #8fd0ff4d;display:flex}.share-row-glyph{flex:none;font-size:18px}.share-row-url{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--color-state-waiting-bright);font-family:var(--font-text);font-size:var(--type-body-size);font-weight:var(--type-body-weight);-webkit-user-select:all;user-select:all;flex:auto;overflow:hidden}.share-row-copy{min-width:44px;min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--rounded-sm);background:var(--color-state-result);color:var(--color-ink);font-family:var(--font-text);font-size:var(--type-label-size);font-weight:var(--type-cta-weight);cursor:pointer;border:none;flex:none;justify-content:center;align-items:center;display:inline-flex}.share-row-copy--done{background:var(--color-lock-success)}.share-row-copy:focus-visible{outline:3px solid var(--color-state-waiting-bright);outline-offset:2px}.state-card-waiting{width:100%;padding:var(--space-4) var(--space-5);border-radius:var(--rounded-2xl);color:var(--color-cream);font-family:var(--font-text);text-align:left;background:linear-gradient(#3fa9f529,#00000047);border:2px solid #3fa9f566;text-decoration:none;display:block;box-shadow:0 12px 30px #0006}.state-card-waiting:focus-visible{outline:3px solid var(--color-state-waiting-bright);outline-offset:2px}.sheet-scrim{z-index:5;background:#0009;position:fixed;inset:0}.sheet{z-index:5;gap:var(--space-4);width:100%;max-width:var(--shell-frame-max-width);max-height:calc(var(--app-frame-height) - var(--space-screen-top));border-radius:var(--rounded-2xl) var(--rounded-2xl) 0 0;padding:var(--space-6) var(--space-screen-x) var(--space-screen-bottom);flex-direction:column;animation:.18s ease-out sheetRise;display:flex;position:fixed;bottom:0;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 12px 30px #0006}.sheet-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.sheet-title{min-width:0;color:var(--color-cream);font-family:var(--type-display-title-family), var(--font-display);font-size:var(--type-display-title-size);font-weight:var(--type-display-title-weight);line-height:var(--type-display-title-line-height);overflow-wrap:anywhere;margin:0}.sheet-title:focus{outline:none}.sheet-dismiss{border-radius:var(--rounded-full);min-width:44px;min-height:44px;color:var(--color-muted);font-family:var(--font-text);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;font-size:20px;line-height:1;display:inline-flex}.sheet-form{gap:var(--space-3);flex-direction:column;display:flex}.sheet-label{color:var(--color-cream);font-family:var(--type-label-family), var(--font-text);font-size:var(--type-label-size);font-weight:var(--type-label-weight);letter-spacing:var(--type-label-letter-spacing);text-transform:uppercase}.sheet-input{width:100%;min-height:44px;padding:var(--space-3) var(--space-4);border-radius:var(--rounded-md);color:var(--color-cream);font-family:var(--font-text);font-size:16px;font-weight:var(--type-body-weight);background:#00000052;border:2px solid #8fd0ff8c;box-shadow:inset 0 2px 6px #00000080}.sheet-input::placeholder{color:var(--color-muted)}.sheet-helper{color:var(--color-muted);font-family:var(--type-body-family), var(--font-text);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line-height);margin:0}.reason-chip{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface-panel);border-radius:var(--rounded-sm);text-align:center;border:1px solid #8fd0ff4d;flex-wrap:wrap;margin:0;display:flex}.reason-text{color:var(--color-cream);font-family:var(--type-body-family), var(--font-text);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line-height);overflow-wrap:anywhere}.avatar{border-radius:var(--rounded-full);width:100%;height:100%;position:relative;overflow:visible}.avatar-disc{border-radius:var(--rounded-full);position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 4px 10px #ffffff40,inset 0 -8px 16px #00000047}.avatar-highlight{pointer-events:none;background:radial-gradient(75% 75% at 38% 30%,#ffffff59 0%,#fff0 55%);position:absolute;inset:0}.avatar-face{width:100%;height:100%;display:block;position:absolute;inset:0}.avatar-portrait{object-fit:cover;object-position:50% 100%;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.avatar-ring{border-radius:var(--rounded-full);pointer-events:none;box-shadow:inset 0 0 0 var(--avatar-ring-width,3px) var(--avatar-ring-color,transparent);position:absolute;inset:0}.avatar-tick{border-radius:var(--rounded-full);background:linear-gradient(#ffd95e,#f5a623);border:2px solid #ffffff8c;justify-content:center;align-items:center;width:34%;height:34%;display:flex;position:absolute;bottom:-3%;right:-3%;box-shadow:0 3px 6px #00000059,inset 0 2px 3px #ffffff80}.avatar-tick svg{width:62%;height:62%}.avatar-picker{align-items:center;gap:var(--space-stack);flex-direction:column;display:flex}.avatar-preview{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.avatar-preview-face{width:96px;height:96px}.avatar-preview-caption{color:var(--color-cream);font-family:var(--font-text);font-size:var(--type-body-size);text-align:center;overflow-wrap:anywhere;margin:0;font-weight:800}.avatar-grid-group{border:0;width:100%;margin:0;padding:0}.avatar-grid{gap:var(--space-stack);grid-template-columns:repeat(4,1fr);display:grid}.avatar-grid--portraits,.avatar-grid--backgrounds{grid-template-columns:repeat(4,1fr)}.avatar-tile{aspect-ratio:1;cursor:pointer;border-radius:var(--rounded-full);transition:transform .12s;display:block;position:relative}.avatar-tile input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.avatar-tile:active{transform:translateY(3px)}.avatar-tile:has(input:focus-visible){outline:3px solid var(--color-state-waiting-bright);outline-offset:2px}.avatar-randomise{min-height:44px;padding:var(--space-2) var(--space-5);border-radius:var(--rounded-full);color:var(--color-state-waiting-bright);font-family:var(--font-text);font-size:var(--type-body-size);cursor:pointer;background:#3fa9f524;border:1px solid #3fa9f559;justify-content:center;align-items:center;font-weight:800;transition:transform .12s;display:inline-flex}.avatar-randomise:active{transform:translateY(3px)}.avatar-randomise:focus-visible{outline:3px solid var(--color-state-waiting-bright);outline-offset:2px}.avatar-name-field{width:100%}.frame-thumb.avatar-thumb{width:100%;max-width:var(--shell-frame-max-width);z-index:2;padding:var(--space-3) var(--space-screen-x);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));background:var(--color-surface-navy-raised);border-top:1px solid #3fa9f540;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.avatar-screen-main{--avatar-thumb-reserve:calc(10rem + env(safe-area-inset-bottom,0px));padding-bottom:var(--avatar-thumb-reserve)}.opponent-avatar{border-radius:var(--rounded-full);width:56px;height:56px;box-shadow:0 0 0 3px var(--color-state-waiting);display:inline-flex;position:relative}.opponent-avatar:after{content:"";border-radius:var(--rounded-full);pointer-events:none;position:absolute;inset:0}.opponent-avatar--pulsing:after{animation:2.2s ease-out infinite pulseRing}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.floaty{animation:3s ease-in-out infinite floaty}@keyframes pulseRing{0%{box-shadow:0 0 #3fa9f580}to{box-shadow:0 0 0 18px #3fa9f500}}@keyframes shimmer{0%{background-position:-140% 0}to{background-position:240% 0}}.shimmer-sweep{pointer-events:none;background-image:linear-gradient(110deg,#0000 30%,#ffffff0a 50%,#0000 70%);background-repeat:no-repeat;background-size:220% 100%;position:absolute;inset:0}.shimmer-sweep--animated{animation:3s linear infinite shimmer}.shimmer-sweep--once{animation:1.1s linear shimmer}@keyframes sheetRise{0%{opacity:0;transform:translate(-50%,12%)}to{opacity:1;transform:translate(-50%)}}@keyframes sheetFade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.floaty,.opponent-avatar--pulsing:after,.shimmer-sweep--animated{animation:none}.sheet{animation-name:sheetFade}}.install-explainer{gap:var(--space-2);flex-direction:column;animation:.18s ease-out sheetFade;display:flex}.install-explainer-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.install-explainer-title{min-width:0;color:var(--color-cream);font-family:var(--type-label-family), var(--font-text);font-size:var(--type-label-size);font-weight:var(--type-label-weight);letter-spacing:var(--type-label-letter-spacing);text-transform:uppercase;overflow-wrap:anywhere;margin:0}.install-explainer-body{min-width:0;color:var(--color-muted);font-family:var(--type-body-family), var(--font-text);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line-height);overflow-wrap:anywhere;margin:0}