.league-badge{--c1:#e0894a;--c2:#9a5628;border:2px solid var(--ink);background:linear-gradient(180deg, var(--c1), var(--c2));white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;padding:2px 8px 2px 4px;font-size:15px;line-height:1;display:inline-flex;box-shadow:inset 0 2px #ffffff73}.league-badge:not(:has(.league-name)){padding:2px}.league-badge>span:first-child{place-items:center;width:1.4em;height:1.4em;display:grid}.league-badge.sm{font-size:12px}.league-badge.lg{font-size:22px}.league-name{text-shadow:0 1px 0 var(--ink)}.l-silver{--c1:#e6edf7;--c2:#8f9ab2;color:var(--ink)}.l-silver .league-name{text-shadow:none}.l-gold{--c1:#ffe27a;--c2:#e09a10}.l-crystal{--c1:#8de8ff;--c2:#2b8fd6}.l-champion{--c1:#c78bff;--c2:#6a35c9}.l-legend{--c1:#ff7a7a;--c2:#c0262e}.sheet-backdrop{top:var(--vv-top,0px);height:var(--vv-h,100%);z-index:50;background:#08081c9e;justify-content:center;align-items:flex-end;animation:.18s fade-in;display:flex;position:fixed;left:0;right:0}.sheet{width:min(100%,460px);max-height:92%;padding:14px 16px calc(var(--safe-b) + 16px);overscroll-behavior:contain;-webkit-user-select:text;user-select:text;background:linear-gradient(#2c4f9c,#1b2f6a);border-radius:24px 24px 0 0;flex-direction:column;gap:10px;animation:.22s cubic-bezier(.2,1,.3,1) sheet-up;display:flex;overflow-y:auto}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.sheet-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.sheet-title{color:var(--gold);text-shadow:0 2px 0 var(--ink);margin:0;font-size:26px;font-weight:400}.sheet-body{flex-direction:column;gap:10px;display:flex}.sheet .btn{width:100%;margin-bottom:4px}.sheet-note{opacity:.92;text-align:center;font-size:16px;line-height:1.25}.sheet-error{border:3px solid var(--ink);text-align:center;background:#d8434a;border-radius:12px;padding:8px 12px;font-size:15px}.sheet-divider{opacity:.8;align-items:center;gap:10px;font-size:14px;display:flex}.sheet-divider:before,.sheet-divider:after{content:"";background:#ffffff40;flex:1;height:2px}.text-input{border:3px solid var(--ink);width:100%;min-height:48px;color:var(--ink);font:inherit;-webkit-user-select:text;user-select:text;background:#fff6c8;border-radius:14px;padding:0 14px;font-size:20px;box-shadow:inset 0 3px #0000001f}.text-input::placeholder{color:#17123a59}.field-hint{opacity:.8;text-align:center;font-size:14px}@media (min-width:560px){.sheet-backdrop{align-items:center}.sheet{border-radius:24px;padding-bottom:16px}}.btn.btn-google{--top:#fff;--bot:#d9deea;--edge:#8a93ad;color:var(--ink);-webkit-text-stroke:0;text-shadow:none}.btn-discord{--top:#8c9bff;--bot:#5865f2;--edge:#333fa8}.install.panel{z-index:6;left:calc(var(--safe-l) + 12px);right:calc(var(--safe-r) + 12px);bottom:calc(var(--safe-b) + 12px);border-color:var(--gold);background:#181248f5;grid-template-columns:auto 1fr;align-items:center;gap:8px 12px;max-width:460px;margin:0 auto;padding:12px;animation:.25s pop-in;display:grid;position:fixed}.install-icon{font-size:34px;line-height:1}.install-text{flex-direction:column;gap:2px;min-width:0;font-size:15px;display:flex}.install-text strong{color:var(--gold);font-size:19px;font-weight:400}.install-actions{grid-column:1/-1;justify-content:flex-end;gap:8px;display:flex}.install .btn{margin:0}.page{height:100%;padding:calc(var(--safe-t) + 10px) calc(var(--safe-r) + 12px) calc(var(--safe-b) + 10px) calc(var(--safe-l) + 12px);flex-direction:column;align-items:center;gap:10px;animation:.3s fade-in;display:flex;position:relative;overflow:hidden}.page>*{z-index:1;width:min(100%,520px);position:relative}.page>.home-sea{z-index:0;width:auto;position:absolute}.page-head{flex:none;justify-content:space-between;align-items:center;gap:8px;display:flex}.page-back{flex:none;text-decoration:none}.page-head-spacer{flex:none;width:46px}.page-title{text-align:center;color:var(--gold);flex:1;font-size:clamp(26px,8vw,36px);font-weight:400}.page-scroll{overscroll-behavior:contain;min-height:0;padding-bottom:calc(var(--safe-b) + 8px);flex-direction:column;flex:1;gap:10px;display:flex;overflow-y:auto}.page .btn{margin-bottom:4px}.chips{scrollbar-width:none;flex:none;gap:6px;padding:2px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:3px solid var(--ink);color:#ffffffd9;min-height:44px;text-shadow:0 1px 0 var(--ink);background:#1014308c;border-radius:14px;flex:none;padding:0 14px;font-size:17px}.chip.on{color:var(--ink);text-shadow:none;box-shadow:inset 0 2px 0 #fff9, 0 2px 0 var(--ink);background:linear-gradient(#ffe27a,#f2a413)}.chip .chip-count{opacity:.8;margin-left:6px;font-size:13px}.page-note{text-align:center;padding:14px;font-size:17px;line-height:1.25}.page-note .btn{margin-top:10px}.page-error{border:3px solid var(--ink);text-align:center;background:#d8434a;border-radius:12px;padding:10px 12px;font-size:15px}.page-error .btn{margin-top:8px}.ladder-season{font-variant-numeric:tabular-nums;flex:none;justify-content:center;align-items:center;gap:8px;min-height:34px;padding:4px 12px;font-size:15px;display:flex}.ladder-list{overscroll-behavior:contain;flex-direction:column;flex:1;gap:6px;min-height:0;padding:2px 2px 4px;display:flex;overflow-y:auto}.ladder-row{border:3px solid var(--panel-edge);background:#101430b8;border-radius:16px;flex:none;grid-template-columns:44px 1fr auto;align-items:center;gap:8px;min-height:52px;padding:4px 12px 4px 6px;display:grid}.ladder-row.framed{border-image:var(--frame-art) 16 / 14px stretch;background-clip:padding-box}.ladder-row.me{background:#465abed9}.ladder-rank{text-align:center;font-variant-numeric:tabular-nums;text-shadow:0 1px 0 var(--ink);font-size:20px}.ladder-rank.top-1{color:#ffd23f}.ladder-rank.top-2{color:#dfe6f0}.ladder-rank.top-3{color:#e0894a}.ladder-who{flex-direction:column;gap:2px;min-width:0;display:flex}.ladder-name{min-width:0;text-shadow:0 1px 0 var(--ink);align-items:center;gap:6px;font-size:18px;display:flex}.ladder-name>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ladder-sub{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ladder-badges{gap:2px;display:inline-flex}.ladder-badges img{width:24px;height:24px}.ladder-trophies{font-variant-numeric:tabular-nums;text-shadow:0 1px 0 var(--ink);white-space:nowrap;font-size:19px}.ladder-me{border:3px solid var(--ink);box-shadow:inset 0 2px 0 #ffffff59, 0 4px 0 var(--ink), 0 8px 16px #00000059;background:linear-gradient(#5d6bb0,#34407a);border-radius:18px;flex-direction:column;flex:none;gap:4px;padding:8px 10px;display:flex;position:sticky;bottom:0}.ladder-me .ladder-row{box-shadow:none;background:0 0;border:0;padding:0}.ladder-pass{text-align:center;text-shadow:0 1px 0 var(--ink);font-size:15px}.ladder-sentinel{flex:none;height:1px}.ladder-more{text-align:center;padding:6px}.club-hero{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:14px;display:flex}.club-hero-star{filter:drop-shadow(0 3px #00000059);font-size:54px;line-height:1}.club-price{color:var(--gold);text-shadow:0 2px 0 var(--ink);font-size:30px}.club-tagline{opacity:.9;font-size:16px}.club-status{text-align:center;min-height:44px;text-shadow:0 1px 0 var(--ink);justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:18px;display:flex}.club-status.active{background:#3c9628d9}.club-status.activating,.club-status.delayed{background:#be8214d9}.perks{flex-direction:column;gap:6px;padding:10px 12px;display:flex}.perk{grid-template-columns:34px 1fr;align-items:center;gap:8px;font-size:17px;line-height:1.15;display:grid}.perk>span:first-child{text-align:center;font-size:26px}.perk small{opacity:.8;font-size:14px;display:block}.perks-title{color:var(--gold);font-size:18px;font-weight:400}.club-fineprint{text-align:center;opacity:.75;font-size:13px}.locker-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:2px;display:grid}@media (min-width:420px){.locker-grid{grid-template-columns:repeat(4,1fr)}}.locker-item{border:3px solid var(--panel-edge);color:#fff;text-align:center;min-height:112px;text-shadow:0 1px 0 var(--ink);background:#101430b8;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 6px;font-size:14px;display:flex;position:relative}.locker-item:active{transform:translateY(2px)}.locker-item.equipped{background:#286e28a6;border-color:#a5ec62}.locker-item.locked .preview{filter:grayscale(.85)brightness(.7)}.locker-item.selected{outline:3px solid var(--gold);outline-offset:1px}.locker-item-name{overflow-wrap:anywhere;line-height:1.05}.locker-flag{font-size:15px;position:absolute;top:4px;right:6px}.locker-detail{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:10px 12px;font-size:16px;display:flex}.locker-detail .btn{margin:4px 0 0}.referral{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex}.referral h2{color:var(--gold);margin:0;font-size:18px;font-weight:400}.referral .btn{width:100%;margin:0}.progress{border:3px solid var(--ink);background:#00000059;border-radius:999px;width:100%;height:16px;overflow:hidden}.progress>i{background:linear-gradient(#a5ec62,#47b01c);height:100%;transition:width .4s;display:block}.toast-line{text-align:center;min-height:20px;font-size:14px}.preview{--size:56px;width:var(--size);height:var(--size);font-size:calc(var(--size) * .62);place-items:center;line-height:1;display:grid;position:relative}.preview.wide{aspect-ratio:212/72;width:100%;height:auto}.preview img{object-fit:contain;width:100%;height:100%}.preview-skin{background:linear-gradient(160deg, var(--tint), var(--accent));-webkit-mask:url(/assets/icons/llama.svg) 50%/contain no-repeat;mask:url(/assets/icons/llama.svg) 50%/contain no-repeat}.preview-pattern{border:3px solid var(--ink);background-color:#3a86ff;border-radius:12px}.pat-stripes{background-image:repeating-linear-gradient(45deg,#ffffffb3 0 6px,#0000 6px 12px)}.pat-dots{background-image:radial-gradient(#fffc 3px,#0000 4px);background-size:12px 12px}.pat-checks{background-image:conic-gradient(#fff9 25%, transparent 0 50%, #fff9 0 75%, transparent 0);background-size:16px 16px}.pat-waves{background-image:repeating-radial-gradient(circle at 0 100%,#0000 0 7px,#ffffffb3 7px 10px)}.pat-stars{background-image:radial-gradient(circle,#ffe066f2 2px,#0000 3px);background-size:14px 14px}.preview-frame{border:5px solid var(--tint,#ffffff4d);background:#00000040;border-radius:14px}.preview-frame.rainbow{background:linear-gradient(#2a2f5c,#2a2f5c) padding-box padding-box,conic-gradient(#ff5a5f,#ffd23f,#2ec4b6,#3a86ff,#9b5de5,#ff5a5f) border-box;border-color:#0000}.preview-emotes{flex-wrap:wrap;justify-content:center;gap:2px;width:100%;font-size:18px;line-height:1.1;display:flex}.preview-badge{font-size:34px}.home{height:100%;padding:calc(var(--safe-t) + 12px) calc(var(--safe-r) + 16px) calc(var(--safe-b) + 20px) calc(var(--safe-l) + 16px);flex-direction:column;justify-content:space-between;align-items:center;animation:.3s fade-in;display:flex;position:relative;overflow:hidden}.home-sea{z-index:0;background:radial-gradient(70% 38% at 50% 34%,#6ab24a 0 46%,#e9d58a 47% 52%,#0000 53%),radial-gradient(at 50% 30%,#3a8ee8,#1f6fd1 55%,#124a94);position:absolute;inset:0}.home-sea.plain{background:radial-gradient(at 50% 30%,#3a8ee8,#1f6fd1 55%,#124a94)}.home-sea:after{content:"";background:repeating-linear-gradient(115deg,#0000 0 46px,#ffffff0d 46px 52px);animation:14s linear infinite sea-drift;position:absolute;inset:0}@keyframes sea-drift{to{transform:translate(104px)}}.home-hero{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-height:0;display:flex;position:relative}.mascot{aspect-ratio:1;place-items:center;width:min(48vw,22vh,220px);display:grid;position:relative}.mascot-img,.mascot-fallback{z-index:1;object-fit:contain;transform-origin:50% 90%;filter:drop-shadow(0 4px #17123a8c);width:100%;height:100%;animation:2.2s ease-in-out infinite bob;position:relative}.mascot-fallback{place-items:center;font-size:min(36vw,22vh,160px);line-height:1;display:grid}.mascot-shadow{background:#00000047;border-radius:50%;width:62%;height:8%;animation:2.2s ease-in-out infinite shadow-bob;position:absolute;bottom:2%}@keyframes bob{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-3%)rotate(1.5deg)scale(1.02,.99)}}@keyframes shadow-bob{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(.9)}}.logo{color:var(--gold);text-transform:uppercase;text-shadow:0 .07em 0 var(--ink), 0 .12em 0 #00000059;-webkit-text-stroke:.12em var(--ink);flex-direction:column;align-items:center;font-size:clamp(48px,min(22vw,9vh),104px);font-weight:400;line-height:.88;display:flex;transform:rotate(-3deg)}.logo-bottom{margin-top:-.02em}.tagline{color:#fff;text-align:center;margin-top:6px;font-size:clamp(16px,4.6vw,22px)}.home-panel{z-index:1;border:4px solid var(--panel-edge);width:min(100%,420px);box-shadow:inset 0 3px 0 #ffffff59, 0 8px 0 var(--panel-edge), 0 14px 22px #00000059;background:linear-gradient(#3d8eea,#2a67c2);border-radius:28px;margin-bottom:8px;padding:16px 16px 14px;position:relative}.home-panel .play{width:100%;margin-bottom:8px;animation:1.8s ease-in-out infinite play-pulse}.home-panel .play.busy,.home-panel .play:disabled{animation:none}@keyframes play-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.12)}}.home-error{border:3px solid var(--ink);text-align:center;background:#d8434a;border-radius:12px;margin:4px 0 8px;padding:8px 12px;font-size:15px}.home-settings{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.home-install{width:100%;min-height:44px;margin-top:8px}.seg{border:3px solid var(--ink);background:#1014308c;border-radius:16px;padding:3px;display:flex}.seg-btn{color:#ffffffbf;border-radius:12px;min-width:54px;height:44px;padding:0 10px;font-size:19px}.seg-btn.on{color:var(--ink);box-shadow:inset 0 2px 0 #fff9, 0 2px 0 var(--ink);background:linear-gradient(#ffe27a,#f2a413)}.round-btn.sound.off{filter:grayscale(.8);opacity:.85}@media (orientation:landscape) and (max-height:520px){.home{flex-direction:row;justify-content:space-evenly;gap:24px}.home-hero{flex:1}.home-panel{flex:0 0 min(46%,400px);margin-bottom:0}.mascot{width:min(26vw,36vh)}.logo{font-size:clamp(40px,16vh,80px)}}.home-error .btn{margin:8px 0 0}.home-room{border:3px solid var(--panel-edge);background:#1014304d;border-radius:20px;flex-direction:column;gap:2px;margin:4px 0 6px;padding:8px 10px 4px;display:flex}.home-room-title{letter-spacing:.04em;text-align:center;text-shadow:0 1px 0 var(--ink);opacity:.9;margin:0 0 6px;font-size:15px;font-weight:400}.home-room .btn,.home-panel .practice{width:100%}.room-join{gap:8px;display:flex}.home-room .room-join .btn{flex:none;width:auto;min-width:100px}.room-code-input{border:3px solid var(--ink);min-width:0;min-height:44px;color:var(--ink);font:inherit;letter-spacing:.3em;text-align:center;text-transform:uppercase;-webkit-user-select:text;user-select:text;background:#fff6c8;border-radius:14px;flex:1;margin-bottom:8px;padding:0 10px;font-size:24px;box-shadow:inset 0 3px #0000001f}.room-code-input::placeholder{color:#17123a4d}.home-panel .practice{margin-bottom:0}.practice.suggest{--top:#a5ec62;--bot:#47b01c;--edge:#2b7a0e}@media (max-height:900px) and (orientation:portrait){.home-room{margin:2px 0 4px;padding-top:6px}.home-panel .play{min-height:62px;font-size:32px}}@media (orientation:landscape) and (max-height:520px){.home-panel{max-height:100%;padding:10px 12px 8px;overflow-y:auto}.home-panel .play{min-height:56px;margin-bottom:4px;font-size:28px}.home-room{margin:0 0 4px;padding:4px 8px 0}.home-room-title{display:none}}.account-bar{z-index:2;top:calc(var(--safe-t) + 10px);right:calc(var(--safe-r) + 12px);left:calc(var(--safe-l) + 12px);justify-content:flex-end;min-height:44px;display:flex;position:absolute}.account-chip{border:3px solid var(--ink);max-width:100%;min-height:44px;box-shadow:inset 0 2px 0 #ffffff59, 0 3px 0 var(--ink);text-shadow:0 1px 0 var(--ink);background:linear-gradient(#5d6bb0,#34407a);border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 6px;font-size:17px;display:inline-flex}.account-chip:active{transform:translateY(2px)}.account-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.account-trophies{font-variant-numeric:tabular-nums;white-space:nowrap}.account-chip .account-trophies{opacity:.95;font-size:15px}.club-star{font-size:16px;line-height:1}.account-signin{min-height:44px;margin:0}.account-card{text-shadow:0 1px 0 var(--ink);justify-content:center;align-items:center;gap:12px;font-size:20px;display:flex}.home-panel .ranked{width:100%}.home-nav{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px;display:grid}.nav-tile{border:3px solid var(--ink);min-height:56px;box-shadow:inset 0 2px 0 #fff6, 0 3px 0 var(--ink);color:#fff;text-shadow:0 1px 0 var(--ink);text-align:center;background:linear-gradient(#6a73a6,#3a4170);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 6px;font-size:14px;text-decoration:none;display:flex}.nav-tile>span{font-size:22px;line-height:1}.nav-tile:active{transform:translateY(2px)}@media (max-height:900px) and (orientation:portrait){.nav-tile{flex-direction:row;gap:6px;min-height:48px}.nav-tile>span{font-size:18px}}@media (orientation:landscape) and (max-height:520px){.nav-tile{flex-direction:row;min-height:44px;font-size:13px}}@media (max-height:900px) and (orientation:portrait){.home-room-title{display:none}.home-panel{padding:12px 12px 10px}}.attract{z-index:0;opacity:0;pointer-events:none;transition:opacity 1.2s;position:absolute;inset:0;overflow:hidden}.attract.live{opacity:1}.attract canvas{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.attract:after{content:"";z-index:1;background:linear-gradient(#0c103080,#0c1030b8);position:absolute;inset:0}@media (max-height:720px) and (orientation:portrait){.mascot{width:min(30vw,13vh)}.logo{font-size:clamp(40px,min(18vw,8vh),64px)}.tagline{display:none}}.lobby{height:100%;padding:calc(var(--safe-t) + 12px) calc(var(--safe-r) + 14px) calc(var(--safe-b) + 12px) calc(var(--safe-l) + 14px);overscroll-behavior:contain;flex-direction:column;align-items:center;gap:10px;animation:.3s fade-in;display:flex;position:relative;overflow:hidden auto}.lobby>*{z-index:1;width:min(100%,460px);position:relative}.lobby>.home-sea{z-index:0;width:auto;position:absolute}.lobby-head{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.lobby-title{color:var(--gold);font-size:clamp(26px,8vw,38px);font-weight:400}.lobby-count{text-shadow:0 2px 0 var(--ink), 0 0 4px var(--ink);font-variant-numeric:tabular-nums;font-size:18px}.lobby-countdown{font-variant-numeric:tabular-nums;min-height:44px;text-shadow:0 2px 0 var(--ink);justify-content:center;align-items:center;gap:8px;padding:6px 16px;font-size:20px;display:inline-flex}.lobby-countdown.warn{background:#be2430d9}.lobby-countdown .spinner{width:.9em;height:.9em}.room-card{flex-direction:column;align-items:center;gap:6px;padding:10px 12px 8px;display:flex}.room-label{opacity:.85;font-size:14px}.room-code{justify-content:center;gap:6px;display:flex}.room-letter{border:4px solid var(--ink);width:clamp(36px,11vw,56px);height:clamp(46px,14vw,68px);box-shadow:inset 0 3px 0 #ffffffb3, 0 4px 0 var(--ink);color:var(--ink);-webkit-text-stroke:0;text-shadow:none;background:linear-gradient(#fff6c8,#ffd23f);border-radius:14px;place-items:center;font-size:clamp(28px,9vw,44px);display:grid}.room-share{width:100%;margin-bottom:4px;font-size:20px}.lobby-toast{text-align:center;min-height:18px;text-shadow:0 1px 0 var(--ink);font-size:14px}.lobby-toast:empty{display:none}.lobby-slots{flex:1 0 auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(46px,1fr);gap:6px;max-height:340px;display:grid}.slot{border:3px solid var(--panel-edge);background:var(--panel);border-radius:16px;align-items:center;gap:8px;min-width:0;padding:4px 8px 4px 6px;display:flex}.slot.filled{animation:.25s pop-in}.slot.me{border-color:var(--gold);box-shadow:0 0 0 3px var(--ink);background:#ffe06638}.slot.empty{opacity:.8;background:#10143059;border-style:dashed;border-color:#ffffff59}.slot-avatar{border:3px solid var(--ink);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:18px;line-height:1;display:grid}.slot.empty .slot-avatar{background:0 0;border:3px dashed #fff6;animation:1.4s ease-in-out infinite slot-wait}@keyframes slot-wait{50%{opacity:.45}}.slot-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;text-shadow:0 1px 0 var(--ink);flex:1;font-size:16px;overflow:hidden}.slot.empty .slot-name{opacity:.6}.slot-host{flex:none;font-size:16px}.lobby-actions{flex-direction:column;align-items:stretch;gap:4px;display:flex}.host-controls{flex-direction:column;gap:8px;display:flex}.toggle-row{border:3px solid var(--panel-edge);background:var(--panel);min-height:48px;text-shadow:0 1px 0 var(--ink);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:2px 12px;font-size:16px;display:flex}.switch{appearance:none;border:3px solid var(--ink);cursor:pointer;background:#5d6486;border-radius:22px;flex:none;width:64px;height:44px;margin:0;transition:background .15s;position:relative}.switch:before{content:"";border:3px solid var(--ink);background:#fff;border-radius:50%;width:32px;height:32px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch:checked{background:#47b01c}.switch:checked:before{transform:translate(20px)}.switch:disabled{opacity:.6;cursor:default}.lobby-hint{text-align:center;text-shadow:0 1px 0 var(--ink), 0 0 4px var(--ink);margin-bottom:4px;font-size:15px}.lobby-actions .btn-xl{width:100%;margin-bottom:4px}.lobby-notice{justify-content:center}.notice-card{text-align:center;flex-direction:column;align-items:stretch;gap:10px;padding:22px 18px 14px;display:flex}.notice-message{text-shadow:0 2px 0 var(--ink);font-size:20px}.notice-card .spinner.big{border-width:6px;align-self:center;width:44px;height:44px}@media (orientation:landscape) and (max-height:520px){.lobby{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-auto-rows:min-content;align-content:start;justify-items:stretch;gap:8px 16px;max-width:100%;display:grid}.lobby>*,.lobby>.home-sea{width:auto}.lobby-head,.room-card,.lobby-actions{grid-column:1}.lobby-slots{grid-area:1/2/span 3;grid-auto-rows:46px;align-self:start;max-height:none}.lobby-head{gap:2px}.lobby-count{font-size:16px}.room-card{gap:4px;padding:6px 10px 4px}.room-label{display:none}.room-share{min-height:44px;font-size:18px}.lobby-toast{min-height:0;font-size:13px}.toggle-row{min-height:44px;padding-block:0}.lobby-actions .btn-xl{min-height:56px;font-size:28px}.lobby-hint{display:none}.room-letter{width:40px;height:48px;font-size:30px}.lobby-title{font-size:26px}.lobby-notice{display:flex}}.join-panel{text-align:center;flex-direction:column;align-items:stretch;gap:8px;display:flex}.join-title{color:var(--gold);font-size:26px;font-weight:400}.join-host{text-shadow:0 2px 0 var(--ink);overflow-wrap:anywhere;font-size:20px}.join-players{text-shadow:0 1px 0 var(--ink);font-variant-numeric:tabular-nums;font-size:17px}.join-message{text-shadow:0 1px 0 var(--ink);justify-content:center;align-items:center;gap:8px;padding:6px 10px;font-size:17px;display:flex}.join-panel .btn{margin-bottom:4px}.join-panel .btn-xl{width:100%}@media (orientation:landscape) and (max-height:520px){.join-panel{gap:4px}.join-title{font-size:20px}}.hud{padding:calc(var(--safe-t) + 8px) calc(var(--safe-r) + 10px) calc(var(--safe-b) + 8px) calc(var(--safe-l) + 10px);pointer-events:none;z-index:2;flex-direction:column;justify-content:space-between;font-size:14px;display:flex;position:absolute;inset:0}.hud button,.hud input,.hud .radial{pointer-events:auto}.hud-top{flex-direction:column;gap:6px;width:100%;max-width:760px;margin:0 auto;display:flex}.hud-row{grid-template-columns:minmax(0,112px) auto minmax(0,1fr);justify-content:space-between;align-items:start;gap:6px;display:grid}.hud-res{flex-direction:column;gap:1px;min-width:0;display:flex}.res-bar{border:3px solid var(--panel-edge);background:var(--panel);border-radius:13px;justify-content:flex-end;align-items:center;height:32px;padding:0 9px 0 34px;display:flex;position:relative;overflow:hidden}.res-fill{border-radius:9px;transition:width .35s ease-out;position:absolute;inset:0 auto 0 0}.res-llama .res-fill{background:linear-gradient(#d58bff,#9b4fe0);box-shadow:inset 0 2px #ffffff73}.res-wool{background:linear-gradient(180deg, #ffcd5080, #d2821480), var(--panel)}.res-icon{width:22px;height:22px;filter:drop-shadow(0 1px 0 var(--ink));font-size:20px;position:absolute;top:50%;left:5px;transform:translateY(-50%)}.res-value{font-size:19px;line-height:1;position:relative}.res-sub{color:#fff;text-shadow:0 1px 0 var(--ink), 0 0 3px var(--ink), 0 0 3px var(--ink);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;padding-left:4px;font-size:12px;overflow:hidden}.hud-timer{flex-direction:column;align-items:center;gap:1px;min-width:66px;padding:4px 8px 3px;display:flex}.timer-icon{width:20px;height:20px;font-size:18px}.timer-value{font-variant-numeric:tabular-nums;font-size:22px;line-height:1}.hud-timer.low{background:#be2430cc;animation:1s ease-in-out infinite low-time}@keyframes low-time{50%{transform:scale(1.06)}}.hud-lb{flex-direction:column;gap:1px;min-width:0;padding:5px 7px;font-size:13px;display:flex}.lb-row{border-radius:8px;grid-template-columns:10px minmax(0,1fr) auto auto;align-items:center;gap:5px;min-height:20px;padding:0 3px;display:grid}.lb-row.me{background:#ffe06638;box-shadow:inset 0 0 0 2px #ffe066cc}.lb-row.detached{margin-top:3px}.lb-row.dead{opacity:.55}.lb-dot{border:2px solid var(--ink);border-radius:3px;width:10px;height:10px;display:inline-block}.lb-name{white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 0 var(--ink);overflow:hidden}.lb-marks{letter-spacing:-1px;font-size:11px}.lb-pct{text-align:right;font-variant-numeric:tabular-nums;min-width:28px;color:var(--gold);text-shadow:0 1px 0 var(--ink)}.hud-chips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.chip{border:3px solid var(--ink);background:var(--panel);text-shadow:0 1px 0 var(--ink);border-radius:999px;align-items:center;gap:5px;padding:3px 11px 3px 8px;font-size:14px;animation:.2s pop-in;display:inline-flex}.chip-icon{width:18px;height:18px;font-size:16px}.chip-protect{background:linear-gradient(#4aa0ff,#2a6ad0)}.chip-stampede{background:linear-gradient(#b779ff,#7a3dd0)}.chip-truce{background:linear-gradient(#4cc46a,#2b8f46)}.hud-notices{flex-direction:column;align-items:center;gap:6px;width:100%;max-width:420px;margin:0 auto;display:flex}.notice{width:100%;padding:8px 10px;animation:.2s pop-in}.notice-row{align-items:center;gap:8px;display:flex}.notice-emoji{font-size:26px}.notice-text{min-width:0;text-shadow:0 1px 0 var(--ink);flex-direction:column;flex:1;font-size:15px;display:flex}.notice-text span{opacity:.9;font-size:13px}.notice .btn{box-shadow:inset 0 2px 0 #ffffff80, 0 3px 0 var(--edge), 0 3px 0 3px var(--ink);margin:0}.notice-timer{background:#ffffff2e;border-radius:3px;height:6px;margin-top:7px;overflow:hidden}.notice-timer i{background:#8be04e;border-radius:3px;width:100%;height:100%;animation:linear forwards drain;display:block}@keyframes drain{to{width:0}}.notice-betray{background:#aa1e28e0;animation:.2s pop-in,.5s .2s shake}@keyframes shake{20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.toasts{flex-direction:column;align-items:center;gap:4px;display:flex}.toast{border:3px solid var(--ink);background:var(--panel);text-align:center;max-width:100%;text-shadow:0 1px 0 var(--ink);border-radius:12px;padding:5px 12px;font-size:15px;animation:.2s pop-in}.toast-good{background:#2f9a46}.toast-bad{background:#c93a42}.toast-warn{background:#d8801f}.hud-bottom{flex-direction:column;gap:6px;width:100%;max-width:560px;margin:0 auto;display:flex}.dock-row{justify-content:space-between;align-items:flex-end;gap:6px;min-height:46px;display:flex}.tools{align-self:flex-end;gap:6px;margin-bottom:14px;margin-left:auto;display:flex}.abilities{gap:8px;display:flex}.ability{--tone:#3fa9ff;flex-direction:column;align-items:center;gap:1px;width:62px;display:flex;position:relative}.ability-spit{--tone:#44b0ff}.ability-stampede{--tone:#b06bff}.ability-shearing{--tone:#ffb52e}.ability-ring{border:3px solid var(--ink);background:conic-gradient(var(--tone) calc(360deg - var(--cd,0deg)), #08081ecc 0);width:60px;height:60px;box-shadow:0 3px 0 var(--ink), 0 6px 8px #0000004d;border-radius:50%;padding:5px;transition:transform 60ms;display:block}.ability:active .ability-ring{transform:translateY(2px)scale(.97)}.ability-face{border:3px solid var(--ink);background:radial-gradient(circle at 50% 28%, color-mix(in srgb, var(--tone) 55%, #fff), var(--tone) 60%, color-mix(in srgb, var(--tone) 70%, #000));border-radius:50%;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.ability-icon{z-index:1;width:26px;height:26px;font-size:22px}.ability.cooling .ability-face:after{content:"";background:#08081e94;position:absolute;inset:0}.ability-secs{z-index:2;-webkit-text-stroke:.12em var(--ink);paint-order:stroke fill;font-size:20px;position:absolute}.ability.cooling .ability-icon{opacity:.5}.ability-name{white-space:nowrap;text-shadow:0 1px 0 var(--ink), 0 0 3px var(--ink), 0 0 3px var(--ink);font-size:11px}.ability.active .ability-ring,.ability.armed .ability-ring{animation:.7s ease-in-out infinite alternate ability-glow}.ability.armed .ability-face{box-shadow:inset 0 0 0 3px #fff}@keyframes ability-glow{to{box-shadow:0 3px 0 var(--ink), 0 0 16px 4px var(--tone)}}.ability.ready .ability-ring{box-shadow:0 3px 0 var(--ink), 0 0 10px 1px color-mix(in srgb, var(--tone) 70%, transparent)}.ratio{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px 7px 4px 10px;display:grid}.ratio-main{min-width:0}.ratio-head{text-shadow:0 1px 0 var(--ink);white-space:nowrap;justify-content:space-between;gap:4px;font-size:15px;display:flex}.ratio-count{color:var(--gold);align-items:center;gap:3px;display:inline-flex}.ratio-icon{width:16px;height:16px;font-size:14px}.ratio-slider{appearance:none;touch-action:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0;display:block}.ratio-slider::-webkit-slider-runnable-track{border:3px solid var(--ink);background:linear-gradient(90deg, #ffbf2e var(--fill,50%), #040416bf var(--fill,50%));border-radius:9px;height:16px}.ratio-slider::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--ink);width:28px;height:28px;box-shadow:0 2px 0 var(--ink);background:radial-gradient(circle at 50% 30%,#fff3b0,#ffc928 65%);border-radius:50%;margin-top:-9.5px}.ratio-slider::-moz-range-track{border:3px solid var(--ink);background:#040416bf;border-radius:9px;height:10px}.ratio-slider::-moz-range-progress{background:#ffbf2e;border-radius:9px;height:10px}.ratio-slider::-moz-range-thumb{border:3px solid var(--ink);background:radial-gradient(circle at 50% 30%,#fff3b0,#ffc928 65%);border-radius:50%;width:22px;height:22px}.ratio-chips{gap:4px;display:flex}.chip-btn{border:3px solid var(--ink);width:44px;height:44px;box-shadow:inset 0 2px 0 #ffffff59, 0 3px 0 var(--ink);letter-spacing:-.02em;text-shadow:0 1px 0 var(--ink);background:linear-gradient(#7f87ae,#4a5180);border-radius:13px;font-size:14px;transition:transform 60ms;position:relative}.chip-btn:active{transform:translateY(2px)}.chip-btn.on{color:var(--ink);text-shadow:none;background:linear-gradient(#ffe27a,#f2a413)}.builds{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.build-card{border:3px solid var(--ink);height:66px;box-shadow:inset 0 3px 0 #ffffff59, 0 4px 0 var(--ink), 0 7px 8px #0000004d;background:linear-gradient(#8890b8,#50577f);border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:3px 2px;transition:transform 60ms,box-shadow 60ms;display:flex;position:relative}.build-card:active{transform:translateY(3px)}.build-icon{width:28px;height:28px;font-size:24px}.build-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;text-shadow:0 1px 0 var(--ink);font-size:12px;overflow:hidden}.build-cost{text-shadow:0 1px 0 var(--ink);align-items:center;gap:3px;font-size:15px;display:inline-flex}.build-wool{width:15px;height:15px;font-size:13px}.build-owned{color:var(--gold);text-shadow:0 1px 0 var(--ink);font-size:12px;position:absolute;top:1px;right:5px}.build-card.poor{filter:saturate(.5);background:linear-gradient(#5b607d,#3a3f5c)}.build-card.poor .build-icon{opacity:.55}.build-card.poor .build-cost{color:#ff9b9b}.build-card.selected{color:var(--ink);box-shadow:inset 0 3px 0 #fff9, 0 4px 0 var(--ink), 0 0 16px 3px #ffd650b3;background:linear-gradient(#ffe27a,#f2a413);transform:translateY(-5px)}.build-card.selected .build-name,.build-card.selected .build-cost{text-shadow:none}@media (hover:hover) and (pointer:fine){.ability:before,.build-card:before,.chip-btn:before{content:attr(data-key);z-index:3;border:2px solid var(--ink);min-width:17px;color:var(--ink);text-align:center;pointer-events:none;background:#fff;border-radius:6px;padding:1px 4px;font-size:11px;position:absolute;top:-3px;left:-3px}}.mode-hint{text-shadow:0 1px 0 var(--ink);justify-content:space-between;align-items:center;gap:8px;padding:3px 4px 3px 14px;font-size:15px;animation:.18s pop-in;display:flex}.spawn-hint{align-items:center;gap:12px;padding:10px 14px;animation:.25s pop-in;display:flex}.spawn-count{border:4px solid var(--ink);color:#fff;-webkit-text-stroke:.12em var(--ink);paint-order:stroke fill;background:linear-gradient(#ffe27a,#f2a413);border-radius:50%;flex:none;place-items:center;width:54px;height:54px;font-size:30px;display:grid}.spawn-text{text-shadow:0 1px 0 var(--ink);flex-direction:column;gap:2px;font-size:17px;display:flex}.spawn-text strong{font-weight:400}.spawn-text span{opacity:.85;font-size:14px}.elim-card{text-align:center;padding:14px;animation:.25s pop-in}.elim-title{text-shadow:0 2px 0 var(--ink);font-size:26px}.elim-text{opacity:.9;margin:4px 0 10px;font-size:15px}.elim-actions{gap:8px;display:flex}.elim-actions .btn{flex:1;min-width:0;min-height:48px;margin-bottom:6px;padding-inline:8px;font-size:18px}.elim-pill{justify-content:center;display:flex}.radial{z-index:10;background:#05051961;animation:.12s fade-in;position:fixed;inset:0}.radial-center{width:0;height:0;position:absolute}.radial-hub{width:48px;height:48px;box-shadow:0 0 0 3px var(--ink), 0 0 18px #ffffff80;pointer-events:none;background:#fff3;border:5px solid #fff;border-radius:50%;position:absolute;top:-24px;left:-24px}.radial-title{border:3px solid var(--ink);background:var(--panel);white-space:nowrap;pointer-events:none;border-radius:999px;align-items:center;gap:6px;max-width:200px;padding:3px 10px;font-size:15px;display:flex;position:absolute;top:34px;left:0;transform:translate(-50%)}.fan-down .radial-title{top:auto;bottom:34px}.radial-btn{flex-direction:column;align-items:center;width:62px;animation:.15s fade-in;display:flex;position:absolute;top:-31px;left:-31px}.radial-face{border:4px solid var(--ink);background:linear-gradient(180deg, var(--top), var(--bot));width:62px;height:62px;box-shadow:inset 0 3px 0 #ffffff80, 0 4px 0 var(--ink);border-radius:50%;place-items:center;display:grid}.radial-btn:active .radial-face{transform:translateY(2px)}.radial-btn.tone-green{--top:#a5ec62;--bot:#47b01c}.radial-btn.tone-blue{--top:#6cc0ff;--bot:#2f7fe0}.radial-btn.tone-gold{--top:#ffe27a;--bot:#f2a413}.radial-btn.tone-red{--top:#ff8a8a;--bot:#cc2f38}.radial-btn.disabled{filter:grayscale();opacity:.55}.radial-icon{width:32px;height:32px;font-size:28px}.radial-glyph{font-size:30px;line-height:1}.radial-label{background:var(--panel);white-space:nowrap;border-radius:999px;margin-top:4px;padding:1px 8px;font-size:12px}.radial-emote{border:3px solid var(--ink);width:48px;height:48px;box-shadow:inset 0 2px 0 #ffffff4d, 0 3px 0 var(--ink);background:linear-gradient(#4a5180,#2b3060);border-radius:50%;place-items:center;font-size:26px;line-height:1;animation:.15s fade-in;display:grid;position:absolute;top:-24px;left:-24px}.end-banner{text-align:center;pointer-events:none;font-size:clamp(44px,15vw,88px);animation:.5s cubic-bezier(.2,1.5,.4,1) both banner-in;position:absolute;top:36%;left:0;right:0}.end-banner.win{color:var(--gold)}@keyframes banner-in{0%{opacity:0;transform:scale(.4)rotate(-6deg)}to{opacity:1;transform:scale(1)rotate(-3deg)}}@media (orientation:landscape) and (max-height:520px){.hud-top{max-width:none}.hud-row{grid-template-columns:200px minmax(0,1fr) 190px}.hud-timer{justify-self:center}.hud-chips,.hud-notices{max-width:380px;margin:0 auto}.hud-bottom,.dock-row{display:contents}.abilities,.tools{bottom:calc(var(--safe-b) + 74px);margin:0;position:absolute}.abilities{left:calc(var(--safe-l) + 10px)}.tools{left:calc(var(--safe-l) + 10px + 204px + 8px);margin-bottom:14px}.ratio{left:calc(var(--safe-l) + 10px);bottom:calc(var(--safe-b) + 8px);width:min(340px,46vw);position:absolute}.builds{right:calc(var(--safe-r) + 10px);bottom:calc(var(--safe-b) + 8px);grid-template-columns:1fr;gap:4px;width:84px;position:absolute}.build-card{flex-flow:wrap;gap:0 4px;height:46px}.build-name{display:none}.build-icon{width:24px;height:24px}.mode-hint,.spawn-hint,.elim-card,.elim-pill{left:50%;bottom:calc(var(--safe-b) + 10px);width:min(400px,46vw);position:absolute;transform:translate(-50%)}.elim-card{padding:8px}.elim-text{display:none}.end-banner{top:28%}}.conn-banner{text-align:center;max-width:100%;min-height:36px;text-shadow:0 1px 0 var(--ink);background:#be2430e0;justify-content:center;align-self:center;align-items:center;gap:8px;padding:6px 14px;font-size:15px;animation:.2s pop-in;display:flex}.conn-banner.reconnecting{background:#d68410e6}.conn-banner .spinner{flex:none;width:14px;height:14px}.replay-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.replay-top .hud-lb{flex:1;max-width:220px}.replay-controls{flex-direction:column;gap:8px;width:100%;padding:8px 10px;display:flex}.replay-controls button{pointer-events:auto}.replay-controls.done .replay-tools-row{display:none}.replay-bar-row,.replay-tools-row{align-items:center;gap:10px;display:flex}.replay-tools-row{justify-content:space-between}.replay-bar{border:3px solid var(--ink);background:#08081ecc;border-radius:999px;flex:1;height:16px;overflow:hidden}.replay-bar i{background:linear-gradient(#a5ec62,#47b01c);border-radius:999px;height:100%;transition:width .15s linear;display:block}.round-btn:disabled{opacity:.5;cursor:default}.replay-end{left:50%;top:calc(var(--safe-t) + 118px);bottom:calc(var(--safe-b) + 92px);pointer-events:auto;background:#101430eb;flex-direction:column;gap:8px;width:min(92%,440px);padding:12px;animation:.3s pop-in;display:flex;position:absolute;transform:translate(-50%)}.replay-end-title{text-align:center;color:var(--gold);font-size:28px;font-weight:400}.replay-end-scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.replay-end .btn{margin-bottom:4px}.replay-verdict{text-align:center;color:#a5ec62;font-size:14px}.replay-verdict.bad{color:#ffb3b3}@media (orientation:landscape) and (max-height:520px){.replay-controls{gap:4px;width:min(460px,60vw);margin:0 auto;padding:6px 10px}.replay-end{top:calc(var(--safe-t) + 8px);bottom:calc(var(--safe-b) + 82px);gap:4px;width:min(440px,46vw);padding:8px}.replay-end-title{display:none}.replay-end .btn{min-height:48px;font-size:20px}}.results{--tone:#fff;height:100%;padding:calc(var(--safe-t) + 14px) calc(var(--safe-r) + 14px) calc(var(--safe-b) + 12px) calc(var(--safe-l) + 14px);background:radial-gradient(ellipse 80% 40% at 50% 12%, color-mix(in srgb, var(--tone) 35%, transparent), transparent 70%), radial-gradient(ellipse at 50% 20%, #3a8ee8, #1f6fd1 55%, #124a94);flex-direction:column;align-items:center;animation:.3s fade-in;display:flex;position:relative;overflow:hidden}.results.tone-gold{--tone:#ffd23f}.results.tone-silver{--tone:#dfe6f0}.results.tone-bronze{--tone:#e0894a}.results-head{z-index:1;text-align:center;flex-direction:column;flex:none;align-items:center;gap:0;display:flex;position:relative}.results-title{color:#fff;-webkit-text-stroke:.14em var(--ink);paint-order:stroke fill;text-shadow:0 .09em 0 var(--ink);font-size:clamp(26px,8vw,40px);font-weight:400}.placement{color:var(--tone);-webkit-text-stroke:.1em var(--ink);paint-order:stroke fill;text-shadow:0 .06em 0 var(--ink), 0 .1em 0 #0000004d;font-size:clamp(80px,min(28vw,14vh),130px);line-height:1;animation:.6s cubic-bezier(.2,1.5,.4,1) both place-in;transform:rotate(-3deg)}@keyframes place-in{0%{opacity:0;transform:scale(.3)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(-3deg)}}.results-sub{text-shadow:0 1px 0 var(--ink), 0 0 4px var(--ink);font-size:16px}.results-scroll{z-index:1;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:10px;width:min(100%,480px);min-height:0;margin-top:10px;padding:2px 2px 8px;display:flex;position:relative;overflow-y:auto}.my-stats{border:3px solid var(--panel-edge);background:var(--panel);border-radius:16px;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:6px 4px;display:grid}.my-stat{text-align:center;flex-direction:column-reverse;align-items:center;padding:4px 2px;display:flex}.my-stat dd{color:var(--gold);text-shadow:0 2px 0 var(--ink);font-variant-numeric:tabular-nums;font-size:20px}.my-stat dt{opacity:.9;font-size:10px;line-height:1.1}.standings{flex-direction:column;gap:6px;display:flex}.standing{border:3px solid var(--panel-edge);background:var(--panel);border-radius:16px;grid-template-columns:30px 14px minmax(0,1fr) auto;align-items:center;gap:4px 8px;padding:8px 10px;display:grid}.standing.me{border-color:var(--gold);box-shadow:0 0 0 3px var(--ink);background:#ffe06633}.standing-place{border:3px solid var(--ink);background:#6b7399;border-radius:50%;place-items:center;width:30px;height:30px;font-size:16px;display:grid}.standing-place.tone-gold{color:var(--ink);background:#ffd23f}.standing-place.tone-silver{color:var(--ink);background:#dfe6f0}.standing-place.tone-bronze{color:var(--ink);background:#e0894a}.standing-dot{border:3px solid var(--ink);border-radius:4px;width:14px;height:14px}.standing-name{white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 0 var(--ink);font-size:18px;overflow:hidden}.standing-land{color:var(--gold);text-shadow:0 2px 0 var(--ink);font-size:20px}.stat-chips{opacity:.92;flex-wrap:wrap;grid-column:1/-1;gap:4px 12px;padding-left:2px;font-size:13px;display:flex}.stat-chips li{align-items:center;gap:3px;display:inline-flex}.results-actions{z-index:1;flex-direction:column;flex:none;align-items:stretch;gap:2px;width:min(100%,420px);padding-top:8px;display:flex;position:relative}.results-actions .btn-xl{font-size:32px}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{top:-20px;left:calc(var(--i) * 5.6%);background:hsl(calc(var(--i) * 47), 90%, 60%);width:10px;height:16px;animation:3.4s linear infinite confetti-fall;animation-delay:calc(var(--i) * -.37s);border-radius:2px;position:absolute}@keyframes confetti-fall{0%{transform:translateY(0)rotate(0)}to{transform:translateY(110vh)rotate(540deg)}}@media (orientation:landscape) and (max-height:520px){.results{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:stretch;gap:0 16px;display:grid}.results-head{grid-row:1/3;justify-content:center;align-self:center}.results-actions{align-self:end}.results-scroll{grid-area:1/2}.results-actions{flex-direction:row;grid-area:2/2;width:100%}.results-actions .btn{flex:1;min-height:56px}.results-actions .btn-xl{font-size:20px}.placement{font-size:clamp(64px,28vh,120px)}}.ranked-outcome{text-align:center;text-shadow:0 1px 0 var(--ink);flex-direction:column;align-items:center;gap:4px;margin-bottom:10px;padding:10px 12px;display:flex}.ranked-label{opacity:.9;font-size:15px}.trophy-delta{font-variant-numeric:tabular-nums;-webkit-text-stroke:.1em var(--ink);paint-order:stroke fill;text-shadow:0 .06em 0 var(--ink);color:#fff;font-size:54px;line-height:1}.trophy-delta.up{color:#a5ec62}.trophy-delta.down{color:#ff8b8b}.ranked-total{align-items:center;gap:6px;font-size:18px;display:inline-flex}.league-banner{border:3px solid var(--ink);border-radius:14px;align-items:center;gap:8px;margin-top:6px;padding:6px 14px;font-size:20px;animation:.4s cubic-bezier(.2,1.5,.4,1) both pop-in;display:flex}.league-banner.up{background:linear-gradient(#5cc030,#2f8a14)}.league-banner.down{background:linear-gradient(#c8545a,#8a2a30)}.share{flex:none;grid-template-columns:minmax(0,38%) 1fr;align-items:center;gap:12px;padding:10px;display:grid}.share-preview{aspect-ratio:4/5;border:3px solid var(--ink);background:#ffffff14;border-radius:10px;place-items:center;display:grid;overflow:hidden}.share-preview img{object-fit:contain;width:100%;height:100%;display:block}.share-side{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;font-size:15px;display:flex}.share-title{color:var(--gold);margin:0;font-size:22px;font-weight:400}.share-side .btn{margin-bottom:0}.share-note{color:#c7f59a;min-height:1.2em;font-size:14px}.tutorial{inset:calc(var(--safe-t) + 112px) calc(var(--safe-r) + 10px) auto calc(var(--safe-l) + 10px);z-index:3;pointer-events:none;justify-content:center;display:flex;position:absolute}.tutorial-tip{border-color:var(--gold);pointer-events:auto;background:#22185ceb;align-items:center;gap:10px;width:min(100%,420px);padding:8px 8px 8px 12px;animation:.25s pop-in;display:flex}.tutorial-count{background:var(--gold);min-width:34px;color:var(--ink);text-align:center;border-radius:10px;flex:none;padding:2px 6px;font-size:15px}.tutorial-text{flex:1;min-width:0;font-size:15px;line-height:1.15}.tutorial-skip{color:#fff;background:#ffffff24;border-radius:12px;flex:none;min-width:56px;min-height:44px;padding:0 10px;font-size:15px}.tutorial-backdrop{z-index:4;background:#080a2099;place-items:center;padding:16px;animation:.2s fade-in;display:grid;position:absolute;inset:0}.tutorial-ready{text-align:center;flex-direction:column;align-items:center;gap:8px;width:min(100%,360px);padding:18px 16px 10px;animation:.25s pop-in;display:flex}.tutorial-ready-title{color:var(--gold);font-size:34px}.tutorial-ready p{margin-bottom:8px;font-size:17px}.tutorial-ready .btn{width:100%}@keyframes tutorial-glow{50%{box-shadow:0 0 0 5px var(--gold), 0 0 18px 6px #ffe066cc}}.build-card.tutorial-glow,.ability.tutorial-glow{animation:1.1s ease-in-out infinite tutorial-glow}.match{background:#124a94;height:100%;animation:.25s fade-in;position:relative;overflow:hidden}.match-stage{touch-action:none;position:absolute;inset:0}.settings-list{flex-direction:column;padding:4px 12px;display:flex}.setting-row{text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:64px;padding:10px 0;display:flex}.setting-row+.setting-row{border-top:2px solid #ffffff1f}.setting-text{flex-direction:column;gap:2px;min-width:0;display:flex}.setting-label{text-shadow:0 1px 0 var(--ink);font-size:20px}.setting-hint{color:#ffffffd1;font-size:14px;line-height:1.2}.setting-switch{border:3px solid var(--ink);background:#5d6486;border-radius:999px;flex:none;width:62px;height:36px;transition:background .15s;position:relative;box-shadow:inset 0 3px #0003}.setting-switch:after{content:"";border:3px solid var(--ink);background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .15s;position:absolute;top:2px;left:2px}.toggle.on .setting-switch{background:#47b01c}.toggle.on .setting-switch:after{transform:translate(26px)}@font-face{font-family:Lilita One;src:url(/fonts/LilitaOne-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lilita Fallback;src:local(Arial),local(Helvetica),local(Liberation Sans),local(Roboto);size-adjust:95%;ascent-override:97%;descent-override:23%;line-gap-override:0%}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font:"Lilita One", "Lilita Fallback", system-ui, -apple-system, "Segoe UI", sans-serif;--ink:#17123a;--ink-soft:#241a55;--sky:#1f6fd1;--gold:#ffe066;--panel:#101430bd;--panel-edge:#0b0b24;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--gap:8px;--pad-x:12px;font-family:var(--font)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{color:#fff;font-family:var(--font);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-font-smoothing:antialiased;background:#124a94;font-size:16px;line-height:1.15}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}h1,p,ol,ul,dl,dd{margin:0;padding:0}ol,ul{list-style:none}img{-webkit-user-drag:none}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.outlined,.btn,.res-value,.timer-value,.logo,.tagline{-webkit-text-stroke:.14em var(--ink);paint-order:stroke fill;text-shadow:0 .09em 0 var(--ink)}.btn{--top:#a5ec62;--bot:#47b01c;--edge:#2b7a0e;border:3px solid var(--ink);background:linear-gradient(180deg, var(--top) 0%, var(--bot) 100%);min-height:52px;box-shadow:inset 0 3px 0 #ffffff8c, inset 0 -3px 0 #0000001f, 0 5px 0 var(--edge), 0 5px 0 3px var(--ink), 0 10px 14px #00000059;letter-spacing:.02em;color:#fff;border-radius:18px;justify-content:center;align-items:center;gap:10px;margin-bottom:8px;padding:10px 22px;font-size:22px;transition:transform 60ms,box-shadow 60ms,filter .15s;display:inline-flex;position:relative}.btn:active:not(:disabled){box-shadow:inset 0 3px 0 #ffffff73, 0 1px 0 var(--edge), 0 1px 0 3px var(--ink);transform:translateY(4px)}.btn:disabled{cursor:default;filter:saturate(.7)brightness(.92)}.btn-green{--top:#a5ec62;--bot:#47b01c;--edge:#2b7a0e}.btn-blue{--top:#6cc0ff;--bot:#2f7fe0;--edge:#1b4fa0}.btn-gold{--top:#ffe27a;--bot:#f2a413;--edge:#a86a05}.btn-gray{--top:#9aa0bd;--bot:#5d6486;--edge:#363b5a}.btn-xl{border-radius:24px;min-height:72px;padding:8px 34px;font-size:38px}.btn-sm{border-radius:14px;min-height:44px;padding:6px 14px;font-size:18px}.panel{background:var(--panel);border:3px solid var(--panel-edge);border-radius:16px;box-shadow:inset 0 2px #ffffff1a,0 4px 10px #00000040}.round-btn{border:3px solid var(--ink);width:46px;height:46px;box-shadow:inset 0 2px 0 #fff6, 0 3px 0 var(--ink);color:#fff;background:linear-gradient(#6a73a6,#3a4170);border-radius:50%;place-items:center;font-size:22px;line-height:1;transition:transform 60ms;display:grid}.round-btn:active{transform:translateY(2px)}.round-btn.small{width:44px;height:44px;font-size:18px}.ico{object-fit:contain;pointer-events:none;flex:none;width:1em;height:1em}.ico-emoji{text-align:center;-webkit-text-stroke:0;text-shadow:none;font-size:1em;line-height:1;display:inline-block}.spinner{border:.14em solid #fff6;border-top-color:#fff;border-radius:50%;width:.8em;height:.8em;animation:.8s linear infinite spin}@keyframes nope{0%,to{transform:translate(0)}20%{transform:translate(-5px)}45%{transform:translate(5px)}70%{transform:translate(-3px)}}.nope{animation:.32s nope}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}a.btn,a.round-btn{text-decoration:none}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}