:root{--bg-1:#080d16;--bg-2:#111c2d;--bg-3:#213552;--line:#305178;--text:#f4f8ff;--text-muted:#c0d3ee;--accent:#69d9ff;--accent-strong:#2f9dff;--danger:#ff7b7b;--good:#84ffa8;--gold:#ffd17a;--panel:rgba(12,22,38,0.88);--panel-strong:rgba(8,14,27,0.95)}*{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;height:100dvh;overflow:hidden;color:var(--text);font-family:Rajdhani,PingFang SC,Noto Sans SC,Trebuchet MS,sans-serif;background:radial-gradient(circle at 8% 14%,rgba(71,121,198,.44) 0,transparent 36%),radial-gradient(circle at 86% 21%,rgba(145,86,167,.3) 0,transparent 33%),radial-gradient(circle at 38% 86%,rgba(190,123,80,.21) 0,transparent 32%),linear-gradient(155deg,var(--bg-2) 0,var(--bg-1) 58%,#05080f 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 0);background-size:48px 48px;opacity:.24}.site-shell{width:100%;height:100dvh;padding:.65rem}.shell-loading{height:calc(100dvh - 1.4rem);display:grid;place-items:center;border:1px solid var(--line);background:var(--panel);font-size:1.15rem}.arcade-root,.arcade-root *{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.arcade-root input{-webkit-user-select:text;-moz-user-select:text;user-select:text}.battlefield-shell{position:relative;width:100%;height:calc(100dvh - 1.4rem);border:1px solid rgba(100,152,227,.48);background:linear-gradient(162deg,rgba(18,31,52,.82),rgba(9,15,27,.95));box-shadow:inset 0 0 0 1px rgba(138,182,241,.14),inset 0 -56px 120px rgba(7,12,25,.7),0 22px 56px rgba(5,9,16,.56);display:grid;grid-template-rows:auto auto 1fr auto;grid-gap:.5rem;gap:.5rem;padding:.66rem;overflow:hidden}.battlefield-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 26% 14%,rgba(111,221,255,.12),transparent 28%),radial-gradient(circle at 78% 18%,rgba(255,139,112,.09),transparent 30%);z-index:0}.battlefield-shell>*{position:relative;z-index:1}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.topbar h1{margin:0;font-family:Orbitron,Rajdhani,sans-serif;letter-spacing:.1em;font-size:clamp(1.22rem,2vw,1.62rem);text-shadow:0 0 18px rgba(107,223,255,.22)}.topbar p{margin:.1rem 0 0;color:var(--text-muted);font-size:.93rem}.topbar-actions{display:flex;gap:.45rem}.hud-panel{border:1px solid rgba(96,142,208,.42);background:linear-gradient(180deg,rgba(11,20,36,.76),rgba(8,15,27,.84));padding:.45rem .6rem;display:grid;grid-gap:.28rem;gap:.28rem;box-shadow:inset 0 0 0 1px rgba(107,171,241,.08)}.hud-row{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:space-between;font-size:.9rem;color:var(--text-muted)}.status-row{color:var(--text)}.ammo-banner{display:inline-flex;align-items:baseline;gap:.46rem;width:-moz-fit-content;width:fit-content;padding:.18rem .52rem;border:1px solid rgba(118,182,255,.62);border-radius:8px;background:linear-gradient(180deg,rgba(14,37,70,.84),rgba(10,27,52,.82));color:#d8ebff;letter-spacing:.03em}.ammo-banner strong{font-size:1.02rem;color:#ffffff}.ammo-banner.low{border-color:rgba(255,134,134,.9);background:linear-gradient(180deg,rgba(88,26,26,.84),rgba(66,19,19,.82));color:#ffd1d1}.boss-wave-tag{color:var(--gold);font-weight:700;letter-spacing:.07em;text-shadow:0 0 12px rgba(255,209,122,.38)}.canvas-wrap{position:relative;width:100%;min-height:0;overflow:hidden;border:1px solid rgba(109,154,218,.42);background:linear-gradient(180deg,rgba(6,10,20,.95),rgba(8,13,23,.97)),radial-gradient(circle at 50% 0,rgba(90,161,255,.17),transparent 55%);display:flex;align-items:center;justify-content:center}.game-canvas{display:block;width:auto;max-width:100%;max-height:100%;image-rendering:auto;touch-action:none}.cooldown-panel{position:absolute;left:.6rem;top:.6rem;z-index:8;border:1px solid rgba(115,174,255,.5);background:linear-gradient(180deg,rgba(8,17,32,.84),rgba(7,14,26,.86));padding:.35rem .45rem;width:min(220px,45%);pointer-events:none;box-shadow:inset 0 0 0 1px rgba(133,204,255,.08)}.cooldown-panel h3{margin:0;font-size:.82rem;letter-spacing:.05em}.cooldown-panel p{margin:.2rem 0 0;font-size:.8rem;color:#d8e5fb}.game-overlay{position:absolute;inset:0;z-index:9;display:grid;place-items:center;padding:.8rem;background:rgba(5,9,18,.66)}.overlay-panel{width:min(980px,100%);max-height:100%;overflow:auto;border:1px solid rgba(120,176,255,.56);background:var(--panel-strong);padding:.9rem;display:grid;grid-gap:.7rem;gap:.7rem;box-shadow:inset 0 0 0 1px rgba(145,197,255,.08),0 14px 36px rgba(2,6,14,.46)}.overlay-panel.compact{width:min(360px,100%)}.overlay-title{margin:0;font-size:1.1rem;letter-spacing:.06em;font-family:Orbitron,Rajdhani,sans-serif}.overlay-subtitle{margin:0;color:var(--text-muted)}.overlay-actions{display:flex;flex-wrap:wrap;gap:.5rem}.game-button{border:1px solid rgba(117,174,255,.62);background:linear-gradient(180deg,rgba(18,36,66,.9),rgba(15,28,50,.85));color:var(--text);padding:.45rem .7rem;font:inherit;letter-spacing:.03em;cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.game-button.primary{border-color:rgba(109,229,255,.98);background:linear-gradient(135deg,rgba(35,154,255,.72),rgba(52,102,219,.68));box-shadow:0 0 14px rgba(68,191,255,.25)}.game-button:hover:not([disabled]){transform:translateY(-1px);border-color:rgba(162,214,255,.9)}.game-button[disabled]{opacity:.5;cursor:not-allowed}.hero-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.55rem;gap:.55rem}.hero-card{border:1px solid rgba(123,159,214,.5);background:linear-gradient(180deg,rgba(16,27,47,.9),rgba(13,21,37,.9));color:var(--text);padding:.7rem;text-align:left;cursor:pointer;display:grid;grid-gap:.35rem;gap:.35rem;transition:transform .14s ease,border-color .14s ease}.hero-card.selected{border-color:rgba(95,213,255,.95);box-shadow:inset 0 0 0 1px rgba(95,213,255,.2);transform:translateY(-2px)}.hero-card h3{margin:0}.hero-card p{margin:0;color:var(--text-muted);font-size:.88rem}.shop-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.5rem;gap:.5rem}.shop-item{border:1px solid rgba(120,158,225,.42);background:linear-gradient(180deg,rgba(15,26,45,.8),rgba(12,21,36,.84));padding:.55rem;display:flex;justify-content:space-between;gap:.5rem}.shop-item-copy h3,.shop-item-copy p{margin:0}.shop-item-copy p{color:var(--text-muted);font-size:.84rem}.backpack-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.45rem;gap:.45rem}.backpack-slot{border:1px solid rgba(111,145,206,.44);background:linear-gradient(180deg,rgba(14,23,38,.76),rgba(10,18,30,.74));color:var(--text);min-height:72px;display:grid;align-content:center;grid-gap:.2rem;gap:.2rem;padding:.45rem;font-size:.82rem;text-align:left}.backpack-slot span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.backpack-slot.hovered{border-color:rgba(95,213,255,.9);box-shadow:inset 0 0 0 1px rgba(95,213,255,.24)}.backpack-slot.equipped{border-color:rgba(132,255,168,.9)}.backpack-slot em{color:var(--good);font-style:normal;font-size:.76rem}.plugin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.55rem;gap:.55rem}.plugin-card{border:1px solid rgba(127,164,220,.45);background:linear-gradient(180deg,rgba(15,27,46,.82),rgba(10,20,35,.78));padding:.6rem;display:grid;grid-gap:.45rem;gap:.45rem}.plugin-card h3,.plugin-card p{margin:0}.plugin-card p{color:var(--text-muted);font-size:.85rem}.field-row{display:grid;grid-gap:.24rem;gap:.24rem}.field-row input{border:1px solid rgba(122,156,217,.5);background:rgba(9,13,23,.88);color:var(--text);padding:.45rem;font:inherit}.board-table-wrap{overflow:auto}.board-table{width:100%;border-collapse:collapse;min-width:580px}.board-table td,.board-table th{border:1px solid rgba(112,149,210,.35);padding:.35rem;text-align:left;font-size:.82rem}.control-panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(8,14,26,.74),rgba(7,12,22,.8));padding:.45rem .55rem;display:grid;grid-gap:.3rem;gap:.3rem}.control-panel h2{margin:0;font-size:.95rem}.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.2rem .75rem;gap:.2rem .75rem}.control-grid p,.portrait-tip{margin:0;font-size:.8rem;color:var(--text-muted)}.portrait-tip{color:#ffd38a}.touch-controls{position:absolute;inset:auto .45rem .45rem .45rem;z-index:10;display:none;grid-template-rows:auto auto;gap:.42rem;pointer-events:none}.touch-controls.hidden{display:none}.touch-bottom-row,.touch-top-row{display:flex;justify-content:space-between;align-items:center;pointer-events:auto}.touch-cluster{display:flex;flex-wrap:wrap;gap:.35rem}.tactical-row{width:100%;justify-content:center}.movement-row{justify-content:flex-start}.fire-row{justify-content:flex-end}.touch-button{min-width:64px;min-height:40px;border:1px solid rgba(126,181,255,.65);background:linear-gradient(180deg,rgba(11,26,51,.84),rgba(9,21,42,.82));color:#f2f7ff;font:inherit;font-size:.74rem;letter-spacing:.03em;border-radius:8px;touch-action:none;box-shadow:0 4px 10px rgba(3,8,19,.32)}.touch-button.hold{background:linear-gradient(180deg,rgba(26,58,106,.85),rgba(17,41,79,.78))}.touch-button.tap{background:linear-gradient(180deg,rgba(40,44,86,.84),rgba(31,32,66,.8))}.desktop-only{display:block}.mobile-only{display:none}@keyframes panel-rise{0%{opacity:.62;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes warning-pulse{0%,to{text-shadow:0 0 8px rgba(255,209,122,.28)}50%{text-shadow:0 0 18px rgba(255,209,122,.65)}}.overlay-panel{animation:panel-rise .18s ease-out}.boss-wave-tag{animation:warning-pulse 1.2s ease-in-out infinite}@media (max-width:980px){.battlefield-shell{padding:.45rem}.topbar{align-items:center}.topbar p{display:none}.control-grid,.hero-grid,.plugin-grid,.shop-list{grid-template-columns:1fr}.backpack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-only{display:none}.mobile-only{display:block}}@media (max-width:920px){.battlefield-shell{grid-template-rows:auto auto 1fr}.control-panel{display:none}.touch-controls{display:grid}.cooldown-panel{width:min(220px,52%)}}@media (max-width:520px) and (orientation:portrait){.site-shell{padding:.38rem}.battlefield-shell{height:calc(100dvh - .76rem);gap:.34rem;padding:.36rem}.topbar h1{font-size:1.02rem}.hud-panel{padding:.34rem .42rem;gap:.18rem}.hud-row{gap:.35rem;font-size:.78rem}.ammo-banner{padding:.14rem .4rem;gap:.35rem;font-size:.76rem}.ammo-banner strong{font-size:.9rem}.cooldown-panel{top:.42rem;left:.42rem;width:min(176px,56%);padding:.26rem .34rem}.cooldown-panel h3{font-size:.76rem}.cooldown-panel p{font-size:.72rem}.touch-controls{inset:auto .24rem calc(env(safe-area-inset-bottom) + .24rem) .24rem;gap:.28rem}.touch-bottom-row,.touch-top-row{gap:.2rem}.touch-cluster{gap:.24rem}.touch-button{border-radius:12px;box-shadow:0 4px 12px rgba(3,8,19,.4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.touch-cluster.movement-row .touch-button{min-width:84px;min-height:54px;font-size:.86rem;font-weight:700}.touch-cluster.fire-row .touch-button.hold{min-width:112px;min-height:58px;font-size:.92rem;font-weight:700}.touch-cluster.tactical-row .touch-button{min-width:62px;min-height:44px;font-size:.68rem;font-weight:700}}