@layer reset{*,:before,:after{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}button,input{font:inherit}button{border:0}}@layer base{:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#071018;--panel:#081119c2;--line:#acc9da29;--line-strong:#acc9da47;--text:#f4f8fb;--muted:#91a2b2;--lime:#9bf43c;--cyan:#39d9ff;--danger:#ff5e66;--warning:#ffb84a;font-synthesis:none;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif}body{background:var(--bg);color:var(--text);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden}button,input{color:inherit}button{cursor:pointer}button:focus-visible{outline-offset:3px;outline:3px solid #39d9ffb8}input:focus-visible{outline-offset:3px;outline:3px solid #39d9ffb8}}@layer components{.game{isolation:isolate;background:var(--bg);width:100%;height:100%;position:relative}#arena{cursor:crosshair;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.vignette,.noise{z-index:2;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.vignette{background:radial-gradient(circle,#0000 52%,#01050970 100%),linear-gradient(#02080e38,#0000 18% 78%,#02070c57)}.noise{opacity:.035;mix-blend-mode:soft-light;background:radial-gradient(circle at 20% 30%,#ffffff1f 0 .5px,#0000 .7px) 0 0/11px 13px,radial-gradient(circle at 72% 65%,#ffffff14 0 .5px,#0000 .7px) 0 0/17px 19px}.glass{border:1px solid var(--line);background:linear-gradient(145deg, #ffffff0b, transparent 48%), var(--panel);-webkit-backdrop-filter:blur(22px)saturate(128%);box-shadow:0 22px 70px #00000052,inset 0 1px #ffffff0a}.brand{letter-spacing:.08em;align-items:center;gap:11px;display:inline-flex}.brand-mark{background:radial-gradient(circle at 36% 30%,#eaffda 0 6%,#9bf43c 7% 26%,#3d8d16 58%,#122916 100%);border:1px solid #9bf43c73;border-radius:50%;width:34px;height:34px;position:relative;box-shadow:0 0 24px #9bf43c3d,inset -5px -7px 10px #00000052}.brand-mark:before,.brand-mark:after{content:"";border:1px solid #39d9ff38;border-radius:50%;position:absolute;top:-6px;bottom:-6px;left:-6px;right:-6px;transform:rotate(54deg)scaleY(.44)}.brand-mark:after{border-color:#9bf43c42;transform:rotate(-22deg)scaleY(.58)}.brand-copy{line-height:1;display:grid}.brand-copy strong{font-size:13px;font-weight:850}.brand-copy span{color:var(--muted);letter-spacing:.24em;margin-top:5px;font-size:8px;font-weight:700}.brand-copy .brand-family{width:-moz-fit-content;width:fit-content;color:var(--lime);letter-spacing:.16em;text-transform:uppercase;text-shadow:0 0 12px #9bf43c47;white-space:nowrap;align-items:center;gap:5px;margin-top:5px;font-size:7px;font-weight:850;line-height:1.1;display:inline-flex}.brand-family:before{content:"";background:currentColor;width:12px;height:1px;box-shadow:0 0 7px}.topbar{z-index:20;top:max(20px, env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:center;transition:opacity .28s,transform .28s;display:flex;position:fixed;left:clamp(18px,3vw,46px);right:clamp(18px,3vw,46px)}.topbar>*{pointer-events:auto}.game[data-phase=playing] .topbar,.game[data-phase=paused] .topbar,.game[data-phase=result] .topbar{opacity:0;pointer-events:none;transform:translateY(-10px)}.top-actions{align-items:center;gap:8px;display:flex}.icon-button{border:1px solid var(--line);width:42px;height:42px;color:var(--muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0811199e;border-radius:13px;place-items:center;font-size:17px;transition:border-color .2s,color .2s,transform .2s;display:grid}.icon-button:hover{color:var(--text);border-color:var(--line-strong);transform:translateY(-2px)}.screen{z-index:10;padding:max(82px, calc(env(safe-area-inset-top) + 72px)) clamp(18px, 5vw, 86px) max(22px, env(safe-area-inset-bottom));align-items:center;transition:opacity .34s,visibility .34s,transform .34s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.screen:not(.is-visible){visibility:hidden;opacity:0;pointer-events:none;transform:scale(1.015)}.menu-layout{grid-template-columns:minmax(0,1.12fr) minmax(310px,.7fr);align-items:center;gap:clamp(28px,6vw,94px);width:min(1160px,100%);margin:auto;display:grid}.menu-copy{padding-block-start:18px;padding-block-end:18px}.eyebrow{color:var(--lime);letter-spacing:.22em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 18px;font-size:11px;font-weight:850;display:flex}.eyebrow:before{content:"";background:currentColor;width:26px;height:1px;box-shadow:0 0 10px}.menu-copy h1{letter-spacing:-.075em;text-wrap:balance;max-width:650px;margin:0;font-size:clamp(54px,8.3vw,116px);line-height:.83}.menu-copy h1 span{color:#0000;letter-spacing:.08em;-webkit-text-stroke:1px #f4f8fb75;font-size:.52em;display:block}.title-en{color:#f4f8fb8a;letter-spacing:.47em;margin:22px 0 0 4px;font-size:clamp(10px,1.15vw,14px);font-weight:750}.tagline{color:#bac7d1;max-width:520px;margin:25px 0 28px;font-size:clamp(15px,1.5vw,18px);line-height:1.72}.feature-row{flex-wrap:wrap;gap:9px;margin-top:24px;display:flex}.feature{min-height:30px;color:var(--muted);background:#08121b75;border:1px solid #acc9da1f;border-radius:999px;align-items:center;gap:7px;padding:0 11px;font-size:11px;display:inline-flex}.feature i{background:var(--lime);width:5px;height:5px;box-shadow:0 0 8px var(--lime);border-radius:50%}.launch-card{border-radius:26px;padding:28px;position:relative;overflow:hidden}.launch-card:before{content:"";filter:blur(18px);background:#9bf43c14;border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;right:-100px}.arena-preview{perspective:400px;background:linear-gradient(#39d9ff0e 1px,#0000 1px) 0 0/32px 32px,linear-gradient(90deg,#39d9ff0e 1px,#0000 1px) 0 0/32px 32px,radial-gradient(circle at 56% 48%,#173044 0,#0b1822 52%,#071018 100%);border:1px solid #acc9da1f;border-radius:19px;height:188px;margin:-4px -4px 26px;position:relative;overflow:hidden}#skin-preview-canvas{z-index:2;filter:drop-shadow(0 0 18px #39d9ff1f);pointer-events:none;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#skin-preview-name{z-index:4;color:#edf8ff;letter-spacing:.12em;text-align:center;text-shadow:0 1px 5px #000c;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#040c12ad;border:1px solid #acc9da2e;border-radius:999px;min-width:86px;padding:5px 12px;font-size:10px;font-weight:800;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0003,inset 0 1px #ffffff0d}.preview-orb{background:radial-gradient(circle at 34% 27%,#f2ffe4 0 4%,#baff6d 7%,#0000 22%),radial-gradient(circle at 38% 34%,#b9ff6d,#70db1d 47%,#2a6815 76%,#102914 100%);border:2px solid #e1ffc4b8;border-radius:50%;width:92px;height:92px;animation:4s ease-in-out infinite orbFloat;position:absolute;top:45px;left:calc(50% - 46px);box-shadow:0 0 16px #9bf43c85,0 0 70px #9bf43c38,inset -15px -18px 24px #00000061}.preview-orb:before,.preview-orb:after{content:"";background:#0c2a20;border-radius:9px;width:15px;height:9px;position:absolute;top:37px;box-shadow:inset 3px 2px #ffffff8f}.preview-orb:before{left:23px}.preview-orb:after{right:23px}.preview-ring{border:1px solid #39d9ff52;border-radius:50%;width:130px;height:110px;animation:7s linear infinite ringSpin;position:absolute;top:35px;left:calc(50% - 65px);transform:rotate(-12deg)scaleY(.38)}.preview-dot{background:var(--cyan);border-radius:50%;width:7px;height:7px;animation:5s ease-in-out infinite dotDrift;position:absolute;box-shadow:0 0 12px}.preview-dot:nth-of-type(2){color:#ffb84a;background:currentColor;top:34px;left:20%}.preview-dot:nth-of-type(3){color:#fe6dd2;background:currentColor;animation-delay:-2s;bottom:28px;right:18%}.preview-dot:nth-of-type(4){width:4px;height:4px;color:var(--cyan);background:currentColor;animation-delay:-3.2s;top:28px;right:16%}.field{gap:9px;margin-bottom:20px;display:grid}.field>span,.skin-label{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:750}.name-input{border:1px solid var(--line);width:100%;height:50px;color:var(--text);background:#040b11a8;border-radius:14px;outline:none;padding:0 15px;font-weight:700;transition:border-color .2s,box-shadow .2s}.name-input:hover,.name-input:focus{border-color:#9bf43c70;box-shadow:0 0 0 4px #9bf43c12}.skin-label{margin-bottom:11px;display:block}.skin-picker-head{justify-content:space-between;align-items:center;gap:12px;min-height:29px;margin-bottom:8px;display:flex}.skin-picker-head .skin-label{margin:0}#skin-more{color:#aeeeff;letter-spacing:.06em;white-space:nowrap;background:#081821a3;border:1px solid #39d9ff2e;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:0 10px;font-size:9px;font-weight:800;transition:color .2s,border-color .2s,background .2s,box-shadow .2s,transform .2s;display:inline-flex}#skin-more:hover,#skin-more[aria-expanded=true]{color:#e5fbff;background:#0f2a36cc;border-color:#39d9ff75;box-shadow:0 0 18px #39d9ff1f}#skin-more:active{transform:scale(.96)}#skin-options{overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scrollbar-color:#39d9ff47 transparent;scrollbar-width:thin;touch-action:pan-x;grid-template-rows:1fr;grid-auto-columns:76px;grid-auto-flow:column;gap:9px;margin:0 -2px 16px;padding:3px 2px 10px;scroll-padding-inline:2px;display:grid;overflow:auto hidden}#skin-options::-webkit-scrollbar{height:4px}#skin-options::-webkit-scrollbar-track{background:0 0}#skin-options::-webkit-scrollbar-thumb{background:#39d9ff3d;border-radius:999px}#skin-options.expanded{scroll-snap-type:none;touch-action:pan-y;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-columns:auto;grid-auto-flow:row;max-height:min(276px,32vh);padding-right:5px;overflow:hidden auto}#skin-options .skin-option[hidden]{display:none}.skin-option{border:1px solid var(--line);scroll-snap-align:start;background:radial-gradient(circle at 50% 15%,#39d9ff14,#0000 56%),#050d14a3;border-radius:15px;grid-template-rows:48px auto;place-items:center;gap:4px;min-width:0;min-height:77px;padding:6px 5px 7px;transition:border-color .2s,background .2s,box-shadow .2s,filter .2s,transform .2s;display:grid;position:relative;overflow:hidden}.skin-option:after{content:"";background:linear-gradient(90deg, transparent, var(--skin-color,var(--cyan)), transparent);opacity:0;height:1px;transition:opacity .2s;position:absolute;top:auto;bottom:0;left:16%;right:16%}.skin-option:hover{z-index:1;filter:brightness(1.08);background:radial-gradient(circle at 50% 15%,#39d9ff26,#0000 60%),#09161fd6;border-color:#ace1ef5c;transform:translateY(-2px)scale(1.025);box-shadow:0 8px 22px #0003}.skin-option:focus-visible{z-index:1;filter:brightness(1.08);background:radial-gradient(circle at 50% 15%,#39d9ff26,#0000 60%),#09161fd6;border-color:#ace1ef5c;transform:translateY(-2px)scale(1.025);box-shadow:0 8px 22px #0003}.skin-option:active{transform:scale(.96)}.skin-option[aria-pressed=true]{border-color:var(--skin-color,var(--lime));background:radial-gradient(circle at 50% 16%, color-mix(in srgb, var(--skin-color,var(--lime)) 20%, transparent), transparent 62%), #0b1b22eb;box-shadow:0 0 0 1px color-mix(in srgb, var(--skin-color,var(--lime)) 26%, transparent), 0 0 20px color-mix(in srgb, var(--skin-color,var(--lime)) 18%, transparent), inset 0 1px #ffffff0f}.skin-option[aria-pressed=true]:after{opacity:.9}.skin-option canvas.skin-thumb{width:48px;height:48px;filter:drop-shadow(0 0 8px color-mix(in srgb, var(--skin-color,var(--cyan)) 42%, transparent));pointer-events:none;display:block}.skin-option strong{color:#bdcbd4;letter-spacing:.03em;text-align:center;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;width:100%;font-size:9px;font-weight:780;line-height:1.15;display:block;overflow:hidden}.skin-option[aria-pressed=true] strong{color:#f5fbff}.mode-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 18px;display:grid}.mode-option{border:1px solid var(--line);color:#91a2b2;text-align:left;background:#050d14a3;border-radius:14px;align-content:center;gap:4px;min-height:66px;padding:10px 12px;transition:color .2s,border-color .2s,background .2s,box-shadow .2s,transform .2s;display:grid;position:relative;overflow:hidden}.mode-option:before{content:"";border:1px solid #acc9da57;border-radius:50%;width:7px;height:7px;transition:border-color .2s,background .2s,box-shadow .2s;position:absolute;top:50%;right:10px;transform:translateY(-50%);box-shadow:0 0 0 3px #39d9ff00}.mode-option:hover{color:#d9e8ef;background:#091922c7;border-color:#39d9ff57;transform:translateY(-1px)}.mode-option:focus-visible{color:#d9e8ef;background:#091922c7;border-color:#39d9ff57;transform:translateY(-1px)}.mode-option:active{transform:scale(.98)}.mode-option[aria-pressed=true],.mode-option[aria-checked=true],.mode-option.is-selected{color:#edffda;background:linear-gradient(135deg,#9bf43c1f,#39d9ff0b),#08171bdb;border-color:#9bf43c7a;box-shadow:0 0 20px #9bf43c17,inset 0 1px #ffffff0d}.mode-option[aria-pressed=true]:before,.mode-option[aria-checked=true]:before,.mode-option.is-selected:before{border-color:var(--lime);background:var(--lime);box-shadow:0 0 0 3px #9bf43c1a,0 0 9px #9bf43c9e}.mode-option strong{color:inherit;letter-spacing:.06em;padding-right:14px;font-size:11px;font-weight:850}.mode-option span,.mode-option small{color:#6f8493;padding-right:14px;font-size:9px;line-height:1.35}.skin-grid{grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:22px;display:grid}.skin{border:1px solid var(--line);background:#050d1494;border-radius:14px;place-items:center;height:54px;transition:border-color .2s,background .2s,transform .2s;display:grid;position:relative}.skin:hover{transform:translateY(-2px)}.skin[aria-pressed=true]{border-color:var(--skin-color);background:#15281fb8;box-shadow:inset 0 0 0 1px #ffffff0d}.skin i{background:radial-gradient(circle at 34% 28%, white 0 5%, transparent 7%), radial-gradient(circle at 38% 34%, #ffffff52, var(--skin-color) 56%, #132118);width:27px;height:27px;box-shadow:0 0 14px var(--skin-color);border:1px solid #ffffff6b;border-radius:50%}.primary-button{color:#12200c;letter-spacing:.06em;background:linear-gradient(135deg,#b4ff62,#75df1e 60%,#5ac415);border-radius:15px;justify-content:space-between;align-items:center;width:100%;min-height:54px;padding:0 18px 0 21px;font-size:14px;font-weight:900;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 13px 32px #68db1933,inset 0 1px #ffffff8f}.primary-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff57,#0000);width:65%;height:100%;transition:left .55s;position:absolute;top:0;left:-100%;transform:skew(-22deg)}.primary-button:hover{transform:translateY(-2px);box-shadow:0 17px 38px #68db1942,inset 0 1px #ffffff8f}.primary-button:hover:before{left:145%}.primary-button .arrow{background:#0d1e071f;border-radius:10px;place-items:center;width:30px;height:30px;font-size:17px;display:grid}.card-foot{color:#718593;letter-spacing:.08em;justify-content:space-between;gap:12px;margin:15px 2px 0;font-size:9px;display:flex}.hud{z-index:8;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .28s;position:fixed;top:0;bottom:0;left:0;right:0}.game[data-phase=playing] .hud,.game[data-phase=paused] .hud{opacity:1;visibility:visible}.hud button{pointer-events:auto}.hud-left,.leaderboard,.minimap-card,.skill-bar,.status-row{position:absolute}.hud-left{top:max(18px, env(safe-area-inset-top));left:max(18px, env(safe-area-inset-left));align-items:stretch;gap:8px;display:flex}.pause{width:46px;color:var(--muted);border-radius:14px;place-items:center;display:grid}.pause-icon{gap:4px;display:flex}.pause-icon i{background:currentColor;border-radius:2px;width:3px;height:13px;display:block}.mission{border-radius:14px;align-items:center;gap:20px;min-width:242px;padding:10px 15px;display:flex}.mission>div{gap:3px;display:grid}.mission span,.mission small{color:var(--muted);letter-spacing:.13em;font-size:9px;font-weight:700}.mission strong{font-variant-numeric:tabular-nums;font-size:17px}.mission .timer{color:var(--text)}.mission .timer.is-low{color:var(--warning)}.mission .hud-mode{color:#a9edff;letter-spacing:.08em;white-space:nowrap;background:#0412199e;border:1px solid #39d9ff33;border-radius:999px;align-items:center;width:-moz-fit-content;width:fit-content;min-height:18px;margin-left:4px;padding:0 7px;font-size:7px;font-weight:850;line-height:1;display:inline-flex}.rank-pill{border-radius:14px;align-content:center;padding:8px 14px}.rank-pill span{color:var(--muted);letter-spacing:.12em;font-size:9px;font-weight:700}.rank-pill strong{color:var(--lime);margin-top:2px;font-size:18px;display:block}.leaderboard{top:max(18px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));border-radius:16px;width:214px;padding:15px}.board-heading{color:var(--muted);letter-spacing:.14em;justify-content:space-between;align-items:center;margin-bottom:11px;font-size:9px;font-weight:800;display:flex}.board-heading i{background:var(--lime);width:6px;height:6px;box-shadow:0 0 10px var(--lime);border-radius:50%;animation:1.6s ease-out infinite livePulse}.board-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.board-list li{color:#bac6cf;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:23px;font-size:10px;display:grid}.board-list li.is-player{color:var(--lime);font-weight:850}.board-list b{color:#617584;font-size:9px}.board-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-list em{font-variant-numeric:tabular-nums;font-style:normal}.minimap-card{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));border-radius:15px;width:164px;padding:9px}#minimap{background:#02080da3;border-radius:9px;width:146px;height:98px;display:block}.map-label{color:#6f8493;letter-spacing:.14em;justify-content:space-between;align-items:center;margin-top:7px;font-size:8px;font-weight:800;display:flex}.map-label i{background:var(--lime);width:4px;height:4px;box-shadow:0 0 6px var(--lime);border-radius:50%}.skill-bar{left:max(18px, env(safe-area-inset-left));bottom:max(18px, env(safe-area-inset-bottom));gap:8px;display:flex}.skill{border-radius:14px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;min-width:142px;padding:9px 11px;display:grid}.skill-key{border:1px solid var(--line);color:#c8d5dd;background:#02080d85;border-radius:10px;place-items:center;width:34px;height:34px;font-size:9px;font-weight:850;display:grid}.skill-copy{gap:4px;display:grid}.skill-copy span{font-size:10px;font-weight:800}.skill-track{background:#ffffff17;border-radius:9px;width:58px;height:3px;overflow:hidden}.skill-track i{border-radius:inherit;background:var(--lime);width:100%;height:100%;box-shadow:0 0 6px var(--lime);transform-origin:0;display:block}.skill small{color:#617584;font-size:8px}#merge-state,.merge-mobile{color:#8bdff3;font-variant-numeric:tabular-nums;letter-spacing:.03em;white-space:nowrap;background:#05141ca8;border:1px solid #39d9ff29;border-radius:999px;justify-content:center;align-items:center;min-height:19px;padding:0 7px;font-size:8px;font-weight:800;line-height:1;transition:color .2s,border-color .2s,box-shadow .2s;display:inline-flex}.merge-mobile{z-index:10;bottom:max(26px, calc(env(safe-area-inset-bottom) + 12px));pointer-events:none;opacity:0;visibility:hidden;min-height:28px;padding-inline-start:12px;padding-inline-end:12px;transition:opacity .2s,visibility .2s,color .2s;display:none;position:fixed;left:50%;transform:translate(-50%)}#merge-state.is-ready,.merge-mobile.is-ready,#merge-state[data-ready=true]{color:#caff9a;border-color:#9bf43c4d;box-shadow:0 0 12px #9bf43c14}.status-row{left:50%;bottom:max(24px, env(safe-area-inset-bottom));gap:7px;display:flex;transform:translate(-50%)}.status-chip{color:#bfefff;letter-spacing:.08em;background:#071720c2;border:1px solid #39d9ff38;border-radius:999px;align-items:center;gap:7px;min-height:31px;padding:0 12px;font-size:9px;font-weight:800;display:none}.status-chip.is-active{display:inline-flex}.status-chip i{background:var(--cyan);width:5px;height:5px;box-shadow:0 0 8px var(--cyan);border-radius:50%}.announcement{z-index:12;min-width:min(340px,100vw - 36px);color:var(--text);letter-spacing:.05em;text-align:center;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#071018d1;border:1px solid #9bf43c47;border-radius:999px;padding:12px 18px;font-size:12px;font-weight:800;position:fixed;top:25%;left:50%;transform:translate(-50%,14px)scale(.94);box-shadow:0 12px 42px #00000052}.announcement.is-visible{animation:2.25s both announce}.modal{z-index:30;opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#01060a7a;place-items:center;padding:20px;transition:opacity .25s,visibility .25s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modal.is-visible{opacity:1;visibility:visible;pointer-events:auto}.modal-card{text-align:center;border-radius:24px;width:min(430px,100%);padding:clamp(24px,4vw,36px);transition:transform .3s cubic-bezier(.2,.82,.2,1);transform:translateY(18px)scale(.97)}.modal.is-visible .modal-card{transform:none}.modal-kicker{color:var(--lime);letter-spacing:.2em;margin:0 0 11px;font-size:10px;font-weight:850}.modal-card h2{letter-spacing:-.04em;margin:0;font-size:clamp(30px,6vw,46px)}.modal-card>p:not(.modal-kicker){color:var(--muted);margin:14px auto 24px;font-size:13px;line-height:1.65}.pause-orb,.result-emblem{background:radial-gradient(circle at 36% 30%, #deffbd, var(--lime) 14%, #469b17 60%, #0e2511);border:1px solid #9bf43c6b;border-radius:50%;width:62px;height:62px;margin:0 auto 22px;position:relative;box-shadow:0 0 36px #9bf43c33}.pause-orb:before{content:"";border:0 solid #07140cc7;border-width:0 7px;position:absolute;top:19px;bottom:19px;left:19px;right:19px}.modal-actions{gap:9px;display:grid}.secondary-button,.text-button{border:1px solid var(--line);color:#c0ccd4;background:#040b118f;border-radius:14px;min-height:48px;font-size:12px;font-weight:800;transition:border-color .2s,background .2s}.secondary-button:hover{border-color:var(--line-strong);background:#101e28b8}.text-button{min-height:38px;color:var(--muted);background:0 0;border-color:#0000}.result-emblem{color:#11250b;place-items:center;font-size:24px;font-weight:950;display:grid}.result-emblem.is-loss{color:#3d1119;background:radial-gradient(circle at 36% 30%,#ffd5d6,#ff6d73 18%,#a52339 67%,#321019);border-color:#ff5e666b;box-shadow:0 0 36px #ff5e662e}.result-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0;display:grid}.result-stats div{background:#030a0f75;border:1px solid #acc9da1a;border-radius:13px;padding:13px 7px}.result-stats span{color:var(--muted);letter-spacing:.11em;margin-bottom:5px;font-size:8px;font-weight:700;display:block}.result-stats strong{font-variant-numeric:tabular-nums;font-size:17px}.score-line{justify-content:center;align-items:baseline;gap:9px;margin-top:12px;display:flex}.score-line span{color:var(--muted);letter-spacing:.12em;font-size:9px}.score-line strong{color:var(--lime);font-size:28px}.mobile-controls{z-index:9;pointer-events:none;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.joystick{left:max(22px, env(safe-area-inset-left));bottom:max(28px, env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;background:radial-gradient(circle,#acc9da14 0 34%,#0000 35%),#040c1247;border:1px solid #acc9da2e;border-radius:50%;width:112px;height:112px;position:absolute;box-shadow:inset 0 0 28px #0000003d}.joystick:before,.joystick:after{content:"";background:#acc9da14;position:absolute}.joystick:before{width:1px;top:14px;bottom:14px;left:50%}.joystick:after{height:1px;top:50%;left:14px;right:14px}.joystick-knob{z-index:2;background:radial-gradient(circle at 36% 30%,#ffffff52,#3a55639e);border:1px solid #cde7f157;border-radius:50%;width:48px;height:48px;margin:-24px;position:absolute;top:50%;left:50%;transform:translate(0);box-shadow:0 8px 22px #00000047,inset 0 1px #fff3}.mobile-actions{right:max(20px, env(safe-area-inset-right));bottom:max(27px, env(safe-area-inset-bottom));pointer-events:auto;align-items:flex-end;gap:12px;display:flex;position:absolute}.touch-action{color:#c6d2da;letter-spacing:.08em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:none;background:#08141dad;border:1px solid #acc9da38;border-radius:50%;place-items:center;width:66px;height:66px;font-size:10px;font-weight:850;display:grid;box-shadow:0 12px 24px #0000003d,inset 0 1px #ffffff14}.touch-action.split{color:#eaffd9;background:radial-gradient(circle at 35% 28%,#ffffff2e,#48871cbd);border-color:#9bf43c6b;width:82px;height:82px;box-shadow:0 0 28px #9bf43c24,0 12px 24px #0000003d}.touch-action.is-pressed{filter:brightness(1.2);transform:scale(.94)}.tutorial-tip{z-index:12;color:#a9bac5;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#060f16b8;border:1px solid #acc9da24;border-radius:999px;align-items:center;gap:10px;padding:10px 15px;font-size:10px;display:flex;position:fixed;bottom:88px;left:50%;transform:translate(-50%,10px)}.tutorial-tip.is-visible{animation:5s both tutorial}.tutorial-tip kbd{color:var(--text);font:inherit;background:#ffffff0f;border:1px solid #acc9da2e;border-radius:6px;padding:4px 7px;font-weight:900}.sr-only{clip:rect(1px, 1px, 1px, 1px)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}@keyframes orbFloat{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-9px)rotate(2deg)}}@keyframes ringSpin{to{transform:rotate(348deg)scaleY(.38)}}@keyframes dotDrift{0%,to{transform:translate(0)}50%{transform:translate(10px,-12px)}}@keyframes livePulse{0%{box-shadow:0 0 #9bf43c6b}75%,to{box-shadow:0 0 0 7px #9bf43c00}}@keyframes announce{0%,to{opacity:0;transform:translate(-50%,12px)scale(.96)}14%,76%{opacity:1;transform:translate(-50%)scale(1)}}@keyframes tutorial{0%,to{opacity:0;transform:translate(-50%,10px)}10%,78%{opacity:1;transform:translate(-50%)}}}@layer utilities{@media (max-width:900px){.menu-layout{grid-template-columns:1fr minmax(290px,.72fr);gap:30px}.menu-copy h1{font-size:clamp(58px,10vw,82px)}.leaderboard{width:190px}}@media (max-width:720px){.topbar{top:max(13px, env(safe-area-inset-top));left:15px;right:15px}.screen{padding:max(78px, calc(env(safe-area-inset-top) + 70px)) 16px max(20px, env(safe-area-inset-bottom));align-items:start;overflow-y:auto}.menu-layout{grid-template-columns:1fr;gap:24px}.menu-copy{padding:10px 4px 0}.menu-copy h1{font-size:clamp(56px,20vw,86px)}.menu-copy h1 span{font-size:.46em}.tagline{margin-block-start:18px;margin-block-end:21px;font-size:14px}.feature-row{margin-top:17px}.launch-card{border-radius:22px;padding:19px}.arena-preview{border-radius:17px;height:126px;margin:-2px -2px 18px;display:block}#skin-preview-name{min-width:78px;padding:4px 10px;font-size:9px;bottom:8px}.skin-picker-head{margin-bottom:7px}#skin-more{min-height:32px;padding-inline-start:12px;padding-inline-end:12px}#skin-options{grid-auto-columns:74px;gap:8px;margin-bottom:15px;padding-bottom:9px}#skin-options.expanded{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;overflow:visible}.skin-option{min-height:76px}.mode-options{gap:8px;margin-bottom:16px}.mode-option{min-height:68px;padding:9px 10px}.card-foot{display:none}.hud-left{top:max(12px, env(safe-area-inset-top));left:12px;right:12px}.pause{width:42px}.mission{flex:1;justify-content:space-between;gap:10px;min-width:0;padding-inline-start:12px;padding-inline-end:12px}.mission .hud-mode{text-overflow:ellipsis;max-width:72px;padding-inline-start:5px;padding-inline-end:5px;font-size:6px;overflow:hidden}.rank-pill{padding-inline-start:11px;padding-inline-end:11px}.leaderboard{top:max(70px, calc(env(safe-area-inset-top) + 62px));opacity:.84;width:148px;padding:10px;right:12px}.board-list li{grid-template-columns:16px minmax(0,1fr) auto;min-height:19px;font-size:8px}.board-list li:nth-child(n+6),.minimap-card,.skill-bar,.status-row{display:none}.mobile-controls{opacity:0;visibility:hidden;transition:opacity .2s;display:block}.game[data-phase=playing] .mobile-controls{opacity:1;visibility:visible}.merge-mobile{display:inline-flex}.game[data-phase=playing] .merge-mobile{opacity:1;visibility:visible}.tutorial-tip{bottom:134px}.result-stats strong{font-size:15px}}@media (hover:none) and (pointer:coarse){.skill-bar,.status-row{display:none}.mobile-controls{opacity:0;visibility:hidden;transition:opacity .2s;display:block}.game[data-phase=playing] .mobile-controls{opacity:1;visibility:visible}.merge-mobile{display:inline-flex}.game[data-phase=playing] .merge-mobile{opacity:1;visibility:visible}}@media (max-height:700px) and (min-width:721px){.screen{align-items:start;padding-top:70px;padding-bottom:18px;overflow-y:auto}.arena-preview{height:145px;margin-bottom:16px}.preview-orb{top:27px}#skin-preview-name{bottom:8px}.preview-ring{top:17px}.launch-card{padding:22px}.menu-copy h1{font-size:min(13vh,90px)}.tagline{margin-block-start:16px;margin-block-end:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}