@font-face{font-family:Hello Headline;src:url(/fonts/hello-headline-regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{--bg: #111111;--ink: #f7f2e7;--muted: #6b6560;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:Fredoka Variable,ui-rounded,system-ui,sans-serif;overflow:hidden;overscroll-behavior:none}h1,h2,h3{font-family:Hello Headline,Fredoka Variable,ui-rounded,system-ui,sans-serif;font-weight:400}#app{height:100%;display:flex;flex-direction:column;position:relative}#stagewrap{flex:1 1 auto;min-height:0;position:relative}#stage{display:block;touch-action:none}#touch{display:none;flex:0 0 auto;justify-content:space-between;gap:16px;padding:8px 12px 6px;touch-action:none}.cluster{flex:1 1 0;max-width:47%;display:grid;grid-template-columns:1fr 1fr;gap:6px}.tbtn{flex:1 1 0;min-width:0;height:58px;border:1px solid rgba(247,242,231,.32);border-radius:12px;background:#18151333;backdrop-filter:blur(2px) saturate(1.05);-webkit-backdrop-filter:blur(2px) saturate(1.05);color:#f7f2e7fa;text-shadow:0 1px 3px rgba(0,0,0,.85);font-family:inherit;font-size:20px;line-height:1;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none;cursor:pointer}.tbtn:active{background:#483f38db;border-color:#f7f2e780;transform:translateY(1px)}.tbtn.wide{grid-column:1 / -1}.tbtn.drop{background:#342d273d;border-color:#f7f2e76b;font-size:13px;font-weight:700;letter-spacing:.14em}.tbtn.drop:active{background:#605347e0}#over{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;background:#111111b8;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}#over[hidden]{display:none}#over .card{width:min(320px,84vw);padding:22px 20px 18px;border:1px solid rgba(247,242,231,.18);border-radius:16px;background:#17151480;text-align:center}#over h1{margin:0;font-size:22px;letter-spacing:.1em}#over-score{margin:10px 0 2px;font-size:34px;font-weight:700}#over-sub{margin:0 0 16px;font-size:12px;color:var(--muted)}#over .row{display:flex;gap:8px}#over button{flex:1 1 0;height:44px;border-radius:10px;border:1px solid rgba(247,242,231,.2);background:#24201de6;color:var(--ink);font:inherit;font-size:12px;font-weight:700;letter-spacing:.1em;cursor:pointer;-webkit-tap-highlight-color:transparent}#over button:active{background:#483f38f2}#over #over-share{border-color:#f7f2e766}#over-note{margin:12px 0 0;min-height:14px;font-size:11px;color:var(--muted)}#hint{flex:0 0 auto;padding:10px 16px 14px;font-size:12px;line-height:1.6;color:var(--muted);text-align:center}#hint b{color:var(--ink);letter-spacing:.08em}#hint em{color:var(--ink);font-style:normal}#hint .keys{display:block;font-size:11px;opacity:.75}#hint .short{display:none}@media(max-width:719px),(pointer:coarse){#touch{display:flex;position:absolute;left:0;right:0;bottom:0;z-index:2}#hint,#hint .keys,#hint .long{display:none}#hint .short{display:inline}#hint{padding:4px 12px 8px;font-size:11px;white-space:nowrap}}@media(pointer:coarse)and (max-height:540px){#touch{padding:6px 8px 4px;gap:10px}.cluster{display:flex;max-width:none}.tbtn{height:44px;font-size:16px}.tbtn.wide{flex:1.3 1 0}#hint{display:none}}@media(max-width:719px)and (max-height:540px){#touch{padding:6px 8px 4px;gap:10px}.cluster{display:flex;max-width:none}.tbtn{height:44px;font-size:16px}.tbtn.wide{flex:1.3 1 0}#hint{display:none}}#pause{position:absolute;top:8px;right:8px;z-index:3;width:34px;height:34px;display:grid;place-items:center;padding:0;font:600 11px/1 ui-monospace,Menlo,monospace;letter-spacing:1px;color:var(--muted);background:#1715148c;border:1px solid rgba(247,242,231,.14);border-radius:9px;cursor:pointer;-webkit-tap-highlight-color:transparent}#pause:hover{color:var(--ink);border-color:#f7f2e747}#pause:active{background:#2e2a27d9}#pause[aria-pressed=true]{color:var(--ink);border-color:#f7f2e757}#menu{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;background:#1111118c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}#menu[hidden]{display:none}#menu .card{width:min(260px,78vw);padding:20px 18px 14px;border:1px solid rgba(247,242,231,.18);border-radius:16px;background:#17151480;text-align:center}#menu h1{margin:0 0 16px;font-size:20px;letter-spacing:.12em}#menu .row{display:flex;gap:8px;margin-bottom:8px}#menu button{flex:1 1 0;height:44px;border-radius:10px;border:1px solid rgba(247,242,231,.4);background:#24201de6;color:var(--ink);font:inherit;font-size:12px;font-weight:700;letter-spacing:.1em;cursor:pointer;-webkit-tap-highlight-color:transparent}#menu button:active{background:#483f38f2}#menu button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}#menu button.danger{border-color:#f7f2e729;color:var(--muted)}#menu button.danger:hover{color:var(--ink)}#menu .note{margin:10px 0 0;font-size:11px;color:var(--muted)}#coach{position:absolute;left:0;right:0;top:0;z-index:4;display:grid;place-items:center;padding:8px;pointer-events:none}#coach[hidden]{display:none}#coach .coach-card{display:flex;align-items:center;gap:10px;max-width:min(420px,94vw);padding:9px 10px 9px 14px;border:1px solid rgba(247,242,231,.16);border-radius:12px;background:#111111d1;font-size:12px;line-height:1.35;color:var(--muted);text-align:left}#coach b{color:var(--ink);letter-spacing:.06em;white-space:nowrap}#coach-skip{pointer-events:auto;flex:0 0 auto;height:26px;padding:0 10px;border-radius:7px;border:1px solid rgba(247,242,231,.2);background:#24201de6;color:var(--muted);font:inherit;font-size:10px;font-weight:700;letter-spacing:.1em;cursor:pointer}#coach-skip:hover{color:var(--ink)}#home{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;background:var(--bg);overflow-y:auto;padding:16px 0}#home[hidden]{display:none}#homebg{position:fixed;z-index:0;display:block;transform-origin:50% 50%;transform:translateY(-12%) perspective(1800px) rotateX(48deg) rotate(-24deg) scale(1.25);will-change:transform}@media(max-width:599px){#homebg{transform:translateY(-12%) perspective(1200px) rotateX(50deg) rotate(-26deg) scale(1.35)}}.home-tiltshift{position:fixed;left:0;right:0;z-index:0;pointer-events:none;background:#11111103}.home-tiltshift.far{top:0;height:42%;backdrop-filter:blur(6px) brightness(.88);-webkit-backdrop-filter:blur(6px) brightness(.88);mask-image:linear-gradient(to bottom,#000 0%,#000 44%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 44%,transparent 100%)}.home-tiltshift.near{top:62%;bottom:0;backdrop-filter:blur(4px) brightness(.9);-webkit-backdrop-filter:blur(4px) brightness(.9);mask-image:linear-gradient(to bottom,transparent 0%,#000 70%,#000 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 70%,#000 100%)}#home .card{position:relative;z-index:1;width:min(380px,90vw);padding:26px 22px 20px;border:1px solid rgba(247,242,231,.22);border-radius:16px;background:#141211db;backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1);box-shadow:0 24px 60px #0000008c;text-align:center}.wordmark{display:flex;justify-content:center;margin:0}.wordmark img{display:block;width:min(460px,96%);height:auto}#home .tag{margin:8px 0 18px;font-size:12px;line-height:1.5;color:var(--muted)}#home .tag em{color:var(--ink);font-style:normal}#home .row{display:flex;gap:8px;margin-bottom:8px}#home button{flex:1 1 0;height:46px;border-radius:10px;border:1px solid rgba(247,242,231,.2);background:#24201de6;color:var(--ink);font:inherit;font-size:12px;font-weight:700;letter-spacing:.1em;cursor:pointer;-webkit-tap-highlight-color:transparent}#home button:active{background:#483f38f2}#home button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}#home button.primary{background:#f7f2e7eb;color:#171514;border-color:transparent;animation:play-breathe 3.4s ease-in-out infinite}@keyframes play-breathe{0%,to{box-shadow:0 0 #f7f2e700}50%{box-shadow:0 0 22px 2px #f7f2e747}}@media(prefers-reduced-motion:reduce){#home button.primary{animation:none}}#home .note{margin:10px 0 0;min-height:14px;font-size:11px;color:var(--muted)}.tabs{display:flex;gap:6px;margin-bottom:10px}.tabs .tab{height:30px;font-size:10px;opacity:.55;letter-spacing:.12em}.tabs .tab.on{opacity:1;border-color:#f7f2e773}#home-list{list-style:none;margin:0;padding:0;font-size:12px;text-align:left}#home-list li{display:grid;grid-template-columns:20px 20px 1fr auto;align-items:center;gap:8px;height:30px;padding:0 4px;border-radius:6px}#home-list li.me{background:#f7f2e717}#home-list .n{color:var(--muted);text-align:right;font-size:11px}#home-list img{width:20px;height:20px;border-radius:50%;display:block}#home-list .h{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#home-list .s{font-weight:700;font-variant-numeric:tabular-nums}.set{display:grid;grid-template-columns:1fr 110px 34px;align-items:center;gap:8px;height:38px;font-size:11px;letter-spacing:.08em;color:var(--muted);text-align:left}.set b{color:var(--ink);font-size:11px;text-align:right}.set input[type=range]{width:100%;accent-color:var(--ink)}.set input[type=checkbox]{width:18px;height:18px;accent-color:var(--ink);justify-self:end}.set.overridden{opacity:.46}.effects-note{margin-top:-2px!important}#set-keys{margin:6px 0 10px}.bind{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;height:32px;font-size:11px;color:var(--muted);text-align:left}.bind button{height:26px!important;min-width:74px;flex:0 0 auto!important;font-size:10px!important}.bind button.listening{border-color:var(--ink);color:var(--ink)}@media(max-height:700px){#home .card{padding:18px 18px 14px}#home .tag{margin-bottom:12px}#home button{height:40px}}@media(max-width:719px)and (max-height:900px){#home-settings-panel .set{height:34px}#home-settings-panel .bind{height:29px}#home-settings-panel .note{margin-top:7px;line-height:1.32}#home-settings-panel #set-keys{margin:4px 0 7px}}#over-shot{max-height:0;opacity:0;overflow:hidden;border-radius:10px;transition:max-height .25s ease,opacity .25s ease,margin .25s ease}#over-shot.on{max-height:42vh;opacity:1;margin:0 0 14px}#over-shot img{width:100%;height:auto;display:block;border-radius:10px}#over .card{width:min(440px,92vw)}@media(prefers-reduced-motion:reduce){#over-shot{transition:none}}#over-shot video{width:100%;height:auto;display:block;border-radius:10px}#over-shot [hidden]{display:none!important}#home-card:has(.screen){width:min(940px,94vw);max-height:calc(100dvh - 32px);overflow:auto;scrollbar-width:thin}#home-card:has(.mode-hub),#home-card:has(.briefing){width:min(760px,94vw)}.screen{text-align:left}.screen h2{margin:0 0 14px;font-size:clamp(24px,4.5vw,38px);line-height:.95;letter-spacing:.045em;outline:none}.screen h3{margin:0;letter-spacing:.04em}.screen button{min-height:44px}.screen button[disabled],.screen button[aria-disabled=true]{cursor:not-allowed;opacity:.46}.screen button[aria-disabled=true]:active{background:#24201de6}.eyebrow,.result-kicker{margin:0 0 6px;color:#b7aea5;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.mode-primary{width:100%;height:68px!important;display:grid;place-content:center}.mode-primary span{font-size:20px}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mode-tile{min-height:72px;display:grid;align-content:center;justify-items:start;padding:10px 14px;text-align:left;position:relative;overflow:hidden}.mode-tile:after{content:"";position:absolute;width:52px;height:52px;right:-12px;bottom:-18px;border-radius:52% 48% 42% 58%;background:var(--tile, #d87959);opacity:.68;transform:rotate(-16deg)}.mode-tile:nth-child(2){--tile: #e0b655}.mode-tile:nth-child(3){--tile: #78a867}.mode-tile:nth-child(4){--tile: #708ac2}.mode-tile:nth-child(5){--tile: #9d73b4;grid-column:1 / -1}.mode-tile b{font-size:13px;letter-spacing:.1em}.mode-tile small{color:#a59e98;font-size:10px;letter-spacing:.03em}.screen-title{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:14px}.screen-title>button{flex:0 0 auto!important;width:auto;height:36px!important;padding:0 14px}.screen-title h2{margin-bottom:0}.briefing{width:min(500px,100%);margin:0 auto;text-align:center}.briefing .eyebrow{margin-top:2px}.brief-card{margin:4px 0 12px;padding:18px;border:1px solid rgba(247,242,231,.16);border-radius:12px;background:#08080847}.brief-card b{font-size:13px;letter-spacing:.1em}.brief-card p{margin:7px 0 0;color:#aaa29a;font-size:12px;line-height:1.45}.briefing>button{width:100%;margin-top:8px}.state-note,.field-error{padding:9px 11px;border:1px solid rgba(224,182,85,.34);border-radius:9px;color:#d8c891;background:#5844162e;font-size:11px;line-height:1.4}.field-error{border-color:#d879596b;color:#e8aa93}.campaign-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.9fr);gap:12px}.chapter-list{display:grid;gap:7px}.chapter{padding:9px 11px;border:1px solid rgba(247,242,231,.13);border-radius:10px;background:#0c0b0a40}.chapter>h3{display:inline;font-family:inherit;font-size:10px;font-weight:700}.chapter>p{display:inline;float:right;margin:0;color:#817a74;font-size:9px}.stage-row{display:grid;grid-template-columns:repeat(8,minmax(36px,1fr));gap:5px;clear:both;padding-top:7px}.stage-dot{min-width:0;height:45px!important;min-height:45px!important;padding:3px!important;display:grid;place-content:center;gap:1px}.stage-dot b{font-size:11px;font-variant-numeric:tabular-nums}.stage-dot span{font-size:7px;letter-spacing:.06em;color:#d9b858}.stage-dot.selected{border-color:#f7f2e7b8;background:#f7f2e71c}.stage-brief{position:sticky;top:0;padding:16px;border:1px solid rgba(247,242,231,.2);border-radius:12px;background:#0b0a0961}.stage-brief h3{font-size:24px}.stage-brief dl{margin:16px 0}.stage-brief dl div{padding:8px 0;border-top:1px solid rgba(247,242,231,.09)}.stage-brief dt{color:#817a74;font-size:9px;letter-spacing:.13em}.stage-brief dd{margin:2px 0 0;font-size:12px;line-height:1.35}.stage-brief .primary{width:100%}.card-chips{font-size:10px;color:#d7cbbf}.rule-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.rule-card{min-height:118px!important;height:auto!important;padding:11px!important;display:grid;align-content:start;justify-items:start;text-align:left}.rule-card>span{color:#8e8780;font-size:8px;text-transform:uppercase}.rule-card b{margin:6px 0 3px;font-size:12px;letter-spacing:.04em}.rule-card small{color:#aaa29a;font-size:10px;line-height:1.35;letter-spacing:0}.rule-card em{margin-top:8px;color:#d8c891;font-size:9px;font-style:normal;letter-spacing:0}.rule-card.selected{border-color:#f7f2e7c7;background:#f7f2e71f}.rule-summary{margin-top:10px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 12px;padding:12px 14px;border:1px solid rgba(247,242,231,.16);border-radius:11px}.rule-summary b{font-size:10px;letter-spacing:.12em}.rule-summary p{grid-column:1;margin:0;color:#aaa29a;font-size:11px}.rule-summary .primary{grid-column:2;grid-row:1 / span 3;min-width:180px}.profile-level{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid rgba(247,242,231,.15);border-radius:12px}.profile-level>strong{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:#171514;font-size:26px;font-variant-numeric:tabular-nums}.profile-level b{letter-spacing:.1em}.profile-level p{margin:3px 0 0;color:#aaa29a;font-size:11px;font-variant-numeric:tabular-nums}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:10px 0 15px}.stat-grid div{padding:10px;border-radius:9px;background:#f7f2e70f}.stat-grid span{display:block;color:#817a74;font-size:8px}.stat-grid b{display:block;margin-top:3px;font-size:17px;font-variant-numeric:tabular-nums}.achievement-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.achievement-list li{display:flex;gap:8px;min-height:52px;padding:9px;border:1px solid rgba(247,242,231,.1);border-radius:9px}.achievement-list li>span{color:#78a867}.achievement-list b,.achievement-list small{display:block}.achievement-list b{font-size:10px}.achievement-list small{color:#817a74;font-size:8px}.achievement-list .locked{opacity:.58}.cosmetic-preview{min-height:90px;display:grid;place-items:center;align-content:center;margin-bottom:10px;border:1px solid rgba(247,242,231,.15);border-radius:12px;background:#08080840}.cosmetic-preview>span{width:44px;height:36px;margin-bottom:5px;border-radius:50% 46% 54% 42%;background:#d87959;transform:rotate(-8deg)}.cosmetic-preview b{font-size:9px;letter-spacing:.13em}.cosmetic-preview small{color:#817a74;font-size:9px}.cosmetic-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.cosmetic{min-height:94px!important;height:auto!important;padding:8px!important;display:grid;justify-items:start;align-content:start;text-align:left}.cosmetic-swatch{width:26px;height:22px;border-radius:50% 45% 54% 40%;background:#708ac2}.cosmetic-swatch.frame{border:3px solid #d9b858;background:transparent}.cosmetic-swatch.trail{width:34px;height:6px;margin:8px 0;border-radius:10px;background:linear-gradient(90deg,#9d73b4,transparent)}.cosmetic-swatch.theme{border-radius:5px;background:linear-gradient(135deg,#d87959,#708ac2)}.cosmetic b{margin-top:5px;font-size:10px}.cosmetic small,.cosmetic em{color:#817a74;font-size:8px;font-style:normal;letter-spacing:0}.cosmetic.equipped{border-color:#f7f2e7bf}.cosmetic.equipped em{color:var(--ink)}.versus-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}.versus-options article{min-height:170px;display:grid;grid-template-rows:auto 1fr auto;padding:14px;border:1px solid rgba(247,242,231,.15);border-radius:11px}.versus-options article>b{font-size:12px;letter-spacing:.1em}.versus-options article>p{color:#aaa29a;font-size:11px;line-height:1.4}#mode-hud{position:absolute;z-index:3;top:max(10px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;min-height:34px;padding:6px 12px;border:1px solid rgba(247,242,231,.2);border-radius:10px;background:#141211c7;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);font-size:9px;letter-spacing:.08em;white-space:nowrap}#mode-hud[hidden]{display:none}#mode-hud b{font-family:Hello Headline,Fredoka Variable,sans-serif;font-size:14px;letter-spacing:.06em}#mode-hud span{color:#aaa29a}#mode-hud strong{color:var(--ink);font-variant-numeric:tabular-nums}#over-mode{margin-bottom:5px}#over-objective{min-height:14px;margin:-8px 0 14px;color:#c0b7af;font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.08em}#over .row+.row{margin-top:8px}#local-versus{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;display:grid;grid-template-rows:auto 1fr;padding:16px 22px 20px;background:radial-gradient(circle at 50% 45%,#24201d,#111 58%)}#local-versus[hidden]{display:none}#local-versus>header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;max-width:1180px;width:100%;margin:0 auto 8px}#local-versus>header p{margin:0;color:#8e8780;font-size:9px;font-weight:700;letter-spacing:.14em}#local-versus>header h1{margin:0;font-size:28px;letter-spacing:.06em}#local-versus>header>button{justify-self:end;width:100px;height:42px;border:1px solid rgba(247,242,231,.25);border-radius:10px;background:#24201de6;color:var(--ink);font:inherit;font-size:10px;font-weight:700;letter-spacing:.1em}.local-score{display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:.1em}.local-score span{display:flex;align-items:center;gap:8px}.local-score b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ink);color:#171514;font-size:16px;font-variant-numeric:tabular-nums}.local-score i{color:#817a74;font-size:8px;font-style:normal}.local-boards{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1180px;width:100%;margin:0 auto}.local-boards article{min-width:0;min-height:0;display:grid;grid-template-rows:auto 1fr auto;padding:10px;border:1px solid rgba(247,242,231,.14);border-radius:15px;background:#0c0b0a59}.local-player-label{display:flex;justify-content:space-between;padding:1px 5px 6px;font-size:10px;letter-spacing:.1em}.local-player-label span{color:#c79973;font-variant-numeric:tabular-nums}.local-canvas{min-height:0;position:relative;overflow:hidden;border-radius:10px}.local-canvas canvas{display:block}.local-boards article>p{margin:7px 0 0;color:#817a74;font-size:9px;text-align:center}#local-dialog{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;background:#1111118f;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#local-dialog[hidden]{display:none}#local-dialog .card{width:min(390px,90vw);padding:22px;border:1px solid rgba(247,242,231,.22);border-radius:16px;background:#141211f0;text-align:center}#local-dialog h2{margin:0;font:400 28px Hello Headline,Fredoka Variable,sans-serif;letter-spacing:.06em}#local-dialog-body{color:#aaa29a;font-size:11px}#local-dialog .row{display:flex;gap:8px;margin-top:8px}#local-dialog button{flex:1;min-height:44px;border:1px solid rgba(247,242,231,.2);border-radius:9px;background:#24201de6;color:var(--ink);font:inherit;font-size:10px;font-weight:700;letter-spacing:.08em}#local-confirm{margin-top:10px;padding:10px;border:1px solid rgba(216,121,89,.34);border-radius:9px}#local-confirm[hidden]{display:none}#local-confirm p{margin:0 0 8px;color:#e8aa93;font-size:10px}#local-confirm button{width:calc(50% - 4px)}#online-versus{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:14px 20px max(16px,env(safe-area-inset-bottom));overflow:hidden;background:radial-gradient(circle at 42% 42%,#27221e,#111 60%)}#online-versus[hidden]{display:none}#online-versus>header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;width:min(1120px,100%);margin:0 auto 8px}#online-versus>header p{margin:0;color:#8e8780;font-size:9px;font-weight:700;letter-spacing:.14em}#online-versus>header h1{margin:0;font-size:27px;letter-spacing:.06em}.online-score{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:.1em}.online-score span{display:flex;align-items:center;gap:8px}.online-score b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ink);color:#171514;font-size:16px;font-variant-numeric:tabular-nums}.online-score i{color:#817a74;font-size:8px;font-style:normal}.online-actions{justify-self:end;display:flex;align-items:center;gap:8px}.online-actions button{min-height:42px;padding:0 13px;border:1px solid rgba(247,242,231,.2);border-radius:9px;background:#24201de0;color:var(--ink);font:700 9px Fredoka Variable,sans-serif;letter-spacing:.08em}.connection-pill{min-width:94px;padding:7px 9px;border:1px solid rgba(247,242,231,.18);border-radius:999px;color:#d2c9c1;font-size:8px;font-weight:700;text-align:center;letter-spacing:.1em}.connection-pill[data-state=connected]:before{content:"● "}.connection-pill[data-state=reconnecting],.connection-pill[data-state=degraded]{color:#edbb87;border-color:#edbb876b}.connection-pill[data-state=forfeit]{color:#e5947b;border-color:#e5947b6b}.online-layout{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px);gap:18px;width:min(920px,100%);margin:0 auto}.online-local-board,.online-rival{min-width:0;min-height:0;border:1px solid rgba(247,242,231,.14);border-radius:15px;background:#0c0b0a61}.online-local-board{display:grid;grid-template-rows:auto minmax(0,1fr);padding:9px}.online-player-label{display:flex;justify-content:space-between;padding:1px 5px 6px;font-size:9px;letter-spacing:.1em}.online-player-label span{color:#d1a27c;font-variant-numeric:tabular-nums}.online-local-canvas,.online-opponent-canvas{position:relative;min-height:0;overflow:hidden;border-radius:10px}.online-local-canvas canvas,.online-opponent-canvas canvas{display:block}.online-rival{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;padding:10px}.online-rival>div:first-child{display:grid;grid-template-columns:1fr auto;align-items:end}.online-rival p,.online-rival small{margin:0;color:#8e8780;font-size:8px;font-weight:700;letter-spacing:.12em}.online-rival strong{grid-row:span 2;font-size:26px;font-variant-numeric:tabular-nums}.garbage-meter{display:flex;justify-content:space-between;align-items:center;min-height:42px;padding:8px 11px;border-radius:9px;background:#c799731a;color:#c79973;font-size:9px;letter-spacing:.1em}.garbage-meter b{font-size:20px;font-variant-numeric:tabular-nums}.online-touch{display:none}#online-dialog{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;background:#1119;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#online-dialog[hidden]{display:none}#online-dialog .card{width:min(400px,92vw);padding:22px;border:1px solid rgba(247,242,231,.22);border-radius:16px;background:#141211f2;text-align:center}#online-dialog h2{margin:0;font:400 29px Hello Headline,Fredoka Variable,sans-serif;letter-spacing:.06em}#online-dialog-body{color:#aaa29a;font-size:11px}#online-dialog .row{display:flex;gap:8px;margin-top:8px}#online-dialog button{flex:1;min-height:44px;border:1px solid rgba(247,242,231,.2);border-radius:9px;background:#24201de6;color:var(--ink);font:700 10px Fredoka Variable,sans-serif;letter-spacing:.08em}#online-confirm{margin-top:10px;padding:10px;border:1px solid rgba(216,121,89,.34);border-radius:9px}#online-confirm[hidden]{display:none}#online-confirm p{margin:0 0 8px;color:#e8aa93;font-size:10px}#online-confirm button{width:calc(50% - 4px)}.versus-lobby-screen{text-align:center}.match-search{display:flex;align-items:end;justify-content:center;gap:7px;height:64px;margin:8px 0 14px}.match-search i{width:18px;height:18px;border-radius:50%;background:var(--ink);animation:search-hop 1.25s ease-in-out infinite alternate}.match-search i:nth-child(2),.match-search i:nth-child(4){animation-delay:-.35s;background:#c79973}.match-search i:nth-child(3){animation-delay:-.7s}@keyframes search-hop{to{transform:translateY(-24px) rotate(24deg)}}.lobby-divider{display:flex;align-items:center;gap:10px;margin:15px 0 10px;color:#817a74;font-size:8px;letter-spacing:.1em}.lobby-divider:before,.lobby-divider:after{content:"";flex:1;height:1px;background:#f7f2e724}#versus-join-form{display:grid;grid-template-columns:1fr auto;gap:7px;text-align:left}#versus-join-form label{grid-column:1 / -1;color:#8e8780;font-size:8px;font-weight:700;letter-spacing:.1em}#versus-join-form input{min-width:0;height:44px;padding:0 12px;border:1px solid rgba(247,242,231,.2);border-radius:9px;background:#111111b3;color:var(--ink);font:700 16px Fredoka Variable,sans-serif;letter-spacing:.16em;text-transform:uppercase}.lobby-code{margin:14px 0 8px;font:400 40px Hello Headline,Fredoka Variable,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.14em}.match-found-mark{display:grid;place-items:center;width:78px;height:78px;margin:15px auto;border:2px solid rgba(247,242,231,.28);border-radius:50%;font:400 30px Hello Headline,Fredoka Variable,sans-serif}@media(max-width:899px),(pointer:coarse){#local-versus{display:none!important}}@media(max-width:719px){#home-card:has(.screen){width:min(94vw,480px);padding:18px 15px 14px}.mode-grid{grid-template-columns:1fr 1fr}.mode-tile{min-height:64px}.campaign-layout{grid-template-columns:1fr}.chapter-list{max-height:270px;overflow:auto}.stage-brief{position:static}.stage-row{grid-template-columns:repeat(8,42px);overflow-x:auto}.rule-grid{grid-template-columns:repeat(2,1fr)}.rule-summary{grid-template-columns:1fr}.rule-summary .primary{grid-column:1;grid-row:auto;width:100%}.stat-grid{grid-template-columns:1fr 1fr}.achievement-list{grid-template-columns:1fr 1fr;max-height:245px;overflow:auto}.cosmetic-grid{grid-template-columns:repeat(3,1fr);max-height:330px;overflow:auto}.versus-options{grid-template-columns:1fr}.versus-options article{min-height:128px}#mode-hud{top:max(7px,env(safe-area-inset-top));gap:7px;max-width:calc(100vw - 64px);overflow:hidden}#online-versus{padding:max(7px,env(safe-area-inset-top)) 7px max(6px,env(safe-area-inset-bottom))}#online-versus>header{grid-template-columns:1fr auto;gap:6px;margin-bottom:5px}#online-versus>header h1{font-size:20px}.online-score{grid-column:1 / -1;grid-row:2;justify-self:center;gap:9px}.online-score b{width:26px;height:26px;font-size:13px}.online-score i{display:none}.online-actions{grid-column:2;grid-row:1}.online-actions button{min-width:44px;width:44px;padding:0;overflow:hidden;color:transparent;font-size:0}.online-actions button:after{content:"EXIT";color:var(--ink);font-size:9px}.connection-pill{min-width:84px}.online-layout{grid-template-columns:minmax(0,1fr) 86px;gap:6px}.online-local-board{padding:5px}.online-player-label{font-size:8px}.online-player-label b{display:none}.online-rival{gap:5px;padding:5px;border-radius:10px}.online-rival strong{font-size:17px}.online-opponent-canvas{max-height:205px}.garbage-meter{display:grid;min-height:48px;padding:6px;text-align:center}.garbage-meter b{font-size:17px}.online-touch{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding-top:6px}.online-touch>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.online-touch button{min-width:44px;min-height:48px;border:1px solid rgba(247,242,231,.22);border-radius:10px;background:#24201df5;color:var(--ink);font:700 10px Fredoka Variable,sans-serif}}@media(max-width:390px),(max-height:680px){#home-card:has(.screen){max-height:calc(100dvh - 16px)}#home .tag{margin:4px 0 9px;font-size:10px}.mode-primary{height:52px!important}.mode-grid{gap:5px}.mode-tile{min-height:54px;padding:7px 10px}}#home-card:has(.mode-hub){width:min(520px,94vw)}#home:has(.mode-hub) .tag{display:none}#home:has(.mode-hub):after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse at center,transparent 38%,rgba(17,17,17,.2) 68%,rgba(17,17,17,.78) 100%);pointer-events:none}.mode-hub{display:grid;gap:12px}.hub-quick h3{margin:0 0 8px;color:#b7aea5;font:700 10px Fredoka Variable,sans-serif;letter-spacing:.17em}.hub-quick .mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mode-tile,.mode-tile:nth-child(5){grid-column:auto;min-height:60px;grid-template-columns:42px 1fr auto;align-items:center;align-content:center;gap:11px;padding:7px 12px;overflow:visible}.mode-tile:after{display:none}.mode-tile>span:nth-child(2){display:grid;gap:1px}.mode-tile em{color:#847d77;font-size:20px;font-style:normal}.mode-glyph{position:relative;width:34px;height:30px;border-radius:50% 46% 54% 42%;background:var(--tile,#d87959);transform:rotate(-7deg)}.mode-tile.daily{--tile:#4ea6a0}.mode-tile.blitz{--tile:#e0b655}.mode-tile.campaign{--tile:#d87959}.mode-tile.custom{--tile:#9d73b4}.mode-tile.versus{--tile:#78a867}.mode-glyph i{position:absolute;top:10px;width:4px;height:5px;border-radius:50%;background:#171514;transform:rotate(7deg)}.mode-glyph i:first-child{left:10px}.mode-glyph i:last-child{right:10px}.mode-tile:focus-visible .mode-glyph,.mode-tile:hover .mode-glyph{transform:translateY(-2px) rotate(4deg)}.hub-more{border:1px solid rgba(247,242,231,.14);border-radius:11px;background:#0808082e;overflow:hidden}.hub-more summary{min-height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#b7aea5;cursor:pointer;font-size:10px;font-weight:700;letter-spacing:.13em;list-style:none}.hub-more summary::-webkit-details-marker{display:none}.hub-more summary:after{content:"›";color:#847d77;font-size:20px;transform:rotate(0);transition:transform .16s ease}.hub-more[open] summary:after{transform:rotate(90deg)}.hub-more summary:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}.hub-more-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:8px;border-top:1px solid rgba(247,242,231,.1)}.hub-more-grid .mode-tile{min-height:58px;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;padding:7px 9px}.hub-more-grid .mode-glyph{width:30px;height:26px}.hub-more-grid .mode-glyph i{top:8px}.hub-more-grid .mode-glyph i:first-child{left:8px}.hub-more-grid .mode-glyph i:last-child{right:8px}.hub-more-grid .mode-tile small{display:none}.hub-utilities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.hub-utilities button{min-width:0;height:44px!important;padding:6px 8px;color:#aaa29a;background:#24201d94;font-size:8px!important}.hub-utilities button:first-child{display:grid;place-content:center;gap:1px}.hub-utilities button span{color:var(--ink)}.hub-utilities button small{color:#817a74;font-size:7px;letter-spacing:.09em}.hub-legal{margin:-2px 0 0;overflow:hidden;color:#f7f2e75c;font-family:Fredoka Variable,sans-serif;font-size:7px;font-weight:400;letter-spacing:.025em;line-height:1.2;text-align:center;white-space:nowrap}@media(prefers-reduced-motion:reduce){.hub-more summary:after{transition:none}}.daily-brief{display:grid;grid-template-columns:62px 1fr;gap:13px;text-align:left}.daily-brief>div{align-self:center}.daily-brief dl{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:2px 0 0}.daily-brief dl div{padding:9px 10px;border-radius:8px;background:#f7f2e70e}.daily-brief dt{color:#8e8780;font-size:8px;letter-spacing:.12em}.daily-brief dd{margin:2px 0 0;font-size:11px;font-variant-numeric:tabular-nums}.brief-blob{position:relative;width:58px;height:52px;align-self:center;border-radius:52% 48% 45% 55%;background:#4ea6a0;transform:rotate(-5deg)}.brief-blob.blitz{background:#e0b655;border-radius:48% 48% 35% 65%}.brief-blob:before,.brief-blob:after{content:"";position:absolute;top:19px;width:6px;height:7px;border-radius:50%;background:#171514}.brief-blob:before{left:17px}.brief-blob:after{right:17px}.chapter-list{position:relative;gap:9px}.chapter{display:grid;grid-template-columns:150px 1fr;align-items:center;min-height:72px;padding:10px 12px}.chapter header{display:flex;align-items:center;gap:9px;min-width:0}.chapter header>span{display:grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border-radius:50%;background:#f7f2e714;color:#c9bfb6;font-size:10px;font-variant-numeric:tabular-nums}.chapter header h3{display:block;font-size:10px}.chapter header p{float:none;display:block;margin:2px 0 0;color:#817a74;font-size:8px;white-space:normal}.stage-row{position:relative;grid-template-columns:repeat(8,minmax(38px,1fr));padding:0}.stage-row:before{content:"";position:absolute;left:4%;right:4%;top:50%;height:1px;background:#f7f2e71f}.stage-dot{z-index:1;width:42px;height:42px!important;min-height:42px!important;justify-self:center;border-radius:50%!important;background:#191715!important}.stage-dot.selected{box-shadow:0 0 0 3px #d8795938}.stage-rules{padding:10px;border-radius:9px;background:#f7f2e70d}.stage-rules>b{color:#8e8780;font-size:8px;letter-spacing:.12em}.medal{font-size:8px;font-weight:700;letter-spacing:.07em}.medal:before{content:"● "}.medal.gold{color:#deb95c}.medal.silver{color:#c3c7ca}.medal.bronze{color:#bd8264}.result-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 12px}.result-facts div{min-width:0;padding:9px 7px;border-radius:8px;background:#f7f2e70e;text-align:center}.result-facts dt{color:#817a74;font-size:7px;letter-spacing:.1em}.result-facts dd{overflow:hidden;margin:2px 0 0;color:var(--ink);font-size:11px;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.result-reward{margin:-2px 0 12px;padding:10px;border:1px solid rgba(222,185,92,.26);border-radius:9px;background:#5a43121f}.result-reward>b{display:flex;justify-content:center;gap:10px}.result-reward span{color:#756d66;font-size:8px;letter-spacing:.08em}.result-reward span.earned{color:#deb95c}.result-reward small{display:block;margin-top:6px;color:#d8c891;font-size:8px;letter-spacing:.06em;text-align:center;text-transform:uppercase}#over-note:not(:empty){margin-top:9px;padding:8px 10px;border:1px solid rgba(216,121,89,.3);border-radius:8px;color:#e8aa93;background:#58231624;font-size:9px}.custom-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:12px;align-items:start}.rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.rule-category{padding:10px;border:1px solid rgba(247,242,231,.12);border-radius:11px;background:#08080833}.rule-category h3{margin-bottom:7px;color:#9d958e;font:700 9px Fredoka Variable,sans-serif;letter-spacing:.13em}.rule-category>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.rule-card{min-height:134px!important}.rule-glyph{width:28px;height:23px;margin-bottom:5px;border-radius:50% 46% 54% 42%;background:#708ac2}.rule-glyph.pieces{background:#d87959}.rule-glyph.scoring{background:#e0b655}.rule-glyph.timing{background:#9d73b4}.rule-summary{position:sticky;top:0;display:grid;grid-template-columns:1fr;margin:0;padding:15px}.rule-summary dl{margin:4px 0}.rule-summary dl div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid rgba(247,242,231,.09)}.rule-summary dt{color:#817a74;font-size:8px}.rule-summary dd{margin:0;font-size:9px;text-align:right}.rule-summary .primary{grid-column:1;grid-row:auto;width:100%}.profile-hero{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:stretch}.profile-avatar{position:relative;display:grid;place-items:center;min-height:88px;border:1px solid rgba(247,242,231,.14);border-radius:12px;background:#08080840}.profile-avatar:before{content:"";width:60px;height:52px;border-radius:50% 45% 53% 42%;background:#d87959;transform:rotate(-7deg)}.profile-avatar i{position:absolute;top:40px;width:6px;height:7px;border-radius:50%;background:#171514}.profile-avatar i:first-child{left:36px}.profile-avatar i:last-child{right:36px}.profile-level{min-width:0}.profile-level>div{flex:1}.profile-level>div>i{display:block;height:5px;margin-top:9px;overflow:hidden;border-radius:5px;background:#34302d}.profile-level>div>i span{display:block;height:100%;background:#f7f2e7}.profile-screen>h3{margin:14px 0 7px;font:700 9px Fredoka Variable,sans-serif;color:#9d958e}.profile-section-title{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.profile-section-title h3{font:700 10px Fredoka Variable,sans-serif}.profile-section-title span{color:#8e8780;font-size:8px}.achievement-tabs,.cosmetic-tabs{display:flex;gap:6px;margin:8px 0;overflow:auto}.achievement-tabs span,.cosmetic-tabs span{min-width:max-content;padding:6px 10px;border:1px solid rgba(247,242,231,.12);border-radius:999px;color:#aaa29a;font-size:8px;letter-spacing:.1em}.achievement-tabs span:first-child,.cosmetic-tabs span:first-child{border-color:#f7f2e78c;color:var(--ink)}.achievement-list li{align-items:center}.achievement-badge{display:grid;place-items:center;min-width:32px;height:32px;border-radius:50%;background:#f7f2e714;font-size:9px}.achievement-list .unlocked .achievement-badge{background:#78a867;color:#111}.achievement-list li>div{flex:1;min-width:0}.achievement-list i{display:block;height:3px;margin-top:6px;border-radius:3px;background:#34302d;overflow:hidden}.achievement-list i span{display:block;height:100%;background:#c79973}.cosmetics-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(170px,.72fr) minmax(170px,.68fr);gap:10px;align-items:stretch}.cosmetics-layout>section:first-child,.cosmetic-detail{padding:11px;border:1px solid rgba(247,242,231,.13);border-radius:11px}.cosmetics-layout h3{margin-bottom:8px;font-size:11px}.cosmetic-grid{grid-template-columns:repeat(3,1fr)}.cosmetic-preview{min-height:100%;margin:0;padding:12px}.preview-board{width:126px;height:236px;display:grid!important;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(12,1fr);gap:2px;padding:7px;border:1px solid rgba(247,242,231,.2);border-radius:8px;background:#111}.preview-board span{width:auto!important;height:auto!important;margin:0!important;border-radius:4px!important;background:#f7f2e706!important;transform:none!important}.preview-board span.filled{border-radius:50% 45% 54% 40%!important;background:#d87959!important}.preview-board span.filled.c1{background:#708ac2!important}.preview-board span.filled.c2{background:#e0b655!important}.cosmetic-detail{display:flex;flex-direction:column;align-items:flex-start}.cosmetic-detail>.cosmetic-swatch{width:52px;height:44px}.cosmetic-detail h3{font-size:22px}.cosmetic-detail>p:not(.eyebrow){min-height:42px;color:#aaa29a;font-size:10px;line-height:1.4}.cosmetic-detail>b{margin:7px 0;color:#d8c891;font-size:9px}.cosmetic-detail button{width:100%;margin-top:auto}.unlock-progress{width:100%;height:5px;border-radius:5px;background:#34302d;overflow:hidden}.unlock-progress span{display:block;height:100%;background:#d87959}.lobby-room{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;padding:12px;border:1px solid rgba(247,242,231,.14);border-radius:11px;background:#08080838;text-align:left}.lobby-room>div>span{color:#8e8780;font-size:8px;letter-spacing:.12em}.lobby-room .lobby-code{margin:5px 0;font-size:32px}.lobby-room button{width:100%}.lobby-room dl{margin:0}.lobby-room dl div{padding:8px 0;border-bottom:1px solid rgba(247,242,231,.09)}.lobby-room dt{color:#817a74;font-size:8px}.lobby-room dd{margin:2px 0 0;font-size:10px}.lobby-players{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.lobby-players li{display:grid;grid-template-columns:34px 1fr;grid-template-rows:1fr 1fr;gap:0 8px;align-items:center;padding:9px;border:1px solid rgba(247,242,231,.12);border-radius:9px;text-align:left}.lobby-players .player-blob{grid-row:1/-1}.lobby-players b{font-size:10px}.lobby-players em{color:#8e8780;font-size:8px;font-style:normal}.player-blob{position:relative;display:inline-block;width:34px;height:30px;border-radius:50% 45% 54% 42%;background:#708ac2}.player-blob.you{background:#d87959}.player-blob:before,.player-blob:after{content:"";position:absolute;top:11px;width:4px;height:5px;border-radius:50%;background:#171514}.player-blob:before{left:10px}.player-blob:after{right:10px}.matchup{display:flex;align-items:center;justify-content:center;gap:18px;margin:18px}.matchup .player-blob{width:64px;height:56px}.matchup .player-blob:before{left:20px;top:21px}.matchup .player-blob:after{right:20px;top:21px}.matchup b{font-size:22px}@media(max-width:719px){#home-card:has(.mode-hub){width:min(94vw,430px)}.mode-hub{gap:9px}.hub-quick .mode-grid{grid-template-columns:1fr 1fr;gap:6px}.hub-quick .mode-tile{min-height:58px;grid-template-columns:30px minmax(0,1fr);gap:8px;padding:7px 9px}.hub-quick .mode-tile em,.hub-quick .mode-tile small{display:none}.hub-quick .mode-glyph{width:29px;height:25px}.hub-quick .mode-glyph i{top:8px}.hub-quick .mode-glyph i:first-child{left:8px}.hub-quick .mode-glyph i:last-child{right:8px}.hub-more-grid{grid-template-columns:1fr}.hub-more-grid .mode-tile{min-height:52px}.hub-utilities{grid-template-columns:1fr 1fr}.campaign-layout .stage-brief{order:-1}.chapter{grid-template-columns:110px minmax(360px,1fr)}.chapter-list{max-height:300px}.stage-row{overflow:visible}.stage-dot{width:38px}.custom-layout,.cosmetics-layout,.rule-grid{grid-template-columns:1fr}.rule-category>div{grid-template-columns:1fr 1fr}.custom-layout .rule-summary{position:static;order:-1}.cosmetic-grid{grid-template-columns:repeat(3,1fr);max-height:none}.cosmetic-preview{min-height:270px}.cosmetic-detail{min-height:220px}.profile-hero{grid-template-columns:72px 1fr}.profile-avatar i:first-child{left:26px}.profile-avatar i:last-child{right:26px}.achievement-list{grid-template-columns:1fr;max-height:none}.lobby-room,.lobby-players{grid-template-columns:1fr}}@media(max-height:680px)and (max-width:719px){.hub-quick h3{display:none}.mode-primary{height:56px!important}.hub-utilities button{height:44px!important}.hub-more[open]~.hub-utilities{display:none}}