:root{--bg-abyss: #050811;--bg-obsidian: rgba(10, 16, 29, .78);--bg-obsidian-strong: rgba(7, 12, 24, .92);--border-glass: rgba(110, 215, 255, .24);--border-gold: rgba(255, 196, 77, .45);--ally-cyan: #00f0ff;--ally-emerald: #19f5aa;--enemy-crimson: #ff3366;--arcane-violet: #b56bff;--solar-gold: #ffbe3d;--text-primary: #eef7ff;--text-muted: #8aa4c2;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--font-display: "Rajdhani", "Orbitron", "Segoe UI", system-ui, sans-serif;--font-ui: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--bg-abyss);color:var(--text-primary);font-family:var(--font-display);touch-action:none;overscroll-behavior:none}.moba-viewport{position:fixed;top:0;right:0;bottom:0;left:0;width:100dvw;height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 50%,#0d1b32,#050811)}.moba-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.moba-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;padding:max(8px,var(--safe-top)) max(14px,var(--safe-right)) max(10px,var(--safe-bottom)) max(14px,var(--safe-left))}.moba-panel{pointer-events:auto;background:var(--bg-obsidian);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);box-shadow:0 10px 28px #0000008c,inset 0 1px #ffffff1f}.hud-minimap-wrap{position:absolute;top:max(10px,var(--safe-top));left:max(12px,var(--safe-left));width:clamp(112px,16vw,154px);aspect-ratio:1.55 / 1;border-radius:10px;overflow:hidden;border:1.5px solid rgba(0,240,255,.38);box-shadow:0 8px 24px #000000a6,0 0 16px #00f0ff26;background:#060e1ae6;pointer-events:auto}.hud-minimap-wrap:after{content:"TAC-MAP // SECTOR 07";position:absolute;bottom:3px;right:6px;font-size:8px;letter-spacing:.14em;color:#8ee0ffa6;pointer-events:none}.hud-scoreboard{position:absolute;top:max(8px,var(--safe-top));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:5px 18px;border-radius:0 0 16px 16px;clip-path:polygon(0 0,100% 0,93% 100%,7% 100%);background:linear-gradient(180deg,#0c162af0,#070d1ad9);border:1px solid rgba(110,215,255,.3);box-shadow:0 8px 24px #0009;pointer-events:auto}.score-team{display:flex;align-items:center;gap:6px;font-weight:800;font-size:clamp(16px,2.4vw,22px);letter-spacing:.04em}.score-team.ally{color:var(--ally-cyan);text-shadow:0 0 12px rgba(0,240,255,.55)}.score-team.enemy{color:var(--enemy-crimson);text-shadow:0 0 12px rgba(255,51,102,.55)}.score-clock{padding:2px 10px;border-radius:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);font-size:clamp(13px,1.9vw,16px);font-weight:700;letter-spacing:.12em;color:var(--text-primary)}.hud-hero-status{position:absolute;bottom:max(12px,var(--safe-bottom));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:14px;min-width:clamp(230px,34vw,330px)}.hero-avatar-badge{position:relative;width:44px;height:44px;border-radius:10px;border:1.5px solid var(--ally-cyan);background:radial-gradient(circle at 30% 30%,#17345b,#081120);box-shadow:0 0 14px #00f0ff4d;flex-shrink:0;overflow:hidden}.hero-level-pill{position:absolute;bottom:-2px;right:-2px;background:linear-gradient(135deg,#ffbe3d,#ff7b00);color:#090d16;font-weight:900;font-size:10px;padding:1px 5px;border-radius:6px 0}.hero-bars{flex:1;display:flex;flex-direction:column;gap:4px}.bar-track{position:relative;height:11px;background:#03070fd9;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}.bar-track.energy{height:7px}.bar-fill-hp{height:100%;background:linear-gradient(90deg,#00d98b,#28ffc3);box-shadow:0 0 10px #19f5aa99;transition:width .12s ease-out}.bar-fill-energy{height:100%;background:linear-gradient(90deg,#08f,#00f0ff);box-shadow:0 0 8px #00f0ff80;transition:width .12s ease-out}.hud-joystick-zone{position:absolute;left:max(18px,var(--safe-left));bottom:max(18px,var(--safe-bottom));width:clamp(120px,19vw,156px);height:clamp(120px,19vw,156px);pointer-events:auto}.joystick-ring{position:relative;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#00f0ff0d,#081122a6 75%);border:1.5px solid rgba(0,240,255,.32);box-shadow:inset 0 0 22px #00f0ff24,0 8px 24px #0000008c;display:flex;align-items:center;justify-content:center}.joystick-puck{width:44%;height:44%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8bf8ff,#00a8cc 65%,#005073);border:2px solid #d8fcff;box-shadow:0 0 18px #00f0ffbf,0 4px 12px #000000a6;transition:transform .03s linear}.hud-combat-cluster{position:absolute;right:max(16px,var(--safe-right));bottom:max(14px,var(--safe-bottom));width:clamp(190px,28vw,245px);height:clamp(165px,25vw,215px);pointer-events:none}.btn-strike{pointer-events:auto;position:absolute;right:4px;bottom:4px;width:clamp(74px,11.5vw,94px);height:clamp(74px,11.5vw,94px);border-radius:50%;border:2.5px solid var(--solar-gold);background:radial-gradient(circle at 35% 30%,#ffd76e59,#18223aeb 70%);box-shadow:0 0 24px #ffbe3d73,inset 0 0 16px #ffbe3d4d;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .08s ease,box-shadow .12s ease}.btn-strike:active{transform:scale(.91);box-shadow:0 0 32px #ffbe3dd9}.btn-skill{pointer-events:auto;position:absolute;width:clamp(50px,7.6vw,62px);height:clamp(50px,7.6vw,62px);border-radius:50%;border:2px solid rgba(0,240,255,.65);background:radial-gradient(circle at 30% 25%,#00f0ff47,#0a1223f0 75%);box-shadow:0 6px 18px #000000a6,0 0 14px #00f0ff47;color:var(--text-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:transform .08s ease,border-color .15s ease}.btn-skill:active{transform:scale(.9)}.btn-skill.ult{border-color:var(--arcane-violet);box-shadow:0 6px 18px #000000a6,0 0 18px #b56bff73}.btn-skill.slot-1{right:clamp(92px,14vw,118px);bottom:4px}.btn-skill.slot-2{right:clamp(74px,11.2vw,96px);bottom:clamp(66px,10vw,84px)}.btn-skill.slot-3{right:clamp(12px,2vw,18px);bottom:clamp(92px,14vw,116px)}.skill-cooldown-sweep{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(rgba(4,8,18,.86) var(--cd, 0deg),transparent 0deg);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff;pointer-events:none}.hud-announcer{position:absolute;top:clamp(54px,11vh,78px);left:50%;transform:translate(-50%);padding:6px 26px;background:linear-gradient(90deg,transparent,rgba(10,20,40,.92) 20%,rgba(10,20,40,.92) 80%,transparent);border-top:1px solid rgba(0,240,255,.45);border-bottom:1px solid rgba(255,190,61,.45);font-size:clamp(14px,2.3vw,20px);font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#fff;text-shadow:0 0 16px rgba(0,240,255,.75);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.portrait-rotate-hint{display:none}@media(orientation:portrait)and (max-width:680px){.portrait-rotate-hint{position:fixed;top:max(8px,var(--safe-top));right:max(8px,var(--safe-right));z-index:80;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#0a1224e0;border:1px solid rgba(0,240,255,.4);font-size:11px;letter-spacing:.08em;color:var(--ally-cyan);pointer-events:none}}:root{--u: clamp(44px, 15.5vh, 66px);--pad-x: max(14px, var(--safe-left));--pad-y: max(8px, var(--safe-top));--ink: #eaf6ff;--ink-dim: #86a1b6;--line: rgba(120,200,235,.28);--glass: linear-gradient(180deg, rgba(14,26,44,.82), rgba(6,11,22,.88));--cyan: #19e9ff;--red: #ff4468;--gold: #ffc65a;--violet: #b987ff;--mint: #2cf5b0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}button{font:inherit;color:inherit}.hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;color:var(--ink);font-variant-numeric:tabular-nums;text-shadow:0 1px 6px rgba(2,6,19,.9)}.hud>*{position:absolute}.hud:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(3,6,14,.55),transparent 22%),linear-gradient(0deg,rgba(3,6,14,.6),transparent 30%)}.score,.minimap,.hero{--cut:8px;background:var(--line);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}.score:before,.minimap:before,.hero:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:0;background:var(--glass);clip-path:inherit}.score>*,.hero>*{position:relative;z-index:1}.brand{top:calc(var(--pad-y) + 2px);left:var(--pad-x);font-size:12px;font-weight:800;letter-spacing:.3em;opacity:.9}.brand b{color:var(--cyan)}.brand small{display:block;margin-top:2px;font-size:7px;letter-spacing:.28em;color:var(--ink-dim);font-weight:600}.score{top:var(--pad-y);left:50%;transform:translate(-50%);display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto auto;align-items:center;justify-items:center;column-gap:12px;row-gap:0;padding:4px 22px 3px;--cut:10px}.score:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;z-index:2;background:linear-gradient(90deg,var(--cyan) 50%,var(--red) 50%);opacity:.9}.score span{font-size:clamp(20px,6.4vh,26px);font-weight:900;line-height:1;letter-spacing:.02em;min-width:1.2ch;text-align:center}.score span:first-child{color:var(--cyan);text-shadow:0 0 12px rgba(25,233,255,.55)}.score span:nth-of-type(2){color:var(--red);text-shadow:0 0 12px rgba(255,68,104,.55)}.score i{font-style:normal;color:var(--gold);font-size:13px;opacity:.9}.score em{grid-column:1 / -1;grid-row:2;font-style:normal;font-size:10px;font-weight:700;letter-spacing:.22em;color:var(--ink-dim);padding:1px 0 3px}.score span:first-child{grid-column:1;grid-row:1}.score i{grid-column:2;grid-row:1}.score span:nth-of-type(2){grid-column:3;grid-row:1}.minimap{top:calc(var(--pad-y) + 26px);left:var(--pad-x);width:clamp(116px,31vh,150px);aspect-ratio:1.55/1;--cut:10px;overflow:hidden}.minimap:before{background:radial-gradient(circle at 12% 70%,rgba(25,233,255,.28),transparent 45%),radial-gradient(circle at 90% 25%,rgba(255,68,104,.28),transparent 45%),repeating-linear-gradient(0deg,rgba(130,200,235,.07) 0 1px,transparent 1px 14px),repeating-linear-gradient(90deg,rgba(130,200,235,.07) 0 1px,transparent 1px 14px),linear-gradient(135deg,#0a2236,#150d1e)}.minimap:after{content:"TAC-MAP";position:absolute;right:7px;bottom:3px;z-index:3;font-size:7px;letter-spacing:.24em;color:#96d7f08c;font-weight:700}.route{position:absolute;z-index:1;left:-8%;top:50%;width:116%;height:0;transform:rotate(-24deg);border-top:3px solid rgba(190,120,160,.45);filter:drop-shadow(0 0 4px rgba(190,120,160,.5))}.dot{position:absolute;z-index:2;width:7px;height:7px;border-radius:50%;left:calc(var(--x,50) * 1%);top:calc(var(--y,50) * 1%);transform:translate(-50%,-50%);color:var(--red);background:currentColor;box-shadow:0 0 7px currentColor}.dot.ally{color:var(--cyan)}.dot.minion{width:3px;height:3px;box-shadow:none;opacity:.85}.dot.tower,.dot.nexus{border-radius:1px;width:8px;height:8px;transform:translate(-50%,-50%) rotate(45deg)}.dot.nexus{width:11px;height:11px}.dot.you{width:9px;height:9px;color:var(--cyan);background:#fff;outline:2px solid var(--cyan);outline-offset:2px}.dot.dead{opacity:.25;filter:grayscale(1)}.you:not([style]){left:24%;top:70%}.enemy:not([style]){left:80%;top:24%}.minimap .view{position:absolute;z-index:2;border:1px solid rgba(255,255,255,.4);border-radius:2px;left:calc(var(--x,0)*1%);top:calc(var(--y,0)*1%);width:calc(var(--w,24)*1%);height:calc(var(--h,40)*1%);transform:translate(-50%,-50%)}.feed{top:calc(var(--pad-y) + 46px);left:50%;transform:translate(-50%);max-width:60vw;text-align:center;white-space:nowrap;font-size:clamp(13px,4.4vh,19px);font-weight:900;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);padding:4px 28px;background:linear-gradient(90deg,transparent,rgba(8,14,28,.82) 22%,rgba(8,14,28,.82) 78%,transparent);text-shadow:0 0 14px rgba(255,190,70,.6),0 1px 4px #000}.feed:empty{display:none}.feed:not(:empty){animation:announce .28s cubic-bezier(.2,.9,.3,1.2) both}.feed.ally{color:var(--cyan);text-shadow:0 0 14px rgba(25,233,255,.6),0 1px 4px #000}.feed.enemy{color:var(--red);text-shadow:0 0 14px rgba(255,68,104,.6),0 1px 4px #000}.feed small{display:block;font-size:.55em;letter-spacing:.3em;color:var(--ink-dim);font-weight:700}@keyframes announce{0%{opacity:0;transform:translate(-50%) scale(1.25)}to{opacity:1;transform:translate(-50%) scale(1)}}.hero{left:50%;transform:translate(-50%);bottom:max(10px,var(--safe-bottom));display:flex;align-items:center;gap:10px;padding:7px 14px 7px 8px;--cut:12px;width:clamp(190px,36vw,290px)}.portrait{flex:none;position:relative;width:clamp(44px,15vh,58px);aspect-ratio:1;display:grid;place-items:center;font-size:24px;font-weight:900;color:#dff9ff;background:radial-gradient(circle at 50% 25%,#2b6f9a,#07101d 70%);border:2px solid var(--cyan);clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);box-shadow:inset 0 0 14px #19e9ff4d}.portrait img,.portrait svg,.portrait canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.portrait span{position:absolute;right:0;bottom:0;z-index:2;min-width:19px;height:17px;padding:0 4px;display:grid;place-items:center;font-size:11px;font-weight:900;color:#1a1004;background:linear-gradient(135deg,#ffd77a,#ff9d1c);border-radius:6px 0 0;text-shadow:none}.bars{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.bars b{font-size:9px;font-weight:800;letter-spacing:.18em;color:#cfe6f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar{position:relative;height:10px;margin:0;overflow:hidden;background:#02060ed9;border:1px solid rgba(160,215,240,.22);border-radius:2px;transform:skew(-14deg)}.bar i{display:block;height:100%;width:calc(var(--v,100) * 1%);transition:width .16s ease-out}.bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0 17px,rgba(0,0,0,.45) 17px 18px)}.bar.hp{height:12px}.hp i{background:linear-gradient(90deg,#15d68f,#5dffc9);box-shadow:0 0 10px #2cf5b08c}.hp.low i{background:linear-gradient(90deg,#ff3d5f,#ff8a6b);animation:pulse .7s ease-in-out infinite alternate}.bar .hp-text{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;font-size:8px;font-weight:800;transform:skew(14deg);letter-spacing:.06em}.bar.xp,.bar.mana{height:5px}.xp i,.mana i{background:linear-gradient(90deg,#8a63ff,#d1a8ff);box-shadow:0 0 8px #b987ff8c}@keyframes pulse{to{opacity:.55}}.bars small{display:flex;gap:10px;align-items:center;margin-top:1px;font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--ink-dim);line-height:1.1;white-space:nowrap}.bars small .gold,.bars small:first-line{color:var(--gold)}.bars small .gold{display:inline-flex;gap:3px;align-items:center}.joy{left:max(22px,calc(var(--safe-left) + 14px));bottom:max(14px,var(--safe-bottom));width:clamp(92px,32vh,124px);aspect-ratio:1;border-radius:50%;border:1.5px solid rgba(120,215,245,.38);background:radial-gradient(circle,rgba(25,233,255,.1) 0 32%,transparent 33%),conic-gradient(from 45deg,rgba(25,233,255,.28) 0 6%,transparent 6% 25%,rgba(25,233,255,.28) 25% 31%,transparent 31% 50%,rgba(25,233,255,.28) 50% 56%,transparent 56% 75%,rgba(25,233,255,.28) 75% 81%,transparent 81%),#050c1680;box-shadow:inset 0 0 24px #19e9ff1a}.stick{position:absolute;width:42%;height:42%;left:29%;top:29%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#a8fbff,#12b7d4 62%,#04526b);border:2px solid #c9fcff;box-shadow:0 0 16px #19e9ff99,0 4px 10px #0009;opacity:.82}.skills{right:max(16px,var(--safe-right));bottom:max(8px,var(--safe-bottom));width:calc(var(--u) * 3.1);height:calc(var(--u) * 3.1);pointer-events:none}.skills button{--size:var(--u);--accent:var(--cyan);position:absolute;width:var(--size);height:var(--size);padding:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:50%;border:2px solid var(--accent);pointer-events:auto;touch-action:none;font-size:calc(var(--size) * .36);font-weight:900;line-height:1;color:#fff;background:radial-gradient(circle at 35% 25%,color-mix(in srgb,var(--accent) 38%,#14243a),#060d19 72%);box-shadow:0 6px 16px #0009,0 0 16px color-mix(in srgb,var(--accent) 38%,transparent),inset 0 0 10px color-mix(in srgb,var(--accent) 30%,transparent);transition:transform .08s ease,filter .15s;text-shadow:0 1px 3px #000}.skills button:active{transform:scale(.9)}.skills small{font-size:calc(var(--size) * .135);letter-spacing:.14em;font-weight:800;color:color-mix(in srgb,var(--accent) 55%,#fff);opacity:.95}.skills .attack{--size:calc(var(--u) * 1.38);--accent:var(--gold);right:0;bottom:0;font-size:calc(var(--u) * .56)}.skills [data-s=q]{right:calc(var(--u) * 1.8);bottom:calc(var(--u) * .2)}.skills [data-s=e]{right:calc(var(--u) * 1.4);bottom:calc(var(--u) * 1.3)}.skills [data-s=b]{--size:calc(var(--u) * .62);--accent:#6e91a8;right:calc(var(--u) * 2.45);bottom:calc(var(--u) * 1.32)}.skills .ult{--accent:var(--violet);--size:calc(var(--u) * 1.08);right:calc(var(--u) * .16);bottom:calc(var(--u) * 1.78)}.skills .cd{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;z-index:1;background:conic-gradient(rgba(3,7,16,.82) calc(var(--cd,0) * 1%),transparent 0);display:none}.skills .cd-num{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:none;place-items:center;font-size:calc(var(--size) * .38);font-style:normal;font-weight:900;color:#fff;pointer-events:none}.skills .is-cooling{--accent:#4c6479;filter:saturate(.5)}.skills .is-cooling:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:conic-gradient(rgba(3,7,16,.82) calc(var(--cd,0) * 1%),transparent 0);pointer-events:none}.skills .is-cooling .cd{display:block}.skills .is-cooling .cd-num{display:grid}.skills .is-cooling small,.skills .is-cooling .key{opacity:.35}.skills .is-ready{animation:ready .5s ease-out 1}@keyframes ready{40%{box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 45%,transparent),0 0 28px var(--accent)}}.skills .no-mana{--accent:#5a6475}.death{top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:radial-gradient(ellipse at center,#28061026 30%,#3c04148c);backdrop-filter:grayscale(.85) brightness(.75);-webkit-backdrop-filter:grayscale(.85) brightness(.75);text-align:center}.death b{font-size:clamp(20px,7vh,30px);letter-spacing:.4em;color:var(--red);font-weight:900;text-shadow:0 0 22px rgba(255,68,104,.7)}.death span{font-size:11px;letter-spacing:.3em;color:#f0cdd6;font-weight:700}.death i{font-style:normal;color:#fff;font-size:1.6em;margin-left:.4em}.hud.is-dead .death{display:flex;animation:fade .3s both}.hud.is-dead .skills button{filter:grayscale(1) brightness(.55);pointer-events:none}.hud.is-dead .portrait{filter:grayscale(1);border-color:#7a8794}.hud.is-dead .hero{filter:saturate(.4)}@keyframes fade{0%{opacity:0}}@media(max-height:380px){.brand{display:none}.minimap{top:calc(var(--pad-y) + 4px)}.hero{width:clamp(180px,32vw,250px);padding:5px 12px 5px 6px}.bars small{font-size:9px}}@media(min-height:560px){:root{--u:68px}.brand{font-size:14px}}@media(max-width:600px)and (orientation:portrait){.start:after{content:"横向きにしてプレイ";position:absolute;bottom:12%;font-size:11px;color:var(--gold)}:root{--u:50px}.brand{display:none}.hero{left:10px;transform:none;bottom:8px;width:auto;max-width:54vw}.joy{left:10px;bottom:84px}.skills{right:6px}}.start,.result{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px;background:radial-gradient(ellipse at center,#0a223899,#03060ded 72%)}.eyebrow{color:#6ccbe8;letter-spacing:.4em;font-size:10px;font-weight:800}.start h1,.result h1{margin:clamp(8px,3vh,18px) 0;font-size:clamp(44px,17vh,100px);line-height:.82;letter-spacing:.14em;font-style:italic;font-weight:900}.start h1 span{color:var(--cyan);text-shadow:0 0 28px rgba(25,233,255,.8)}.start p,.result p{max-width:430px;margin:0;color:#aec3d2;font-size:13px;line-height:1.6}.kit{margin:clamp(8px,2.5vh,14px);padding:8px 26px;border-block:1px solid rgba(100,170,205,.35)}.kit b{display:block;color:var(--gold);letter-spacing:.22em;font-size:11px}.kit span{font-size:9px;letter-spacing:.14em;color:#7ea6bb}#play,.result button{margin-top:10px;padding:12px 30px;border:0;cursor:pointer;font-weight:900;letter-spacing:.2em;color:#03101a;background:linear-gradient(180deg,#5af1ff,#00c3dc);clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);box-shadow:0 0 24px #19e9ff80}#play:active,.result button:active{filter:brightness(.85)}#play i,.result i{font-style:normal;font-size:17px;margin-left:8px}.start>small{margin-top:12px;color:#6f899b;font-size:10px}.result h1{color:var(--gold);text-shadow:0 0 34px rgba(220,140,30,.7)}.result.lose h1{color:var(--red);text-shadow:0 0 34px rgba(255,68,104,.6)}.stat{display:flex;gap:10px;margin:clamp(6px,2vh,14px)}.stat span{min-width:88px;padding:9px 10px;background:#0b1c2bbf;border:1px solid rgba(100,170,205,.3);color:#87a8bd;font-size:8px;letter-spacing:.16em}.stat b{display:block;margin-bottom:3px;font-size:21px;color:#effbff;letter-spacing:0}@media(prefers-reduced-motion:reduce){.feed:not(:empty),.hp.low i,.skills .is-ready,.hud.is-dead .death{animation:none}.bar i,.skills button{transition:none}}