:root{--bg:#0b0f14;--ink:#100c16;--moon:#cfe6ff;--rune:#7ffcd8;--ember:#ffa24a;--trim:#e8b94a;--panel:linear-gradient(180deg, #21342df2, #0f0d17f2);--panel-solid:#15151e;--panel-edge:#cfe6ff29;--panel-shadow:inset 1px 1px 0 #cfe6ff33, 0 0 0 1px var(--ink), 0 6px 18px #0000088c;--stone:linear-gradient(180deg, #4f5369, #2e3140);--stone-hover:linear-gradient(180deg, #5d627b, #363a4c);--stone-rim:inset 1px 1px 0 #cfe6ff47, inset 0 -2px 0 #00000859;--text:#e9eef6;--muted:#97a8a8;--gold:#ffd24a;--heart:#ff3a60;--hp:#4cd964;--mana:#4a8cff;--mana-text:#8fb8ff;--xp:#b07cff;--accent:#7ffcd8;--bad:#ff5b5b;--title-font:"Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.ico{background:var(--ico) center / contain no-repeat;pointer-events:none;flex:none;width:24px;height:24px;display:inline-block}*{box-sizing:border-box}html,body{background:var(--bg);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{position:fixed;inset:0}#game canvas{display:block;position:fixed;inset:0}#game,#hud{width:100%;height:100%;height:100dvh;position:fixed;top:0;left:0;overflow:clip}#game{display:block}#game canvas{touch-action:none}.heart-vignette{pointer-events:none;will-change:opacity;display:none;position:fixed;overflow:hidden}.heart-vignette>div{will-change:transform;position:absolute;inset:-50%}button{touch-action:manipulation}#hud{pointer-events:none}#hud button,#hud details,#hud .popup,#hud .end-screen{pointer-events:auto}.hidden{display:none!important}.topbar{background:var(--panel);border:1px solid var(--panel-edge);box-shadow:var(--panel-shadow);white-space:nowrap;border-radius:12px;align-items:center;gap:18px;padding:8px 14px;font-size:15px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.stat{font-variant-numeric:tabular-nums;align-items:center;gap:7px;display:flex}.stat .label{color:var(--muted);font-family:var(--title-font);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.gold{color:var(--gold);min-width:64px;font-weight:700}.icon{background:50%/contain no-repeat;width:18px;height:18px;display:inline-block}.coin{background-image:var(--icon-coin)}.heart-icon{background-image:var(--icon-heart)}.wave-icon{background-image:var(--icon-wave)}.timer-icon{background-image:var(--icon-timer)}.gear-ico{--ico:var(--icon-gear);vertical-align:middle;width:22px;height:22px}.chat-ico{--ico:var(--icon-chat);vertical-align:middle;width:22px;height:22px}.bar{background:#08060ccc;border-radius:7px;height:14px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #000008cc,0 0 0 1px #cfe6ff14}.bar .fill{background-image:linear-gradient(#ffffff47,#fff0 55%,#00000840);width:100%;height:100%;transition:width .12s linear}#gold{display:inline-block}.fly-coin{background:var(--icon-coin) center / contain no-repeat;filter:drop-shadow(0 0 4px #ffd24acc);pointer-events:none;will-change:transform;z-index:8;width:16px;height:16px;position:absolute;top:-8px;left:-8px}.stat.heart{border-radius:8px}.stat.heart.low .heart-num,.stat.heart.low .bar-text{color:#ff8a8a}.stat.heart.low .heart-icon{animation:.65s ease-in-out infinite heart-low}.stat.heart.low .bar{animation:.65s ease-in-out infinite heart-low-bar}@keyframes heart-low{50%{filter:drop-shadow(0 0 5px #ff3c3cf2);transform:scale(1.2)}}@keyframes heart-low-bar{50%{box-shadow:0 0 0 2px #ff3c3cd9,0 0 12px #ff3c3cb3}}.bar-text{text-shadow:0 1px 2px #000;place-items:center;font-size:11px;font-weight:600;display:grid;position:absolute;inset:0}.heart .bar{width:130px}.heart .fill{background-color:var(--heart)}.timer #timer{min-width:38px;font-weight:700}.btn{font:inherit;color:var(--text);background:var(--stone);border:1px solid var(--ink);box-shadow:var(--stone-rim);cursor:pointer;text-shadow:0 1px 1px #00000899;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600}.btn:hover:not(:disabled){background:var(--stone-hover)}.btn,.tskill-btn,.radial-btn,.learn{transition:transform 90ms ease-out,filter 90ms ease-out,background-color .12s}.btn.pressed:not(:disabled),.btn:active:not(:disabled),.radial-btn.pressed:not(:disabled),.learn.pressed{filter:brightness(1.3);transform:scale(.93)}.tskill-btn.pressed:not(:disabled){filter:brightness(1.4);transform:scale(.9)}.joy.pressed .joy-knob{background:radial-gradient(circle at 35% 30%,#fff,#a9b6d0 70%)}.btn:disabled{opacity:.45;cursor:default}.btn.big{color:#07231c;text-shadow:none;border:1px solid var(--ink);background:linear-gradient(#9dffe6,#2cb596);padding:10px 26px;font-size:17px;font-weight:700;box-shadow:inset 1px 1px #ffffff8c,inset 0 -2px #00281e59,0 0 14px #7ffcd847}.btn.big:hover:not(:disabled){background:linear-gradient(#b5fff0,#3cc6a6)}#call-early .bonus{color:var(--gold)}.build-hint{background:var(--panel);box-shadow:var(--panel-shadow);border:1px solid var(--panel-edge);white-space:nowrap;border-radius:10px;padding:7px 14px;font-size:13px;position:absolute;top:64px;left:50%;transform:translate(-50%)}.build-hint kbd,.help kbd,.skill kbd{border:1px solid var(--ink);color:var(--moon);background:#2a2d3b;border-radius:4px;padding:1px 5px;font-family:inherit;font-size:11px;box-shadow:inset 1px 1px #cfe6ff33}.hero-panel{background:var(--panel);border:1px solid var(--panel-edge);width:min(470px,100vw - 16px);box-shadow:var(--panel-shadow);border-radius:12px;flex-direction:column;gap:6px;padding:10px 12px 12px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.hero-head{align-items:center;gap:10px;display:flex}.portrait{background:var(--ico) center / 82% no-repeat, radial-gradient(circle at 35% 30%, #3b4152, #120f19);border:2px solid var(--rune);width:38px;height:38px;box-shadow:0 0 0 1px var(--ink), 0 0 8px #7ffcd84d;border-radius:50%;flex:none}.hero-meta{flex-direction:column;flex:1;gap:4px;display:flex}.hero-name{font-family:var(--title-font);font-size:15px;font-weight:700}.level{color:var(--muted);margin-left:6px;font-weight:600;display:inline-block}.role{color:var(--muted);margin-left:6px;font-size:12px;font-weight:400}.skill-points{float:right;background:var(--gold);color:#2b2000;border-radius:9px;padding:1px 7px;font-size:11px;font-weight:700}.hero-panel.leveled{animation:1.2s ease-out leveled}@keyframes leveled{0%{box-shadow:0 0 0 3px var(--gold), 0 0 24px 6px #ffd24a99}to{box-shadow:0 0 #0000}}.bar.xp{height:6px}.bar.xp .fill{background-color:var(--xp)}.bar.hp .fill{background-color:var(--hp)}.bar.mana{height:10px}.bar.mana .fill{background-color:var(--mana)}.skills{gap:6px;margin-top:4px;display:flex}.skill-wrap{flex:1;min-width:0;display:flex;position:relative}.skill{text-align:left;flex-direction:column;flex:1;justify-content:space-between;min-width:0;height:60px;padding:5px 7px 5px 36px;display:flex;position:relative;overflow:hidden}.skill .skill-ico{width:28px;height:28px;margin-top:-14px;position:absolute;top:50%;left:5px}.skill.unlearned .skill-ico{opacity:.4;filter:grayscale(.6)}.skill .name{white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:600;overflow:hidden}.skill .tag{font-size:10px}.skill.passive{border-style:dashed}.skill.unlearned .name{opacity:.55}.skill .meta{color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.skill .pips{gap:3px;display:flex}.skill .pip{width:7px;height:7px;box-shadow:0 0 0 1px var(--ink);background:#2a2d3b;border-radius:2px}.skill .pip.on{background:var(--gold);box-shadow:0 0 0 1px var(--ink), 0 0 4px #ffd24a99}.skill .cd{pointer-events:none;background:#0a0810a8;position:absolute;bottom:0;left:0;right:0}.skill .cd-text{text-shadow:0 1px 3px var(--ink);pointer-events:none;place-items:center;font-size:18px;font-weight:700;display:grid;position:absolute;inset:0}.skill .cd-text.mana{color:var(--mana-text)}.skill .tag.mana{color:var(--mana-text);font-weight:700}.skill.no-mana{box-shadow:inset 0 0 0 2px var(--mana)}.skill.no-mana>:not(.cd-text){opacity:.5}.skill .ring{background:conic-gradient(var(--gold) var(--cd,0deg), #ffffff29 0);border-radius:50%;width:13px;height:13px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3.5px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3.5px),#000 calc(100% - 3px))}.skill.ult.cooling .name{opacity:.35}.skill.ready{box-shadow:inset 0 0 0 2px var(--gold)}.skill.ready:after{content:"";border-radius:inherit;pointer-events:none;animation:1.6s ease-in-out infinite alternate ult-ready;position:absolute;inset:0;box-shadow:inset 0 0 14px 2px #ffd24a8c}@keyframes ult-ready{0%{opacity:.35}to{opacity:1}}.learn{color:#2b2000;border:1px solid var(--ink);z-index:1;background:linear-gradient(#ffe38a,#d9a232);border-radius:5px;width:20px;height:20px;padding:0;font-size:14px;font-weight:800;line-height:18px;animation:1.2s ease-in-out infinite learn-pulse;position:absolute;top:-8px;right:-5px}@keyframes learn-pulse{50%{box-shadow:0 0 0 3px #ffd24a73}}.respawn{text-align:center;color:var(--bad);font-size:13px;font-weight:700}.popup{background:var(--panel);border:1px solid var(--panel-edge);min-width:200px;box-shadow:var(--panel-shadow);border-radius:10px;flex-direction:column;gap:6px;padding:10px;font-size:13px;display:flex;position:absolute}.popup h3{font-family:var(--title-font);letter-spacing:.03em;color:var(--moon);margin:0 0 2px;font-size:14px;line-height:16px}.popup .tower-name{align-items:center;gap:6px;display:flex}.popup .tower-name .ico{width:22px;height:22px}.popup .tower-option{text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:2px 8px;display:grid}.popup .air-note{color:var(--moon);margin:0 0 8px;font-size:13px;font-weight:700;line-height:1.3}.popup .tower-option.misses-air{box-shadow:inset 0 0 0 2px #b98cfff2}.popup .tower-option .desc{color:var(--muted);grid-column:1/-1;font-size:11px;font-weight:400}.popup .cost{color:var(--gold)}.popup .row{color:var(--muted);justify-content:space-between;gap:12px;display:flex}.popup .row span:last-child{color:var(--text)}.popup .row .next{color:var(--accent)}.popup .section{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:11px}.popup .priorities,.popup .branches{gap:4px;display:flex}.popup .branch-option{text-align:left;flex:1;grid-template-columns:1fr auto;align-items:center;gap:2px 6px;max-width:140px;display:grid}.popup .branch-option .desc{color:var(--muted);white-space:normal;grid-column:1/-1;font-size:11px;font-weight:400}.popup .priorities .btn{flex:1;padding:4px 6px;font-size:12px}.popup .priorities .btn.active{border-color:var(--accent);color:var(--accent);box-shadow:var(--stone-rim), 0 0 8px #7ffcd859}.lobby-refresh{margin:8px auto 0;display:block}.help{background:var(--panel);border:1px solid var(--panel-edge);max-width:300px;box-shadow:var(--panel-shadow);border-radius:10px;padding:8px 12px;font-size:12px;position:absolute;bottom:12px;left:12px}.help summary{cursor:pointer;font-weight:600}.help ul{margin:8px 0 2px;padding-left:16px;line-height:1.7}.toasts{flex-direction:column-reverse;align-items:center;gap:6px;display:flex;position:absolute;bottom:200px;left:50%;transform:translate(-50%)}.toast{box-shadow:0 0 0 1px var(--ink), 0 4px 12px #00000880;background:linear-gradient(#4a121cf2,#1e0810f2);border:1px solid #ff5b5b8c;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600;animation:2.2s forwards toast}@keyframes toast{0%{opacity:0;transform:translateY(6px)}10%,75%{opacity:1;transform:none}to{opacity:0}}.toast.teach{text-align:center;max-width:min(340px,100vw - 32px);padding:8px 14px;font-size:15px;line-height:1.3;animation-duration:3.4s}.toast.teach.air{color:var(--moon);background:linear-gradient(#2e1c4ef5,#100a1cf5);border-color:#cfe6ffbf}.toast.teach.gold{border-color:var(--gold);color:var(--gold);background:linear-gradient(#3e3010f5,#100c08f5)}.toast.teach.repair{border-color:var(--accent);color:var(--text);background:linear-gradient(#10342cf5,#081210f5)}.toast.teach.zoom{color:var(--moon);background:linear-gradient(#242c3ef5,#0c0e16f5);border-color:#cfe6ff99}.toast.gift{border:2px solid var(--gift,var(--gold));min-width:168px;box-shadow:0 0 0 1px var(--ink), 0 0 18px var(--gift,var(--gold));background:linear-gradient(#3e3010f5,#100c08f5);flex-direction:column;align-items:center;gap:2px;padding:10px 18px 12px;animation:2.6s forwards gift-toast;display:flex}.toast.gift .icon{width:28px;height:28px}.toast.gift b{font-family:var(--title-font);color:var(--gold);text-shadow:-1px 0 var(--ink), 1px 0 var(--ink), 0 -1px var(--ink), 0 1px var(--ink);font-size:28px;line-height:1}.toast.gift span{color:var(--text);text-shadow:0 1px 2px var(--ink);font-size:15px;font-weight:700}@keyframes gift-toast{0%{opacity:0;transform:translateY(10px)scale(.92)}12%,70%{opacity:1;transform:none}to{opacity:0}}#coop-glow{z-index:2;pointer-events:none;opacity:0;box-shadow:inset 18px 0 46px 8px var(--a,transparent), inset -18px 0 46px 8px var(--b,transparent), inset 0 0 28px 6px var(--a,transparent);position:absolute;inset:0}#coop-glow.on{animation:.9s forwards coop-edge}#coop-glow.on.brief{animation-duration:.7s}@keyframes coop-edge{0%{opacity:0}20%{opacity:1}to{opacity:0}}#coop-burst{z-index:4;pointer-events:none;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:36%;left:50%;transform:translate(-50%,-50%)}#coop-burst.on{animation:1.15s forwards coop-pop}.coop-rings{width:156px;height:92px;position:relative}.coop-ring{border:6px solid var(--c,var(--gold));width:84px;height:84px;box-shadow:0 0 0 2px var(--ink), 0 0 18px var(--c,var(--gold));background:radial-gradient(circle at 40% 35%,#fff3,#0000 62%);border-radius:50%;position:absolute}.coop-ring.a{top:0;left:0}.coop-ring.b{top:8px;right:0}#coop-burst-word{font-family:var(--title-font);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);text-shadow:-1px 0 var(--ink), 1px 0 var(--ink), 0 -1px var(--ink), 0 1px var(--ink), 0 2px 10px #000;white-space:nowrap;font-size:clamp(20px,6.2vw,34px);font-weight:700}#coop-burst-who{text-shadow:0 1px 2px var(--ink);font-size:15px;font-weight:700}@keyframes coop-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.62)}14%{opacity:1;transform:translate(-50%,-50%)scale(1.06)}24%{transform:translate(-50%,-50%)scale(1)}68%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.03)}}body.layout-tall #coop-burst{top:32%}#together-kill{z-index:6;pointer-events:none;flex-direction:column;align-items:center;gap:1px;max-width:calc(100% - 16px);display:flex;position:absolute;top:72px;left:50%;transform:translate(-50%)}#together-kill.on{animation:.7s forwards together-pop}#together-kill-word{font-family:var(--title-font);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);text-shadow:-1px 0 var(--ink), 1px 0 var(--ink), 0 -1px var(--ink), 0 1px var(--ink), 0 2px 12px #000;white-space:nowrap;font-size:clamp(28px,8vw,44px);font-weight:800;line-height:1}#together-kill-who{text-align:center;text-shadow:0 1px 2px var(--ink), 0 0 6px #000;font-size:clamp(14px,4.2vw,18px);font-weight:800;line-height:1.2}@keyframes together-pop{0%{opacity:0;transform:translate(-50%)translateY(8px)scale(.84)}16%{opacity:1;transform:translate(-50%)translateY(0)scale(1.04)}28%{transform:translate(-50%)translateY(0)scale(1)}62%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-6px)scale(1.02)}}body.layout-tall #together-kill{top:calc(var(--topbar-bottom,44px) + 8px)}#fuse-ribbon{z-index:5;pointer-events:none;background:linear-gradient(90deg,#0000,#3a0e06b8 14% 86%,#0000);flex-direction:column;align-items:center;gap:1px;width:min(100%,760px);padding:6px 12px 8px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}body.layout-tall #fuse-ribbon{top:46%}#fuse-ribbon:before,#fuse-ribbon:after{content:"";background:linear-gradient(90deg, transparent, var(--ember), transparent);height:2px;position:absolute;left:6%;right:6%}#fuse-ribbon:before{top:0}#fuse-ribbon:after{bottom:0}#fuse-ribbon.on{animation:2s forwards fuse-ribbon}#fuse-ribbon-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--ember);text-shadow:0 1px 2px var(--ink), 0 0 8px #000;font-size:clamp(12px,3.4vw,15px);font-weight:800}#fuse-ribbon-word{font-family:var(--title-font);letter-spacing:.06em;text-transform:uppercase;color:#fff1d6;text-shadow:0 0 20px #ff6a28f2, 0 2px 0 var(--ink), 0 3px 12px #000;white-space:nowrap;font-size:clamp(36px,11vw,60px);font-weight:800;line-height:.95}#fuse-ribbon-effect{letter-spacing:.06em;color:var(--text);text-shadow:0 1px 2px var(--ink), 0 0 6px #000;font-size:clamp(12px,3.4vw,15px);font-weight:700}#fuse-ribbon[data-combo=stunStorm]{background:linear-gradient(90deg,#0000,#221242c7 14% 86%,#0000)}#fuse-ribbon[data-combo=stunStorm]:before,#fuse-ribbon[data-combo=stunStorm]:after{background:linear-gradient(90deg,#0000,#c9a7ff,#0000)}#fuse-ribbon[data-combo=stunStorm] #fuse-ribbon-kicker{color:#c9a7ff}#fuse-ribbon[data-combo=stunStorm] #fuse-ribbon-word{text-shadow:0 0 20px #c9a7fff2, 0 2px 0 var(--ink), 0 3px 12px #000}#fuse-ribbon[data-combo=shockwave]{background:linear-gradient(90deg,#0000,#3e2c06c7 14% 86%,#0000)}#fuse-ribbon[data-combo=shockwave]:before,#fuse-ribbon[data-combo=shockwave]:after{background:linear-gradient(90deg, transparent, var(--gold), transparent)}#fuse-ribbon[data-combo=shockwave] #fuse-ribbon-kicker{color:var(--gold)}#fuse-ribbon[data-combo=shockwave] #fuse-ribbon-word{text-shadow:0 0 20px #ffd24af2, 0 2px 0 var(--ink), 0 3px 12px #000}#fuse-ribbon-who{text-align:center;max-width:100%;text-shadow:0 1px 2px var(--ink), 0 0 6px #000;font-size:clamp(14px,4.2vw,18px);font-weight:800;line-height:1.2}#fuse-ribbon-who:empty{display:none}@keyframes fuse-ribbon{0%{opacity:0;transform:translate(-50%,-50%)scaleX(.5)}14%{opacity:1;transform:translate(-50%,-50%)scaleX(1.03)}24%{transform:translate(-50%,-50%)scaleX(1)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scaleX(1)}}@keyframes fuse-ribbon-calm{0%{opacity:0}14%,70%{opacity:1}to{opacity:0}}#lane-clutch{z-index:5;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}#lane-clutch.on{animation:1.7s forwards clutch-pop}.clutch-ring{border:6px solid var(--heart);width:88px;height:88px;box-shadow:0 0 0 2px var(--ink), 0 0 22px var(--heart);border-radius:50%;margin-bottom:-10px;animation:.9s ease-out infinite ping-pulse}#lane-clutch-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--heart);text-shadow:0 1px 2px var(--ink), 0 0 8px #000;font-size:clamp(13px,3.6vw,16px);font-weight:800}#lane-clutch-word{font-family:var(--title-font);letter-spacing:.06em;text-transform:uppercase;color:#ffe8ec;text-shadow:0 0 18px #ff3a60e6, 0 2px 0 var(--ink), 0 3px 12px #000;font-size:clamp(42px,13vw,72px);font-weight:800;line-height:.95}#lane-clutch-line{color:var(--text);text-shadow:0 1px 2px var(--ink), 0 0 6px #000;white-space:nowrap;margin-top:2px;font-size:clamp(16px,4.6vw,22px);font-weight:800}@keyframes clutch-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}12%{opacity:1;transform:translate(-50%,-50%)scale(1.06)}22%{transform:translate(-50%,-50%)scale(1)}68%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.02)}}body.layout-tall #lane-clutch{top:28%}#lane-roles{z-index:3;pointer-events:none;flex-direction:column;gap:4px;width:min(360px,100% - 24px);animation:4.6s forwards lane-roles;display:flex;position:absolute;top:48%;left:50%}.lane-role{box-shadow:0 0 0 1px var(--ink), 0 4px 14px #00000873;background:#100c16e0;border:1px solid #ff3a6080;border-radius:8px;align-items:baseline;gap:8px;padding:6px 12px;display:flex}.lane-role b{letter-spacing:.08em;text-transform:uppercase;min-width:3.2em;color:var(--heart);flex:none;font-size:clamp(15px,4.2vw,18px)}.lane-role span{color:var(--text);font-size:clamp(15px,4vw,17px);font-weight:700}.lane-role.lane-1{border-color:#ffd24abf}.lane-role.lane-1 b{color:var(--gold)}@keyframes lane-roles{0%{opacity:0;transform:translate(-50%,10px)}8%{opacity:1;transform:translate(-50%)}78%{opacity:1}to{opacity:0;transform:translate(-50%)}}body.layout-tall #lane-roles{top:44%}.match-flags{top:calc(var(--map-top,48px) + 6px);z-index:3;pointer-events:none;flex-flow:wrap;justify-content:center;align-items:stretch;gap:4px;width:min(440px,100% - 16px);display:flex;position:absolute;left:50%;transform:translate(-50%)}body.layout-tall:has(#tutorial:not(.hidden)) .match-flags{top:calc(var(--map-top,48px) + 112px)}.air-flag{top:calc(var(--map-top,48px) + 6px);z-index:3;box-shadow:0 0 0 1px var(--ink);pointer-events:none;text-align:center;background:#1c1030eb;border:1px solid #b98cffd9;border-radius:8px;flex-direction:column;align-items:center;gap:1px;padding:3px 10px 4px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.air-flag b{letter-spacing:.06em;text-transform:uppercase;color:var(--moon);font-size:14px}.air-flag span{color:#f4f0ff;font-size:12px;font-weight:700}body:has(#match-flags:not(.hidden)) .air-flag{top:calc(var(--map-top,48px) + 52px)}body.layout-tall:has(#tutorial:not(.hidden)) .air-flag{top:calc(var(--map-top,48px) + 118px)}body.layout-tall:has(#tutorial:not(.hidden)):has(#match-flags:not(.hidden)) .air-flag{top:calc(var(--map-top,48px) + 164px)}.art-line{z-index:4;top:calc(var(--topbar-bottom,44px) + 3px);color:#f4f8ff;letter-spacing:.02em;white-space:nowrap;text-shadow:0 0 1px #100c16,0 1px 2px #100c16,0 0 8px #100c16f2;pointer-events:none;opacity:1;background:#0e101861;border:1px solid #cfe6ff57;border-radius:8px;flex-direction:column;align-items:stretch;gap:3px;padding:3px 9px 4px;font-size:11px;font-weight:700;line-height:13px;transition:opacity .3s ease-out;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:inset 1px 1px #cfe6ff2e,0 0 0 1px #100c1666}.art-line.out{opacity:0}.art-line .art-bar{background:#100c168c;border-radius:2px;height:3px;display:block;overflow:hidden;box-shadow:0 0 0 1px #100c1680}.art-line .fill{background:var(--rune);transform-origin:0;height:100%;transition:transform .2s linear;display:block;transform:scaleX(0)}body.art-loading .tutorial,body.art-loading .match-flags,body.art-loading .air-flag{margin-top:30px}.surge-flag{min-width:0;box-shadow:0 0 0 1px var(--ink), 0 4px 14px #00000873;color:var(--text);background:#100c16e0;border:1px solid #ffd24a8c;border-left-width:4px;border-radius:8px;flex-direction:column;justify-content:center;align-items:flex-start;gap:1px;padding:3px 8px 4px;line-height:1.15;display:flex}.surge-flag b{letter-spacing:.03em;font-size:clamp(14px,3.8vw,16px);font-weight:800}.surge-flag span{color:var(--moon);font-size:clamp(12px,3.2vw,13px);font-weight:700}.surge-flag b{font-family:var(--title-font);letter-spacing:.06em;text-transform:uppercase}.surge-flag.lane-0{border-left-color:var(--heart)}.surge-flag.lane-1{border-left-color:var(--gold)}.surge-flag.lane-2{border-left-color:var(--accent)}.toast.surge{background:linear-gradient(#161220f5,#0c0a12f5);border-style:solid;border-width:2px;flex-direction:column;align-items:center;gap:2px;min-width:140px;padding:8px 16px 10px;animation:2.8s forwards gift-toast;display:flex}.toast.surge b{font-family:var(--title-font);letter-spacing:.08em;text-transform:uppercase;font-size:clamp(26px,7vw,36px);font-weight:800;line-height:1}.toast.surge span{letter-spacing:.08em;text-transform:uppercase;color:var(--moon);font-size:clamp(13px,3.6vw,15px);font-weight:800}.toast.surge.lane-0{border-color:var(--heart);color:var(--heart)}.toast.surge.lane-1{border-color:var(--gold);color:var(--gold)}.toast.surge.lane-2{border-color:var(--accent);color:var(--accent)}.banner{text-align:center;font-family:var(--title-font);letter-spacing:.05em;color:#eef6ff;text-shadow:0 0 16px #7ffcd873, 0 2px 0 var(--ink), 0 3px 12px #000;flex-direction:column;align-items:center;gap:2px;font-size:40px;font-weight:800;animation:2.4s forwards banner;display:flex;position:absolute;top:22%;left:50%;transform:translate(-50%)}.banner .title{white-space:nowrap}.banner .sub{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:.42em;font-weight:700}.banner.boss{color:#ffe1e1;text-shadow:0 0 18px #ff3c3ce6,0 3px 12px #000;animation:3.2s forwards banner-boss}.banner.boss .sub{color:#ff8a8a}@keyframes banner{0%{opacity:0;transform:translate(-50%,14px)scale(.85)}12%{opacity:1;transform:translate(-50%)scale(1.06)}20%,70%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-8px)scale(1)}}@keyframes banner-boss{0%{opacity:0;transform:translate(-50%)scale(1.9)}9%{opacity:1;transform:translate(-50%)scale(.95)}12%{transform:translate(calc(-50% - 7px),2px)scale(1)}15%{transform:translate(calc(6px - 50%),-2px)scale(1)}18%{transform:translate(calc(-50% - 4px),1px)scale(1)}21%,78%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(1.04)}}.end-screen{z-index:8;padding:calc(var(--topbar-bottom,0px) + 12px) 0 calc(env(safe-area-inset-bottom) + 12px);background:radial-gradient(at 50% 40%,#10181699,#000008d1);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.end-card{text-align:center;background:var(--panel);max-width:calc(100% - 24px);min-height:0;max-height:100%;box-shadow:var(--panel-shadow), 0 0 0 4px #100c1699, 0 0 40px #00000899;border:1px solid #e8b94a73;border-radius:16px;flex-direction:column;padding:24px 40px 28px;display:flex}.end-card>*{flex:none}.end-card{position:relative}.end-card>.end-toasts{pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:calc(100% - 24px);display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.end-card>.end-body{overscroll-behavior:contain;flex:0 auto;min-height:0;overflow:hidden auto}.end-emblem{background:50%/contain no-repeat;width:84px;height:84px;margin:-6px auto 4px}.end-emblem.victory{background-image:var(--icon-heart);filter:drop-shadow(0 0 14px #ffd24a8c);animation:1.4s ease-in-out infinite emblem-beat}.end-emblem.defeat{background-image:var(--icon-heartCracked);filter:drop-shadow(0 0 12px #ff3a6080)grayscale(.25)}@keyframes emblem-beat{10%{transform:scale(1.07)}20%{transform:scale(1)}30%{transform:scale(1.04)}45%{transform:scale(1)}}.end-card h1{font-family:var(--title-font);letter-spacing:.04em;margin:0 0 8px;font-size:44px}.end-card h1.victory{color:var(--gold);text-shadow:0 0 18px #ffd24a73, 0 2px 0 var(--ink)}.end-card h1.defeat{color:#ff6b7e;text-shadow:0 0 18px #ff3a6066, 0 2px 0 var(--ink)}.end-card h1.endless{font-size:clamp(28px,8.4vw,40px)}.end-card h1.endless.new-best{color:var(--gold);text-shadow:0 0 18px #ffd24a73, 0 2px 0 var(--ink)}.end-card p{color:var(--muted);margin:0 0 16px}.end-gifts{text-align:left;background:#08060c8c;border:1px solid #e8b94a66;border-radius:10px;width:min(360px,100%);margin:-4px auto 16px;padding:8px 12px;list-style:none}.end-gifts-head{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);padding-bottom:4px;font-size:12px;font-weight:800}.end-gifts li{flex-wrap:wrap;justify-content:space-between;gap:2px 12px;padding:3px 0;font-size:15px;font-weight:700;display:flex}.end-gifts .who{color:var(--text)}.end-gifts .amt{color:var(--gold);font-variant-numeric:tabular-nums}.end-feedback{margin:0 0 16px}.end-q{color:var(--muted);margin-bottom:8px}.end-ratings{justify-content:center;gap:6px;margin-bottom:8px;display:flex}.end-rate{width:36px;height:36px;font:inherit;color:var(--text);border:1px solid var(--ink);background:#08060cbf;border-radius:8px;padding:0;font-weight:700;box-shadow:inset 0 1px #cfe6ff29}.end-rate:hover:not(:disabled){color:var(--gold);border-color:#e8b94ab3}.end-comment{width:min(280px,100%);font:inherit;color:var(--text);border:1px solid var(--ink);-webkit-user-select:text;user-select:text;background:#08060cbf;border-radius:8px;margin:0 auto;padding:8px 10px;font-size:16px;display:block;box-shadow:inset 0 1px 3px #000008cc}.end-comment:focus{outline:2px solid var(--accent);outline-offset:-1px}.end-thanks{color:var(--gold)}.end-daily{width:min(360px,100%);margin:0 auto 14px}.end-daily-ask{flex-direction:column;align-items:center;gap:8px;display:flex}.end-daily-name{letter-spacing:.08em;text-transform:uppercase;width:min(280px,100%);color:var(--muted);flex-direction:column;gap:4px;font-size:12px;font-weight:700;display:flex}.end-daily-name input{font:inherit;text-transform:none;letter-spacing:normal;color:var(--text);border:1px solid var(--ink);-webkit-user-select:text;user-select:text;background:#08060cbf;border-radius:8px;padding:8px 10px;font-size:16px;box-shadow:inset 0 1px 3px #000008cc}.end-daily-name input:focus{outline:2px solid var(--accent);outline-offset:-1px}.btn.end-daily-post,.btn.end-daily-share{color:#2a1a00;min-width:200px;min-height:46px;text-shadow:none;background:linear-gradient(#ffe58a,#d99a1e);font-size:17px;font-weight:700;box-shadow:inset 1px 1px #ffffff8c,inset 0 -2px #3c1e0059,0 0 14px #ffd24a4d}.btn.end-daily-share{align-self:center;margin-top:10px}.btn.end-daily-post:hover:not(:disabled),.btn.end-daily-share:hover:not(:disabled){background:linear-gradient(#fff0b0,#e8ab2e)}.end-card p.end-daily-note{margin:0;font-size:12px}.end-card p.end-daily-msg{color:var(--text);margin:6px 0 0;font-size:14px}.end-card p.end-daily-msg:empty{display:none}.end-daily-rank{flex-direction:column;gap:4px;display:flex}.end-daily-place{font-family:var(--title-font);white-space:nowrap;color:var(--gold);font-variant-numeric:tabular-nums;line-height:1.1}.end-daily-place .num{text-shadow:0 0 16px #ffd24a73, 0 2px 0 var(--ink);font-size:38px}.end-daily-place .rest{color:var(--text);font-size:18px;font-weight:700}.end-daily-gap{color:var(--text);font-size:14px}.end-daily-best{color:var(--gold);font-size:14px;font-weight:700}.end-daily-rows{text-align:left;background:#08060c8c;border:1px solid #e8b94a66;border-radius:10px;margin:6px 0 0;padding:6px 10px;list-style:none}.end-daily-rows li{font-variant-numeric:tabular-nums;grid-template-columns:3.2em minmax(0,1fr) auto;gap:8px;padding:2px 4px;font-size:14px;display:grid}.end-daily-rows li.mine{color:var(--gold);background:#ffd24a1a;border-radius:6px;font-weight:700}.end-daily-rows .r{color:var(--muted)}.end-daily-rows li.mine .r{color:var(--gold)}.end-daily-rows .n{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.end-daily-gap,.end-daily-best,.end-daily-rows,.end-daily-share,.end-card:not(.daily-revealing) .end-stats,.end-card:not(.daily-revealing) .end-feedback{transition:opacity .26s ease-out}.end-card.daily-revealing .end-daily-gap:not(.in),.end-card.daily-revealing .end-daily-best:not(.in),.end-card.daily-revealing .end-daily-rows:not(.in),.end-card.daily-revealing .end-daily-share:not(.in),.end-card.daily-revealing .end-stats,.end-card.daily-revealing .end-feedback{opacity:0}@media (prefers-reduced-motion:reduce){.end-daily-gap,.end-daily-best,.end-daily-rows,.end-daily-share,.end-card:not(.daily-revealing) .end-stats,.end-card:not(.daily-revealing) .end-feedback{transition:none}}.end-comment-hint{color:var(--muted);margin:10px 0 0;font-size:12px}.end-comment-hint a,.lobby-foot a,.settings .settings-note a{color:var(--accent);text-underline-offset:2px}.lobby-foot{text-align:center;color:var(--muted);margin:-4px 0 0;font-size:12px}.lobby-foot a,.end-comment-hint a{position:relative}.lobby-foot a:after,.end-comment-hint a:after{content:"";position:absolute;inset:-10px -8px}.lobby{z-index:10;-webkit-user-select:text;user-select:text;background:radial-gradient(circle at 18% 22%,#7ffcd880 0 1.5px,#0000 3px),radial-gradient(circle at 82% 34%,#ffa24a73 0 1.5px,#0000 3px),radial-gradient(circle at 70% 78%,#7ffcd866 0 1.5px,#0000 3px),radial-gradient(circle at 28% 84%,#ffa24a59 0 1.5px,#0000 3px),radial-gradient(at 50% 18%,#a0c8ff29,#0000 55%),radial-gradient(at 50% 40%,#2a473b,#12221b 60%,#05070a);place-items:center;display:grid;position:fixed;inset:0}.lobby-card{background:var(--panel);border:1px solid var(--panel-edge);width:min(500px,100vw - 32px);box-shadow:var(--panel-shadow), 0 16px 40px #00000899;border-radius:16px;flex-direction:column;gap:14px;padding:26px 26px 18px;display:flex}.lobby-card section{flex-direction:column;gap:14px;display:flex}.logo{font-family:var(--title-font);letter-spacing:.04em;text-align:center;color:#eef6ff;text-shadow:0 2px 0 var(--ink);margin:0;font-size:28px}.logo span{color:var(--rune);text-shadow:0 0 14px #7ffcd88c, 0 2px 0 var(--ink)}.field{font-family:var(--title-font);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;flex-direction:column;gap:6px;font-size:12px;font-weight:700;display:flex}.lobby input{font:inherit;color:var(--text);border:1px solid var(--ink);text-transform:none;letter-spacing:normal;background:#08060cbf;border-radius:8px;padding:9px 12px;font-size:16px;box-shadow:inset 0 1px 3px #000008cc,0 0 0 1px #cfe6ff1a}.lobby input:focus{outline:2px solid var(--accent);outline-offset:-1px}#lobby-code{text-transform:uppercase;letter-spacing:.2em;width:110px;font-weight:700}.join-row{gap:8px;display:flex}.join-row .btn{flex:1}:is(.lobby-card:has(>#lobby-home:not(.hidden))>.logo,.lobby-card:has(>#lobby-room:not(.hidden))>.logo){display:none}#lobby-home{gap:12px}.hero-stage{isolation:isolate;height:260px;border-bottom:1px solid var(--ink);background:radial-gradient(circle at 15% 36%,#7ffcd899 0 1.5px,#0000 3px),radial-gradient(circle at 86% 47%,#ffa24a8c 0 1.5px,#0000 3px),radial-gradient(circle at 74% 24%,#7ffcd873 0 1.2px,#0000 2.6px),radial-gradient(circle at 24% 62%,#ffa24a66 0 1.2px,#0000 2.6px),radial-gradient(44% 52% at 50% 54%,#a0c8ff4d,#0000 72%),radial-gradient(66% 17% at 50% 87%,#609274f2,#345646e6 50%,#1d332900 100%),linear-gradient(#0000 0 62%,#16291f 70%,#1b3327 100%),radial-gradient(50% 100% at 50% 100%,#16291f 0 97%,#0000 100%) -18px 50%/78px 24% repeat-x,radial-gradient(50% 100% at 50% 100%,#1b3529 0 97%,#0000 100%) 14px 40%/58px 18% repeat-x,radial-gradient(50% 100% at 50% 100%,#1f3d30 0 97%,#0000 100%) 30px 33%/96px 16% repeat-x,linear-gradient(#070b0d 0%,#0f1d1a 34%,#1c3a30 62%,#14251d 100%);border-radius:15px 15px 0 0;flex-direction:column;justify-content:space-between;align-items:center;height:clamp(190px,100dvh - 530px,320px);margin:-26px -26px 0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -1px #cfe6ff1f}.hero-stage:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(78% 82% at 50% 58%,#0000 52%,#00000899 100%);position:absolute;inset:0}.hero-stage-backdrop{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-stage-backdrop>img,.hero-stage-backdrop>video{opacity:0;-webkit-user-select:none;user-select:none;max-width:none;transition:opacity .18s ease-out;position:absolute}.hero-stage-backdrop>.on{opacity:1}.hero-stage-figure{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-stage.swap .hero-stage-figure{animation:.22s ease-out stage-in}@keyframes stage-in{0%{opacity:.15;transform:translateY(6px)scale(.97)}}.lobby-card .stage-logo{z-index:2;text-shadow:0 2px 0 var(--ink), 0 0 12px #000008e6;margin-top:14px;padding:0 50px;font-size:19px;line-height:1.12;position:relative}.stage-logo span{text-shadow:0 0 16px #7ffcd899, 0 2px 0 var(--ink);font-size:30px;display:block}.hero-picks.hero-tabs{flex-direction:row;gap:6px}.hero-tabs .hero-pick{flex-direction:row;justify-content:center;align-items:center;min-height:44px;padding:6px}.hero-tabs .hero-pick-head{gap:6px;min-width:0}.hero-tabs .hero-pick .hero-ico{width:26px;height:26px}.hero-tabs .hero-pick-name{font-size:14px}.hero-blurb{text-align:center;min-height:4.05em;color:var(--muted);margin:0;font-size:13px;line-height:1.35}.hero-role{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:11px;display:block}.solo-dock{flex-direction:column;display:flex}#lobby-offline{min-height:50px}#lobby-home{--daily-room:66px}.daily-tile{box-sizing:border-box;text-align:left;height:54px;box-shadow:var(--stone-rim), inset 3px 0 0 #ffd24a8c;border-color:#e8b94a8c;flex-direction:column;justify-content:center;align-items:stretch;gap:3px;padding:6px 14px;display:flex}.daily-head{white-space:nowrap;text-overflow:ellipsis;font-family:var(--title-font);font-size:15px;line-height:1.15;display:block;overflow:hidden}.daily-head b{color:var(--gold);letter-spacing:.02em}.daily-sub{color:var(--muted);font-weight:600}.daily-line{white-space:nowrap;text-overflow:ellipsis;color:var(--text);font-size:13px;font-weight:600;line-height:1.2;display:block;overflow:hidden}.daily-line.you{color:var(--gold)}@media (max-width:380px){.daily-tile{padding:6px 12px}.daily-line{font-size:12px}}#lobby-home.has-daily .hero-stage{height:clamp(124px, calc(100dvh - 530px - var(--daily-room)), calc(320px - var(--daily-room)))}#lobby-offline.big{letter-spacing:.03em;font-size:19px}.lobby .btn:focus-visible{outline:2px solid var(--moon);outline-offset:2px}.friends{border-top:1px solid var(--panel-edge);grid-template-columns:auto 1fr;gap:10px 8px;padding-top:12px;display:grid}.friends-title{font-family:var(--title-font);letter-spacing:.08em;text-align:center;text-transform:uppercase;color:var(--muted);grid-column:1/-1;margin:0;font-size:12px;font-weight:700}.friends .field{grid-column:1/-1}.friends .join-row{min-width:0}#lobby-home.invited .mode-row,#lobby-home.invited .daily-tile,#lobby-home.invited .solo-dock,#lobby-home.invited .learn-line{order:1}#lobby-home.invited .friends{border-top:none;grid-template-columns:1fr;padding-top:0}#lobby-home.invited #lobby-create{order:1}#lobby-home.invited #lobby-join{min-height:50px}@media (max-width:520px){.lobby-card{padding:16px 16px 14px}.hero-stage{height:240px;height:clamp(190px,100dvh - 400px,320px);margin:-16px -16px 0}#lobby-home.has-daily .hero-stage{height:clamp(124px, calc(100dvh - 400px - var(--daily-room)), calc(320px - var(--daily-room)))}.hero-blurb{min-height:5.4em}.friends{grid-template-columns:1fr}}@media (max-height:639px){.hero-stage,#lobby-home.has-daily .hero-stage{aspect-ratio:378/320;flex-shrink:0;height:auto}}@media (prefers-reduced-motion:reduce){.hero-stage.swap .hero-stage-figure{animation:none}}.learn-line{text-align:center;color:var(--muted);margin:0;font-size:13px;line-height:1.3}.learn-link{color:var(--accent);text-underline-offset:3px;padding:0;font-weight:600;position:relative}.learn-link:after{content:"";position:absolute;inset:-13px -10px}.pick-blurb{min-height:4.05em}.pick-row{grid-template-columns:5.6rem minmax(0,1fr);align-items:baseline;gap:4px 10px;display:grid}.pick-label{font-family:var(--title-font);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700;line-height:1.2}.pick-label small{letter-spacing:.02em;text-transform:none;margin-top:1px;font-size:10px;font-weight:600;display:block}.segmented{border:1px solid var(--ink);background:#08060c99;border-radius:10px;gap:3px;padding:3px;display:flex;box-shadow:inset 0 1px 3px #000008cc,0 0 0 1px #cfe6ff14;container-type:inline-size}.seg{white-space:nowrap;border-radius:7px;flex:1;place-content:center;align-items:baseline;column-gap:clamp(3px,1.4cqi,6px);min-height:38px;padding:6px clamp(3px,1.8cqi,8px);display:flex}@container (width<270px){.seg{flex-wrap:wrap;min-width:0}}.seg-name{font-family:var(--title-font);font-size:clamp(12px,4.4cqi,15px);font-weight:700}.seg-sub{color:var(--muted);font-size:clamp(9.5px,3.3cqi,11px);font-weight:600}.seg.selected{outline:2px solid var(--accent);outline-offset:-2px;box-shadow:var(--stone-rim), 0 0 12px #7ffcd840;background:linear-gradient(#33544c,#1c2a2a)}.seg.selected .seg-sub{color:var(--accent)}.seg:disabled.selected{opacity:1}.pick-label .mode-best{color:var(--gold)}.pick-dock{z-index:2;background:linear-gradient(#0f0e1700,#0f0e17 20px);flex-direction:column;gap:8px;margin:0 -26px;padding:16px 26px 14px;display:flex;position:sticky;bottom:-18px}.pick-dock .btn.big{letter-spacing:.03em;min-height:50px;font-size:19px}.pick-dock .btn.big:disabled{opacity:1;filter:saturate(.35)brightness(.62)}.room-code-row{flex-wrap:wrap;align-items:flex-end;gap:6px 14px;padding-right:46px;display:flex}.room-code-label{font-family:var(--title-font);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.room-code{letter-spacing:.16em;color:var(--rune);text-shadow:0 0 12px #7ffcd866, 0 2px 0 var(--ink);font-size:40px;font-weight:800;line-height:1.05}#lobby-copy{margin-bottom:3px}.seats-row,.hero-row{flex-direction:column;align-items:stretch;gap:6px;display:flex}.seats{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.seat{border-left:3px solid var(--seat,var(--panel-edge));min-height:46px;box-shadow:inset 1px 1px 0 #cfe6ff14, 0 0 0 1px var(--ink);background:linear-gradient(90deg,#08060cb3,#08060c73);border-radius:9px;align-items:center;gap:10px;padding:5px 12px 5px 8px;font-size:14px;display:flex}.seat .hero-ico{width:32px;height:32px}.seat-who{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.seat .name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.seat-hero{color:var(--muted);font-size:11px}.seat .state{color:var(--muted);flex:none;font-size:12px;font-weight:600}.seat .state.ready{color:var(--accent)}.seat .state.host{font-family:var(--title-font);letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}.seat.away{opacity:.55}.seat.open{box-shadow:none;color:var(--muted);background:#08060c40;border:1px dashed #cfe6ff3d;justify-content:center;font-size:13px}.room-actions{flex-direction:row}.room-actions #lobby-leave{flex:none;min-height:50px}.room-actions .big{flex:1}.btn.big.waiting{background:var(--stone);color:var(--text);box-shadow:var(--stone-rim)}@media (max-width:520px){.pick-row{grid-template-columns:minmax(0,1fr)}.pick-label small{margin:0 0 0 4px;display:inline}.mode-row .pick-label{align-items:baseline;display:flex}.mode-row .pick-label .mode-best{margin-left:auto}.pick-dock{margin:0 -16px;padding:16px 16px 12px;bottom:-14px}.room-code-row{column-gap:10px;padding-right:40px}.room-code{letter-spacing:.14em;font-size:33px}}.hero-picks{gap:8px;display:flex}.hero-pick{text-align:left;text-transform:none;letter-spacing:normal;flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:0;padding:9px 10px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}.hero-pick-head{align-items:center;gap:7px;display:flex}.hero-pick .hero-ico{width:30px;height:30px}.hero-pick-name{font-family:var(--title-font);color:var(--text);font-size:15px;font-weight:700}.hero-pick.selected{outline:2px solid var(--accent);outline-offset:-1px;box-shadow:var(--stone-rim), 0 0 14px #7ffcd840;background:linear-gradient(#33544c,#1c2a2a)}.stat.wave.hard .label{color:var(--trim)}.link{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;align-self:center;font-size:13px;text-decoration:underline}.tutorial{z-index:2;top:calc(var(--topbar-bottom,56px) + 6px);color:#f4f8ff;text-shadow:0 0 1px #100c16,0 1px 2px #100c16,0 0 8px #100c16f2;pointer-events:none;background:#0e101861;border:1px solid #cfe6ff57;border-radius:12px;align-items:flex-start;gap:8px;width:min(300px,100% - 20px);padding:7px 8px 7px 10px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:inset 1px 1px #cfe6ff2e,0 0 0 1px #100c1666}.tutorial-copy{flex:1;min-width:0}.tutorial h2{font-family:var(--title-font);letter-spacing:.03em;color:#fff;margin:0 0 2px;font-size:15px;font-weight:700;line-height:1.15}.tutorial p{color:#f4f8ff;margin:0;font-size:13px;line-height:1.3}.tutorial.air{background:#0e1018e6;border-color:#cfe6ffb3}.tutorial.air p{font-size:14px}.tutorial-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:1px;font-size:10px;font-weight:700;line-height:1.2}.tutorial-actions{flex-direction:column;flex:none;gap:6px;display:flex}.tutorial-actions .btn{white-space:nowrap;pointer-events:auto;min-width:84px;min-height:44px;padding:4px 12px}.busy{text-align:center;color:var(--muted)}.lobby-error{min-height:1.2em;color:var(--bad);text-align:center;margin:0;font-size:13px}.team{background:var(--panel);border:1px solid var(--panel-edge);width:190px;box-shadow:var(--panel-shadow);border-radius:10px;padding:8px 10px;font-size:12px;position:absolute;top:10px;left:12px}.team-head{color:var(--muted);margin-bottom:6px}.team-head span{color:var(--text);letter-spacing:.12em;font-weight:700}.team ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.team li{grid-template-columns:1fr auto;gap:2px 6px;display:grid}.team li.away{opacity:.45}.team .who{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.team .lvl{color:var(--muted)}.team .bar{grid-column:1/-1;height:5px}.team .bar .fill{background-color:var(--hp)}.team .money{grid-column:1/-1;align-items:center;gap:4px;display:flex}.team .gold-amount{color:var(--gold);flex:1;font-weight:600}.team .btn.gift{padding:1px 6px;font-size:11px}.notice{border:1px solid var(--trim);box-shadow:0 0 0 1px var(--ink), 0 4px 14px #00000880;background:linear-gradient(#4a340cf2,#221608f2);border-radius:10px;padding:8px 16px;font-size:13px;font-weight:600;position:absolute;top:64px;left:50%;transform:translate(-50%)}.reconnecting{font-family:var(--title-font);background:#00000899;place-items:center;font-size:22px;font-weight:700;display:grid;position:absolute;inset:0}.end-actions{justify-content:center;gap:10px;display:flex}.safe-probe{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);visibility:hidden;pointer-events:none;position:fixed;top:0;left:0}.left-col{display:contents}.top-level,.heart-num,.gold .label,.heart .label,#settings-btn.icon-btn,#emote-btn.icon-btn{display:none}#settings-btn.icon-btn,#emote-btn.icon-btn{padding:4px 10px;font-size:17px;line-height:0}.gold{font:inherit;color:var(--gold);cursor:default;background:0 0;border:none;padding:0;font-weight:700}body.layout-wide #settings-btn.icon-btn,body.layout-wide #emote-btn.icon-btn{display:inline-block}body.layout-wide .left-col{width:calc(var(--margin) - 24px);flex-direction:column;gap:10px;max-height:calc(100% - 24px);display:flex;position:absolute;top:12px;left:12px}body.layout-wide .topbar{white-space:normal;flex-direction:column;align-items:stretch;gap:10px;position:static;transform:none}body.layout-wide .topbar .stat{justify-content:space-between}body.layout-wide .heart .bar{flex:1;width:auto}body.layout-wide .team{width:auto;min-height:0;position:static;overflow-y:auto}body.layout-wide .hero-panel{width:calc(var(--margin) - 24px);left:auto;right:12px;transform:none}body.layout-wide.touch .hero-panel{bottom:calc(100% - var(--controls-top) + 16px)}body.layout-wide.touch .hero-panel .skills,body.layout-wide.touch .help,body.touch .build-hint{display:none}body.layout-wide .help{max-width:calc(var(--margin) - 24px)}body.layout-wide .toasts{bottom:28px}body.layout-wide .build-hint,body.layout-wide .notice{top:calc(var(--map-top) + 12px)}body.layout-wide .tutorial{width:auto;margin-top:4px;position:static;top:auto;left:auto;transform:none}body.layout-wide .settings{left:calc(var(--margin) + 4px);top:12px}body.layout-tall .topbar{height:var(--topbar-bottom);padding:env(safe-area-inset-top) max(4px, env(safe-area-inset-right)) 0 max(4px, env(safe-area-inset-left));border:none;border-bottom:1px solid var(--ink);background:linear-gradient(#182621f7,#0d0c14f7);border-radius:0;justify-content:space-between;gap:2px;font-size:13px;top:0;left:0;right:0;transform:none;box-shadow:0 1px #e8b94a59,0 4px 10px #00000873}body.layout-tall .topbar .stat{flex-direction:column;justify-content:center;gap:1px;min-width:0;height:44px;line-height:1.1}body.layout-tall .topbar .stat .label{font-size:9.5px;display:block}body.layout-tall .topbar .icon{display:none}body.layout-tall .gold{min-width:44px}body.layout-tall .gold.opens-team{cursor:pointer}body.layout-tall .gold.opens-team .label:after{content:" ▾"}body.layout-tall .heart-num{color:var(--heart);font-weight:700;display:block}body.layout-tall .heart .bar{width:38px;height:3px}body.layout-tall .heart .bar-text{display:none}body.layout-tall .timer #timer{min-width:0}body.layout-tall .top-level{flex-flow:wrap;justify-content:center;align-items:center;column-gap:3px;width:50px;font-size:12px;font-weight:700;display:flex}body.layout-tall .top-level .bar{flex-basis:100%;height:4px}body.layout-tall .top-level .fill{background:var(--xp)}.top-level .pts{color:#2b2000;background:linear-gradient(#ffe38a,#d9a232);border-radius:6px;padding:0 4px;font-size:10px}.top-level.leveled{animation:1.2s ease-out leveled}body.layout-tall #call-early{min-width:44px;height:36px;padding:2px 7px;font-size:12px;line-height:1.1}body.layout-tall #settings-btn.icon-btn,body.layout-tall #emote-btn.icon-btn{flex:none;place-items:center;width:36px;height:36px;padding:0;display:inline-grid}body.layout-tall .hero-panel,body.layout-tall .help,body.layout-tall .build-hint,body.layout-tall #pad-menu,body.layout-tall #tower-panel{display:none!important}body.layout-tall .team{top:calc(var(--topbar-bottom) + 6px);z-index:4;pointer-events:auto;width:min(270px,100% - 12px);left:6px}body.layout-tall .team .btn.gift{min-height:36px;padding:4px 10px;font-size:12px}body.layout-tall .toasts{bottom:auto;top:calc(var(--controls-top) - 30px);width:max-content;max-width:calc(100% - 24px);transform:translate(-50%,-100%)}body.layout-tall .toast.teach{font-size:16px}body.layout-tall .notice{top:calc(var(--topbar-bottom) + 8px);white-space:normal;max-width:calc(100% - 24px)}body.layout-tall .banner{white-space:nowrap;font-size:28px}body.layout-tall .settings{right:6px;top:calc(var(--topbar-bottom) + 6px);max-height:calc(100% - var(--topbar-bottom) - 12px);overflow-y:auto}body.layout-tall .end-card{margin:0 12px;padding:22px 20px}body.layout-tall .end-card h1{font-size:34px}body.layout-tall .end-actions{flex-wrap:wrap}.touch-overlay{pointer-events:none;display:none;position:absolute;inset:0}body.touch .touch-overlay:not(.hidden){display:block}.joy{box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px var(--ink);touch-action:none;pointer-events:auto;opacity:.35;background:radial-gradient(circle,#100c164d,#100c1699 70%,#7ffcd82e);border:2px solid #cfe6ffbf;border-radius:50%;transition:opacity .12s;position:absolute}.joy.held{opacity:1}.touch-overlay.floating .joy{pointer-events:none;opacity:.28}.touch-overlay.floating .joy.held{opacity:.95}.joy-knob{border:2px solid var(--ink);pointer-events:none;background:radial-gradient(circle at 35% 30%,#dfeeff,#7f8aa6 70%);border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute;top:50%;left:50%;box-shadow:inset 1px 1px #fff9,0 0 10px #7ffcd84d}.tskill{pointer-events:none;position:absolute}.tskill-btn{width:100%;height:100%;color:var(--text);font:inherit;text-shadow:0 1px 3px var(--ink);box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px var(--ink), 0 3px 8px #00000880;pointer-events:auto;touch-action:none;background:radial-gradient(circle at 35% 28%,#545a74e6,#161220e6 72%);border:2px solid #cfe6ff99;border-radius:50%;place-items:center;padding:0;font-size:20px;font-weight:800;display:grid;position:relative;overflow:hidden}.tskill-btn>span,.tskill-btn>.ico{grid-area:1/1}.tskill-btn>.ico{width:64%;height:64%;transition:opacity .12s}.tskill.cooling .tskill-btn>.ico,.tskill.locked .tskill-btn>.ico{opacity:.4}.tskill-btn .cd{background:conic-gradient(#0a08109e var(--cd,0deg), transparent 0);pointer-events:none;border-radius:50%;position:absolute;inset:0}.tskill-btn .letter{color:var(--moon);opacity:.95;font-size:12px;line-height:1;position:absolute;top:3px;left:50%;transform:translate(-50%)}.tskill-btn .cd-text{font-size:19px;position:relative}.tskill.cooling .letter,.tskill.waiting-mana .letter{display:none}.tskill.waiting-mana .cd-text{color:var(--mana-text)}.tskill-btn .pips{justify-content:center;gap:2px;display:flex;position:absolute;bottom:5px;left:0;right:0}.tskill-btn .pips i{width:4px;height:4px;box-shadow:0 0 0 1px var(--ink);background:#2a2d3b;border-radius:1px}.tskill-btn .pips i.on{background:var(--gold)}.tskill.badge .tskill-btn{border-style:dashed;font-size:13px}.tskill.badge .tskill-btn .letter{display:none}.tskill.badge .tskill-btn>.ico{width:70%;height:70%}.tskill.badge .tskill-btn .pips{bottom:3px}.tskill.badge .tskill-btn .pips i{width:3px;height:3px}.tskill.locked .tskill-btn,.tskill.dead .tskill-btn{opacity:.45}.tskill.no-mana .tskill-btn{border-color:var(--mana);box-shadow:inset 0 0 0 2px var(--mana);opacity:.55}.tskill .cost{min-width:22px;box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #4a8cffb3;text-align:center;color:var(--mana-text);pointer-events:none;background:#100c16e0;border-radius:8px;padding:2px 4px;font-size:12px;font-weight:700;line-height:1;position:absolute;bottom:0;left:-7px}.tskill.no-mana .cost{color:var(--bad)}.tskill.ult .tskill-btn .cd{background:conic-gradient(var(--gold) var(--cd,0deg), #0000008c 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4.5px))}.tskill.ult.locked .tskill-btn .cd{display:none}.tskill.ready .tskill-btn{border-color:var(--gold)}.tskill.ult:before{content:"";opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 12px 4px #ffd24abf}.tskill.ult.ready:before{animation:1.6s ease-in-out infinite alternate ult-ready}.tskill-btn.cancel{border-color:var(--bad);box-shadow:0 0 0 3px var(--bad)}.skill-sheet{z-index:6;background:var(--panel);border:1px solid var(--panel-edge);max-height:min(46vh,340px);box-shadow:var(--panel-shadow);pointer-events:auto;color:var(--text);border-radius:12px;flex-direction:column;gap:6px;padding:10px 10px 8px;display:flex;position:absolute;left:8px;right:8px}.skill-sheet-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.skill-sheet-head h2{font-family:var(--title-font);margin:0;font-size:18px;font-weight:700}.skill-sheet-head .btn{min-width:72px;min-height:44px;padding:8px 12px}.skill-sheet-list{flex-direction:column;gap:6px;min-height:0;display:flex;position:relative;overflow:auto}.skill-sheet-row{text-align:left;border:1px solid var(--ink);width:100%;color:var(--text);font:inherit;touch-action:manipulation;background:#08060c73;border-radius:8px;grid-template-columns:28px 1fr;grid-template-areas:"slot name""slot desc""slot meta";gap:1px 8px;padding:8px;display:grid}.skill-sheet-row.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.skill-sheet-row .slot{color:var(--moon);grid-area:slot;align-self:center;font-size:16px;font-weight:800}.skill-sheet-row .name{grid-area:name;font-size:16px;font-weight:800}.skill-sheet-row .desc{color:var(--text);grid-area:desc;font-size:15px;line-height:1.3}.skill-sheet-row .meta{color:var(--muted);grid-area:meta;font-size:13px}.skill-sheet-hint{color:var(--muted);margin:0;font-size:12px;line-height:1.3}.tskill .learn{pointer-events:auto;border-radius:50%;width:22px;height:22px;font-size:16px;line-height:20px;top:-4px;right:-6px}.tskill.badge .learn{top:-8px;right:-9px}.shake{animation:.35s ease-in-out shake}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.t-respawn{color:var(--bad);text-shadow:0 1px 3px #000;white-space:nowrap;pointer-events:none;font-size:14px;font-weight:700;position:absolute;transform:translate(-50%,-100%)}.radial{z-index:3;width:0;height:0;position:absolute}.zoom-btn{z-index:2;color:var(--moon);opacity:.72;touch-action:manipulation;background:#0a0c1480;border:1px solid #cfe6ff47;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0;transition:opacity .12s,transform 90ms ease-out,border-color .12s;display:flex;position:absolute}.zoom-btn>.ico{width:22px;height:22px}.zoom-btn .zoom-level{font-variant-numeric:tabular-nums;font-size:11px;font-weight:700;line-height:1}.zoom-btn.zoomed{opacity:1;background:#0a0c14b8;border-color:#cfe6ffb3}.zoom-btn.zoomed>.ico{width:18px;height:18px}.zoom-btn.pressed{transform:scale(.92)}#pings,#emote-feed,.ping-hold{pointer-events:none}#pings{z-index:3;position:absolute;inset:0}.ping{flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.ping-ring{border:3px solid var(--c,var(--gold));width:28px;height:28px;box-shadow:0 0 0 1px var(--ink), 0 0 10px var(--c,var(--gold));border-radius:50%;animation:.9s ease-out infinite ping-pulse}.ping.off .ping-ring{width:16px;height:16px}.ping-arrow{border-left:6px solid #0000;border-right:6px solid #0000;border-bottom:10px solid var(--c,var(--gold));width:0;height:0;filter:drop-shadow(0 1px 1px var(--ink));margin-bottom:2px;display:none}.ping.off .ping-arrow{display:block}.ping-name{color:var(--c,var(--gold));text-shadow:0 1px 2px var(--ink), 0 0 4px var(--ink);white-space:nowrap;margin-top:2px;font-size:12px;font-weight:700}.ping.mirrored .ping-ring{border-width:5px;width:64px;height:64px}.ping.mirrored .ping-name{font-size:16px}.ping.clutch .ping-name{letter-spacing:.08em;text-transform:uppercase;font-size:clamp(16px,4.4vw,20px)}.emote-line.mirrored{border-width:2px;border-color:var(--gold);font-size:18px;box-shadow:0 0 12px #ffd24a73}@keyframes ping-pulse{0%{opacity:1;transform:scale(.7)}to{opacity:.35;transform:scale(1.35)}}.ping-hold{border:3px solid var(--gold);width:54px;height:54px;box-shadow:0 0 0 1px var(--ink);transform:scale(var(--p,.3));z-index:3;border-radius:50%;margin:-27px 0 0 -27px;position:absolute}.ping-hold.ready{box-shadow:0 0 0 1px var(--ink), 0 0 14px var(--gold)}#emote-menu .emote-pick{white-space:normal;text-align:center;padding:4px;font-size:10px;line-height:1.05}#emote-feed{z-index:4;flex-direction:column;gap:4px;display:flex}.emote-line{border:1px solid var(--panel-edge);color:var(--text);text-shadow:0 1px 2px var(--ink);background:#0d0c14e0;border-radius:8px;padding:3px 8px;font-size:13px;font-weight:700}body.layout-tall #emote-feed{top:calc(var(--topbar-bottom) + 6px);max-width:calc(100% - 16px);position:absolute;left:8px}body.layout-wide #emote-feed{position:static}.radial-btn{font:inherit;touch-action:manipulation;color:var(--text);border:2px solid var(--accent);pointer-events:auto;box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px var(--ink), 0 0 10px #7ffcd840, 0 3px 8px #0000088c;text-shadow:0 1px 2px var(--ink);cursor:pointer;background:radial-gradient(circle at 35% 28%,#4b5068,#1c1826 72%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0;font-size:12px;font-weight:700;line-height:1.05;display:flex;position:absolute;overflow:hidden}.radial-btn>span,.radial-btn>.ico{position:relative}.radial-btn>.ico{width:24px;height:24px;margin-bottom:1px}.radial-btn.branch>.ico{width:18px;height:18px}.radial-btn.branch .name{font-size:10px}.radial-btn.reinforce>.ico{width:18px;height:18px}.radial-btn.reinforce .name{font-size:11px}.radial-btn .cost{color:var(--gold)}.radial-btn .cap{color:var(--moon);opacity:.8;letter-spacing:.03em;text-transform:uppercase;font-size:8.5px;font-weight:700}.radial-btn.poor{box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px var(--ink), 0 3px 8px #0000088c;opacity:.6;border-color:#4a4e63}.radial-btn.poor .cost{color:var(--bad)}.radial-btn.previewing{border-color:var(--gold);box-shadow:0 0 0 1px var(--ink), 0 0 0 4px #ffd24a73, 0 0 16px #ffd24a73, 0 3px 8px #0000088c;opacity:1}.radial-btn:disabled{box-shadow:0 0 0 1px var(--ink), 0 3px 8px #0000088c;opacity:.5;cursor:default;border-color:#4a4e63}.radial-btn .hold{background:conic-gradient(#ff5b5b99 var(--hold,0deg), transparent 0);border-radius:50%;position:absolute;inset:0}.radial-btn.holding{border-color:var(--bad)}.radial-chip{z-index:3;background:var(--panel);border:1px solid var(--panel-edge);width:max-content;max-width:min(300px,100vw - 16px);box-shadow:var(--panel-shadow);text-align:center;pointer-events:none;border-radius:12px;padding:4px 10px;font-size:13px;font-weight:600;line-height:1.25;position:absolute}.picker{z-index:3;min-width:0;padding:6px}.picker .btn{text-align:left;min-height:44px;padding:8px 14px}.sound-toggle{align-items:center;gap:8px;display:flex}.sound-toggle .ico,.sound-btn .ico{--ico:var(--icon-sound);width:22px;height:22px}.sound-toggle[aria-pressed=true] .ico,.sound-btn[aria-pressed=true] .ico{--ico:var(--icon-muted)}.settings .volume{grid-template-columns:58px 1fr 40px;align-items:center;gap:8px;min-height:40px;font-size:13px;display:grid}.settings .volume b{color:var(--gold);text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.settings input[type=range]{appearance:none;touch-action:none;cursor:pointer;background:0 0;width:100%;height:32px;margin:0}.settings input[type=range]::-webkit-slider-runnable-track{background:var(--stone);height:8px;box-shadow:var(--stone-rim), 0 0 0 1px var(--ink);border-radius:4px}.settings input[type=range]::-moz-range-track{background:var(--stone);height:8px;box-shadow:var(--stone-rim), 0 0 0 1px var(--ink);border-radius:4px}.settings input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:radial-gradient(circle at 35% 35%, #fff3c4, var(--gold) 55%, var(--trim));width:22px;height:22px;box-shadow:0 0 0 1.5px var(--ink), 0 0 8px #ffd24a73;border:none;border-radius:50%;margin-top:-7px}.settings input[type=range]::-moz-range-thumb{background:radial-gradient(circle at 35% 35%, #fff3c4, var(--gold) 55%, var(--trim));width:22px;height:22px;box-shadow:0 0 0 1.5px var(--ink), 0 0 8px #ffd24a73;border:none;border-radius:50%}.lobby-card{position:relative}.sound-btn{z-index:3;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;top:10px;right:10px}.lobby-card .logo{padding:0 38px}.settings{z-index:6;gap:10px;min-width:230px;max-width:calc(100% - 12px)}.settings section{flex-direction:column;gap:6px;display:flex}.settings .touch-only{display:none}body.touch .settings .touch-only{display:flex}.settings .choices{flex-direction:column;gap:6px;display:flex}.settings .choices.row{flex-direction:row}.settings .choices.row .btn{flex:1}.settings .btn{text-align:left;min-height:40px}.settings h3{font-family:var(--title-font);letter-spacing:.04em;color:var(--moon);margin:0;font-size:14px}.settings h4{color:var(--muted);margin:2px 0 0;font-size:12px;font-weight:700}.settings section+section{border-top:1px solid #e8b94a33;padding-top:8px}.settings .settings-note{color:var(--muted);margin:0;font-size:11px}.settings .btn.active{outline:2px solid var(--accent);outline-offset:-2px;box-shadow:var(--stone-rim), 0 0 10px #7ffcd84d;background:linear-gradient(#33544c,#1c2a2a)}.rotate{display:none}body.layout-rotate .rotate{z-index:100;background:var(--bg);text-align:center;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.rotate-card p{margin:18px 0 6px;font-size:22px;font-weight:800}.rotate-card span{color:var(--muted);font-size:14px}.rotate-phone{border:4px solid var(--text);border-radius:9px;width:44px;height:76px;margin:0 auto;animation:2s ease-in-out infinite rotate-hint}@keyframes rotate-hint{0%,20%{transform:rotate(-90deg)}60%,to{transform:rotate(0)}}.overlay-screen{z-index:7;pointer-events:auto;cursor:pointer;background:#05080c99;place-items:center;display:grid;position:absolute;inset:0}.overlay-screen>div{background:var(--panel);border:1px solid var(--panel-edge);box-shadow:var(--panel-shadow);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:22px 34px;display:flex}.overlay-screen b{font-family:var(--title-font);font-size:28px}.overlay-screen span{color:var(--muted)}.update-banner{z-index:60;top:calc(env(safe-area-inset-top) + 6px);border:1px solid var(--ink);color:#07231c;white-space:nowrap;cursor:pointer;background:linear-gradient(#9dffe6,#2cb596);border-radius:10px;padding:11px 16px;font-size:14px;font-weight:700;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000080}.sheet{z-index:70;background:#05080c99;align-items:end;display:grid;position:fixed;inset:0}.sheet.hidden{display:none}.sheet-card{padding:18px 20px calc(env(safe-area-inset-bottom) + 18px);background:var(--panel);box-shadow:var(--panel-shadow);border-top:1px solid var(--panel-edge);border-radius:16px 16px 0 0;font-size:14px}.sheet-card h3{margin:0 0 8px}.sheet-card ol{margin:0 0 14px;padding-left:20px;line-height:1.6}.sheet-card .btn{width:100%}.share-icon{vertical-align:-2px;border:2px solid;border-top:none;border-radius:0 0 2px 2px;width:12px;height:14px;display:inline-block}.fps{z-index:5;top:calc(var(--topbar-bottom,0px) + 6px);background:var(--panel);pointer-events:none;border-radius:6px;padding:3px 8px;font:12px ui-monospace,monospace;position:absolute;left:6px}.lobby{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow:hidden}.lobby-card{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;overflow-y:auto}@media (pointer:coarse){.lobby .btn,.lobby input{min-height:44px}}@media (prefers-reduced-motion:reduce){.banner.boss{animation:2.4s forwards banner}.stat.heart.low .heart-icon,.stat.heart.low .bar{animation:none}.skill.ready:after,.tskill.ult.ready:before{opacity:1;animation:none}#fuse-ribbon.on{animation-name:fuse-ribbon-calm}}#ult-flash{z-index:2;pointer-events:none;opacity:0;box-shadow:inset 0 0 70px 24px var(--c,var(--gold)), inset 0 0 220px 40px var(--c,var(--gold));position:absolute;inset:0}#ult-flash.on{animation:.52s ease-out forwards ult-flash}@keyframes ult-flash{0%{opacity:0}14%{opacity:.55}to{opacity:0}}#ult-pops{z-index:6;pointer-events:none;flex-direction:column;align-items:center;gap:4px;max-width:calc(100% - 16px);display:flex;position:absolute;top:36%;left:50%;transform:translate(-50%)}body.layout-wide #ult-pops{top:30%}.ult-pop{font-family:var(--title-font);letter-spacing:.04em;white-space:nowrap;color:var(--text);border:2px solid var(--c,var(--gold));box-shadow:0 0 14px -2px var(--c,var(--gold)), 0 2px 8px #00000899;text-shadow:0 1px 0 var(--ink);background:#0a0810b8;border-radius:999px;align-items:baseline;gap:.3em;padding:3px 14px 4px;font-size:clamp(20px,6vw,28px);font-weight:800;line-height:1.15;animation:2.2s forwards ult-pop;display:flex}.ult-pop .name{color:var(--c,var(--gold))}.ult-pop b{color:#fff;font-variant-numeric:tabular-nums;font-size:1.25em}.ult-pop .who{letter-spacing:.02em;font-size:.62em;font-style:normal}@keyframes ult-pop{0%{opacity:0;transform:translateY(8px)scale(.8)}10%{opacity:1;transform:translateY(0)scale(1.08)}18%{transform:scale(1)}76%{opacity:1}to{opacity:0;transform:translateY(-8px)}}.mates{left:6px;top:calc(var(--topbar-bottom,44px) + 4px);z-index:3;pointer-events:none;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:none;position:absolute}body.layout-tall .mates{display:flex}.mate{height:26px;box-shadow:0 0 0 1px var(--ink);background:#0a0810a8;border-radius:999px;align-items:center;gap:4px;padding:1px 5px 1px 1px;display:flex;position:relative}.mate-ico{background:var(--ico) center / 82% no-repeat, radial-gradient(circle at 35% 30%, #3b4152, #120f19);border:2px solid var(--seat,var(--rune));border-radius:50%;width:24px;height:24px}.mate-bar{background:#ffffff29;border-radius:3px;width:34px;height:6px;overflow:hidden}.mate-bar i{background:var(--hp);width:100%;height:100%;display:block}.mate.dead{opacity:.5;filter:grayscale()}.mate.healed:before{content:"";box-shadow:0 0 0 2px var(--hp), 0 0 12px 2px var(--hp);border-radius:999px;animation:1.2s ease-out forwards mate-heal;position:absolute;inset:-2px}@keyframes mate-heal{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.5,1.9)}}.mate .heal-num{color:var(--hp);text-shadow:0 1px 0 var(--ink), 0 0 6px #000;white-space:nowrap;font-size:17px;font-weight:800;animation:1.3s ease-out forwards heal-num;position:absolute;top:50%;left:calc(100% + 6px)}@keyframes heal-num{0%{opacity:0;transform:translateY(-70%)scale(.8)}15%{opacity:1;transform:translateY(-50%)scale(1.1)}to{opacity:0;transform:translateY(0%)}}.tskill.ult .combo-ring,.skill.ult .combo-ring{pointer-events:none;opacity:0;position:absolute}.tskill.ult .combo-ring{background:conic-gradient(var(--ember) calc(var(--left,0) * 360deg), #00000073 0);filter:drop-shadow(0 0 6px #ff6a28f2);border-radius:50%;inset:-7px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4.5px))}.skill.ult .combo-ring{height:5px;width:calc(var(--left,0) * 100%);background:var(--ember);box-shadow:0 0 8px 1px var(--ember);bottom:0;left:0}.combo-tag{z-index:2;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--ember);box-shadow:0 0 0 1px var(--ink), 0 0 10px #ff6a28e6;white-space:nowrap;pointer-events:none;border-radius:999px;padding:1px 7px 2px;font-size:11px;font-weight:900;display:none;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.skill.ult .combo-tag{top:2px;left:auto;right:4px;transform:none}.tskill.ult.combo .combo-ring,.skill.ult.combo .combo-ring{opacity:1}.tskill.ult.combo .combo-tag,.skill.ult.combo .combo-tag{animation:.5s ease-in-out infinite alternate combo-tag;display:block}@keyframes combo-tag{0%{transform:translate(-50%)scale(1)}to{transform:translate(-50%)scale(1.12)}}.skill.ult.combo .combo-tag{animation-name:combo-tag-desk}@keyframes combo-tag-desk{0%{transform:scale(1)}to{transform:scale(1.12)}}.tskill.ult.nudge:before{animation:.8s ease-in-out infinite alternate ult-nudge;inset:-4px;box-shadow:0 0 18px 8px #ffd24af2}.skill.ult.nudge:after{animation:.8s ease-in-out infinite alternate ult-nudge-desk;box-shadow:inset 0 0 22px 5px #ffd24af2}@keyframes ult-nudge{0%{opacity:.4;transform:scale(.96)}to{opacity:1;transform:scale(1.14)}}@keyframes ult-nudge-desk{0%{opacity:.4}to{opacity:1}}.end-ults li.end-ult-line{justify-content:flex-start;font-size:14px}@media (prefers-reduced-motion:reduce){#ult-flash.on{animation-name:ult-flash-calm}.ult-pop{animation-name:ult-pop-calm}.mate .heal-num{animation-name:heal-num-calm}.mate.healed:before{animation-name:mate-heal-calm}.tskill.ult.combo .combo-tag,.skill.ult.combo .combo-tag,.tskill.ult.nudge:before,.skill.ult.nudge:after{animation:none}.tskill.ult.nudge:before,.skill.ult.nudge:after{opacity:1}@keyframes ult-flash-calm{0%{opacity:0}14%{opacity:.25}to{opacity:0}}@keyframes ult-pop-calm{0%{opacity:0}10%{opacity:1}76%{opacity:1}to{opacity:0}}@keyframes heal-num-calm{0%{opacity:0;transform:translateY(-50%)}15%{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translateY(-50%)}}@keyframes mate-heal-calm{0%{opacity:1}to{opacity:0}}}#settings-data-delete.armed{outline:2px solid var(--bad);outline-offset:-2px}:root[data-ui=ready] #hud :is(.popup,.hero-panel,.team,.help,.skill-sheet),:root[data-ui=ready] body.layout-wide #hud .topbar{border-image:var(--ui-panel) var(--ui-panel-slice) / var(--ui-panel-width) stretch;background-clip:padding-box;border-radius:4px;box-shadow:0 6px 18px #0000088c}:root[data-ui=ready] #hud :is(.toast,.build-hint,.notice,.radial-chip,.air-flag,.emote-line,.tutorial){border-image:var(--ui-panel) var(--ui-panel-slice) / 7px stretch;background-clip:padding-box;border-radius:3px}:root[data-ui=ready] body.layout-tall #hud .topbar{box-shadow:0 4px 10px #00000873}:root[data-ui=ready] body.layout-tall #hud .topbar:after{content:"";background:var(--ui-trim) left center / auto 100% repeat-x;pointer-events:none;height:3px;position:absolute;top:100%;left:0;right:0}:root[data-ui=ready] #hud .topbar :is(.stat.gold,.stat.heart,.stat.wave){isolation:isolate;position:relative}:root[data-ui=ready] #hud .topbar :is(.stat.gold,.stat.heart,.stat.wave):before{content:"";z-index:-1;border:0 solid #0000;border-image:var(--ui-plaque) var(--ui-plaque-slice) fill / var(--ui-plaque-width) stretch;pointer-events:none;position:absolute;inset:3px -3px}:root[data-ui=ready] #hud .topbar .stat.gold:before{border-image-source:var(--ui-plaque-coin)}:root[data-ui=ready] #hud .topbar .stat.heart:before{border-image-source:var(--ui-plaque-heart)}:root[data-ui=ready] #hud .topbar .stat.heart.cracked:before{border-image-source:var(--ui-plaque-heart-cracked)}:root[data-ui=ready] body.layout-wide #hud .topbar :is(.stat.gold,.stat.heart,.stat.wave):before{inset:-3px -8px}:root[data-ui=ready] #hud .btn:not(.big){--stone:none;--stone-hover:none;--stone-rim:0 0 transparent;border-image:var(--ui-button) var(--ui-button-slice) fill / var(--ui-button-width) stretch;border-radius:3px}:root[data-ui=ready] #hud .btn:not(.big):hover:not(:disabled){filter:brightness(1.12)}:root[data-ui=ready] #hud .btn:not(.big):is(.pressed,:active):not(:disabled){border-image-source:var(--ui-button-pressed)}:root[data-ui=ready] #hud .btn.active:not(.big){border-image-source:var(--ui-button-selected);outline:none}:root[data-ui=ready] #hud .btn:is(.end-daily-post,.end-daily-share):not(.big),:root[data-ui=ready] #hud .btn:is(.end-daily-post,.end-daily-share):not(.big):is(.pressed,:active):not(:disabled){border-image-source:none;border-radius:8px}:root[data-ui=ready] #hud .tskill-btn{background:var(--ui-medallion) center / 100% 100% no-repeat border-box;border-color:#0000;box-shadow:0 3px 8px #00000880}:root[data-ui=ready] #hud .tskill:not(.locked,.no-mana,.dead,.cooling,.badge) .tskill-btn{background-image:var(--ui-medallion-ready)}:root[data-ui=ready] #hud .tskill.cooling .tskill-btn{background-image:var(--ui-medallion-cooldown)}:root[data-ui=ready] #hud .tskill.no-mana .tskill-btn{box-shadow:inset 0 0 0 2px var(--mana), 0 3px 8px #00000880}:root[data-ui=ready] #hud .tskill-btn.cancel{box-shadow:0 0 0 3px var(--bad)}:root[data-ui=ready] #hud .radial-btn{background:var(--ui-medallion-ready) center / 100% 100% no-repeat border-box;border-color:#0000;box-shadow:0 3px 8px #0000088c}:root[data-ui=ready] #hud .radial-btn:is(.poor,:disabled){background-image:var(--ui-medallion);box-shadow:0 3px 8px #0000088c}:root[data-ui=ready] #hud .radial-btn.previewing{box-shadow:0 0 0 4px #ffd24a73,0 0 16px #ffd24a73,0 3px 8px #0000088c}:root[data-ui=ready] #hud .radial-btn.holding{box-shadow:0 0 0 3px var(--bad), 0 3px 8px #0000088c}:root[data-ui=ready] #hud .skill.ready{border-image-source:var(--ui-button-selected)}:root[data-ui=ready] #hud .end-card{border-image:var(--ui-timber) var(--ui-timber-slice) / var(--ui-timber-width) stretch;background-clip:padding-box;border-radius:6px;box-shadow:0 0 0 4px #100c1699,0 0 40px #00000899}:root[data-ui=ready] #hud .banner{border:0 solid #0000;border-image:var(--ui-banner) var(--ui-banner-slice) fill / 50% .75em / .22em 1.05em stretch}:root[data-ui=ready] #hud :is(.btn:not(.big),.radial-btn,.tskill-btn){transition:transform .2s cubic-bezier(.34,1.9,.64,1),filter 90ms ease-out}:root[data-ui=ready] #hud :is(.btn:not(.big),.radial-btn,.tskill-btn):is(.pressed,:active):not(:disabled){filter:brightness(.92);transition:transform 50ms ease-out,filter 50ms ease-out;transform:translateY(2px)}.banner:not(.boss){animation-name:banner-slam}@keyframes banner-slam{0%{opacity:0;filter:none;transform:translate(-50%)scale(1.3)}5.9%{filter:drop-shadow(0 0 #fff0)drop-shadow(0 0 #fff0)}6%{opacity:1;filter:drop-shadow(0 0 1.5px #fff)drop-shadow(0 0 .5px #fff);transform:translate(-50%)scale(.97)}7.4%{opacity:1;filter:drop-shadow(0 0 #fff0)drop-shadow(0 0 #fff0);transform:translate(-50%)scale(1)}7.5%{filter:none}72%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(1)}}@keyframes banner-calm{0%{opacity:0;transform:translate(-50%)}10%,72%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}@keyframes shake-calm{30%{opacity:.45}}.banner.fell{color:var(--gold);text-shadow:0 0 18px #ffd24aa6, 0 2px 0 var(--ink), 0 3px 12px #000}.end-emblem.victory{animation:.56s cubic-bezier(.3,0,.5,1) both emblem-land,1.4s ease-in-out .56s infinite emblem-beat}@keyframes emblem-land{0%{opacity:0;transform:translateY(-46px)scale(1.25)}45%{opacity:1;transform:translateY(0)scale(1.18,.82)}65%{transform:translateY(-6px)scale(.95,1.06)}82%{transform:translateY(0)scale(1.03,.97)}to{transform:none}}.end-card:has(.end-emblem.victory){animation:.28s ease-out .25s card-thud}@keyframes card-thud{30%{transform:translateY(4px)}65%{transform:translateY(-1px)}}@keyframes emblem-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.banner:not(.boss),.banner.boss{animation-name:banner-calm}.end-emblem.victory{animation:.4s ease-out both emblem-fade}.end-card:has(.end-emblem.victory){animation:none}#hud .shake{animation-name:shake-calm}:root[data-ui=ready] #hud :is(.btn:not(.big),.radial-btn,.tskill-btn):is(.pressed,:active):not(:disabled){transform:none}}:root[data-ui=ready] #hud .skill .skill-ico{background:var(--ico) center / 74% no-repeat, var(--ui-medallion) center / 100% 100% no-repeat;width:32px;height:32px;margin-top:-16px;left:3px}:root[data-ui=ready] #hud .skill:not(.no-mana,.cooling,.passive,.unlearned,:disabled) .skill-ico{background-image:var(--ico), var(--ui-medallion-ready)}:root[data-ui=ready] #hud .skill.cooling .skill-ico{background-image:var(--ico), var(--ui-medallion-cooldown)}