:root{--void: #04070d;--bg-2: #070d18;--panel: rgba(10, 18, 32, .85);--line: rgba(86, 122, 170, .22);--line-strong: rgba(86, 122, 170, .45);--cyan: #37e2ff;--cyan-soft: rgba(55, 226, 255, .35);--cyan-glow: rgba(55, 226, 255, .22);--teal: #2ef2b4;--ember: #ff5a47;--ember-soft: rgba(255, 90, 71, .4);--amber: #ffb649;--text: #d3e3f5;--dim: #7d92ad;--font-display: "Oxanium", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "Consolas", monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--void);color:var(--text);font-family:var(--font-mono);font-size:14px;overflow:hidden;-webkit-font-smoothing:antialiased}button{font-family:inherit;color:inherit}.app{position:relative;height:100dvh;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,var(--atmo-1) 0%,transparent 60%),radial-gradient(100% 80% at 80% 100%,var(--atmo-2) 0%,transparent 55%),var(--void);transition:background .4s ease}.app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(55,226,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(55,226,255,.035) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);pointer-events:none}.app:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.6) 100%);pointer-events:none;z-index:3}.bg-sweep{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:conic-gradient(from 0deg,rgba(55,226,255,.07) 0deg,transparent 70deg,transparent 360deg);animation:sweep-rotate 26s linear infinite;pointer-events:none;z-index:0}@keyframes sweep-rotate{to{transform:rotate(360deg)}}.bg-noise{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.05;pointer-events:none;z-index:2}.screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;animation:screen-in .4s ease both;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@keyframes screen-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.mono-dim{font-family:var(--font-mono);color:var(--dim);letter-spacing:.12em;font-size:11px;text-transform:uppercase}.wordmark{display:flex;flex-direction:column;align-items:center;gap:.05em;margin:0;font-family:var(--font-display);line-height:1;text-transform:uppercase;-webkit-user-select:none;user-select:none}.wordmark-shadow{font-size:clamp(34px,8vw,56px);font-weight:800;letter-spacing:.42em;margin-right:-.42em;color:#f1f7ff;text-shadow:0 0 18px rgba(55,226,255,.55),0 0 50px rgba(55,226,255,.25)}.wordmark-command{font-size:clamp(17px,4vw,28px);font-weight:600;letter-spacing:.92em;margin-right:-.92em;color:var(--cyan);text-shadow:0 0 14px rgba(55,226,255,.6)}.btn{position:relative;padding:13px 26px;background:linear-gradient(180deg,#1a2c46eb,#0c1626eb);border:1px solid var(--cyan-soft);color:var(--text);font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;transition:border-color .18s,box-shadow .18s,color .18s,transform .12s;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.btn:hover:not(:disabled){border-color:var(--cyan);color:#fff;box-shadow:0 0 18px var(--cyan-glow),inset 0 0 14px #37e2ff1f}.btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.btn-primary{background:linear-gradient(180deg,#247896e6,#103c54f2);border-color:var(--cyan);text-shadow:0 0 8px rgba(55,226,255,.7);box-shadow:0 0 16px #37e2ff2e}.btn-active{border-color:var(--teal);box-shadow:0 0 16px #2ef2b440,inset 0 0 12px #2ef2b41f;color:#fff}.btn-small{padding:8px 14px;font-size:11px;letter-spacing:.16em}.btn:disabled,.btn-disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.panel{position:relative;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel:before,.panel:after{content:"";position:absolute;width:14px;height:14px;pointer-events:none}.panel:before{top:-1px;left:-1px;border-top:2px solid var(--cyan-soft);border-left:2px solid var(--cyan-soft)}.panel:after{bottom:-1px;right:-1px;border-bottom:2px solid var(--cyan-soft);border-right:2px solid var(--cyan-soft)}.blink{animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.intel-mark{color:var(--amber);font-weight:600}.loading-screen{justify-content:center;gap:22px}.radar{position:relative;width:190px;height:190px;border-radius:50%;border:1px solid rgba(55,226,255,.35);box-shadow:inset 0 0 30px #37e2ff14,0 0 40px #37e2ff14;animation:radar-breathe 3s ease-in-out infinite}@keyframes radar-breathe{50%{box-shadow:inset 0 0 40px #37e2ff24,0 0 60px #37e2ff24}}.radar-rings{position:absolute;top:22%;right:22%;bottom:22%;left:22%;border-radius:50%;border:1px solid rgba(55,226,255,.2)}.radar-rings:after{content:"";position:absolute;top:28%;right:28%;bottom:28%;left:28%;border-radius:50%;border:1px solid rgba(55,226,255,.14)}.radar-sweep{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;background:conic-gradient(from 0deg,rgba(55,226,255,.45),transparent 26%);animation:sweep-rotate 2.6s linear infinite}.radar-logo{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 12px rgba(55,226,255,.5))}.loading-boot{min-height:1.4em;font-size:12px}.progress{position:relative;width:min(72vw,380px);height:14px;border:1px solid var(--line-strong);padding:2px;background:#050a12cc}.progress-fill{height:100%;background:linear-gradient(90deg,#1b8fb0,var(--cyan));box-shadow:0 0 14px #37e2ff8c;transition:width .12s linear}.progress:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:repeating-linear-gradient(90deg,transparent 0 14px,rgba(4,7,13,.85) 14px 16px);pointer-events:none}.progress-pct{position:absolute;right:0;top:-22px;font-size:11px;color:var(--cyan);letter-spacing:.15em}.loading-tip{max-width:min(82vw,460px);min-height:3em;text-align:center;color:var(--dim);font-size:12.5px;line-height:1.65;letter-spacing:.04em;animation:tip-in .5s ease both}@keyframes tip-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.loading-audio-hint{margin:0;font-size:10px;letter-spacing:.26em;color:var(--amber);animation:hint-pulse 2.2s ease-in-out infinite;transition:opacity .5s}.loading-audio-hint-off{opacity:0;animation:none}@keyframes hint-pulse{50%{opacity:.35}}.audio-row{display:flex;flex-wrap:wrap;gap:10px}.audio-row .toggle-btn{flex:1;min-width:150px;width:auto}.menu-screen{justify-content:center;gap:14px}.menu-emblem{filter:drop-shadow(0 0 18px rgba(55,226,255,.45));animation:emblem-float 5s ease-in-out infinite}@keyframes emblem-float{50%{transform:translateY(-7px)}}.menu-tagline{margin:2px 0 22px}.menu-nav{display:flex;flex-direction:column;gap:14px;width:min(82vw,320px)}.menu-btn{width:100%;animation:screen-in .45s ease both}.menu-btn:nth-child(1){animation-delay:.08s}.menu-btn:nth-child(2){animation-delay:.16s}.menu-btn:nth-child(3){animation-delay:.24s}.menu-footer{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));display:flex;gap:28px}.doc-screen{justify-content:center;padding:18px}.doc-panel{width:min(94vw,640px);max-height:calc(100dvh - 60px);overflow-y:auto;padding:clamp(18px,4vw,34px);line-height:1.7;font-size:13px;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.doc-title{margin:0 0 14px;font-family:var(--font-display);font-size:22px;letter-spacing:.3em;color:var(--cyan);text-shadow:0 0 12px rgba(55,226,255,.5)}.doc-heading{margin:22px 0 6px;font-family:var(--font-display);font-size:13px;letter-spacing:.24em;color:var(--amber)}.doc-panel ul{margin:6px 0;padding-left:18px}.doc-panel li{margin:5px 0;color:var(--text)}.doc-back{margin-top:24px}.unit-table{display:flex;flex-direction:column;gap:2px;margin-top:8px}.unit-row{display:grid;grid-template-columns:26px 30px 96px 36px 1fr;gap:8px;align-items:center;padding:6px 8px;background:#121e3280;border-left:2px solid var(--line-strong)}.unit-row-icon{width:20px;height:20px;color:var(--cyan)}.unit-row-rank{font-weight:600;color:var(--amber)}.unit-row-name{font-family:var(--font-display);letter-spacing:.08em}.unit-row-count{color:var(--dim)}.unit-row-blurb{color:var(--dim);font-size:11.5px;line-height:1.45}@media(max-width:560px){.unit-row{grid-template-columns:24px 26px 1fr 32px}.unit-row-blurb{grid-column:1 / -1;padding-left:2px}}.difficulty-options{display:flex;flex-direction:column;gap:10px}.difficulty-btn{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left}.difficulty-label{font-size:14px}.difficulty-desc{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;text-transform:none;color:var(--dim);font-weight:400}.toggle-btn{width:100%}.gameover-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#020409d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:overlay-in .45s ease both}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.gameover-panel{display:flex;flex-direction:column;align-items:center;gap:14px;padding:40px clamp(24px,8vw,70px);text-align:center;animation:panel-pop .5s cubic-bezier(.2,1.4,.4,1) .15s both}@keyframes panel-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.gameover-title{position:relative;margin:0;font-family:var(--font-display);font-size:clamp(46px,13vw,84px);font-weight:800;letter-spacing:.18em;line-height:1;animation:title-glitch 2.4s steps(1) infinite}.gameover-win .gameover-title{color:#eafcff;text-shadow:0 0 24px rgba(55,226,255,.8),0 0 90px rgba(55,226,255,.4)}.gameover-loss .gameover-title{color:#ffe3de;text-shadow:0 0 24px rgba(255,90,71,.8),0 0 90px rgba(255,90,71,.4)}@keyframes title-glitch{0%,92%,to{transform:none}93%{transform:translate(2px,-1px) skew(3deg)}95%{transform:translate(-2px,1px)}97%{transform:translate(1px) skew(-2deg)}}.gameover-reason{max-width:380px;margin:0;color:var(--text);line-height:1.6}.gameover-stats{margin:0}.gameover-actions{display:flex;gap:14px;margin-top:12px;flex-wrap:wrap;justify-content:center}.hud-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;width:min(96vw,660px);padding:10px 4px 8px}.hud-center{display:flex;flex-direction:column;align-items:center;gap:2px}.hud-phase{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.34em;margin-right:-.34em;color:var(--teal);text-shadow:0 0 10px rgba(46,242,180,.5)}.hud-sub{font-size:10px}.turn-banner{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.3em;margin-right:-.3em}.turn-player{color:var(--cyan);text-shadow:0 0 12px rgba(55,226,255,.55)}.turn-enemy{color:var(--ember);text-shadow:0 0 12px rgba(255,90,71,.55);animation:enemy-pulse 1.1s ease-in-out infinite}@keyframes enemy-pulse{50%{opacity:.45}}.status-bar{min-height:1.5em;padding:6px 12px max(8px,env(safe-area-inset-bottom));text-align:center;font-size:11.5px;color:var(--amber);letter-spacing:.08em}.game-screen,.setup-screen{justify-content:flex-start}.battle-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;flex:1;min-height:0;width:100%}.casualties{display:flex;align-items:center;gap:10px;width:min(92vw,540px);min-height:26px;padding:2px 6px}.casualties-title{font-size:9.5px;letter-spacing:.2em;color:var(--dim);white-space:nowrap}.casualties-list{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.casualty{display:inline-flex;align-items:center;gap:2px}.casualty em{font-style:normal;font-size:10px;color:var(--dim)}.casualty-icon{width:15px;height:15px;opacity:.85}.casualties-enemy .casualty-icon{color:var(--ember)}.casualties-player .casualty-icon{color:var(--cyan)}.casualties-none{font-size:10px}.board-frame{position:relative;width:min(96vw,calc(100dvh - 250px),560px);min-width:280px;aspect-ratio:1;flex-shrink:0}.board{position:relative;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);width:100%;height:100%;padding:6px;background:linear-gradient(170deg,var(--board-a),var(--board-b));border:1px solid var(--board-line);box-shadow:0 0 30px #0009,inset 0 0 40px var(--board-glow)}.board-scenery{position:absolute;top:6px;right:6px;bottom:6px;left:6px;width:calc(100% - 12px);height:calc(100% - 12px);pointer-events:none}.cell{position:relative;background:transparent;box-shadow:inset 0 0 0 1px var(--cell-line);cursor:pointer;transition:background .15s,box-shadow .15s}.t-base_player{background:#3ca0be0b}.t-base_enemy{background:#dc5a320b}.cell:not(.cell-blocked):hover{background:var(--cell-hover-bg);box-shadow:inset 0 0 0 1px var(--cell-hover-line)}.cell-blocked,.cell-blocked:hover{cursor:default;background:transparent;box-shadow:none}.cell-forbidden{animation:forbid-shake .35s ease;box-shadow:inset 0 0 0 2px var(--ember),inset 0 0 18px #ff5a4766!important}.cell-forbidden:after{content:"✕";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:clamp(13px,3vmin,21px);font-weight:700;color:var(--ember);text-shadow:0 0 10px rgba(255,90,71,.9);animation:forbid-in .55s ease both}@keyframes forbid-in{0%{opacity:0;transform:scale(1.6)}25%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0}}@keyframes forbid-shake{20%{transform:translate(-2px)}45%{transform:translate(2px)}70%{transform:translate(-1px)}}.lake-glow{animation:lake-glow 4.5s ease-in-out infinite}@keyframes lake-glow{50%{stroke-opacity:.35}}.lake-wave{transform-box:fill-box;transform-origin:center;animation:lake-wave 5.5s ease-in-out infinite}.lake-wave-2{animation-delay:-2.7s}@keyframes lake-wave{0%,to{transform:scale(.88);opacity:.65}50%{transform:scale(1.06);opacity:.15}}.lake-sheen{transform-box:fill-box;transform-origin:center;animation:lake-sheen 8s ease-in-out infinite alternate}@keyframes lake-sheen{0%{transform:translate(-1.2px,-.7px) scale(.95);opacity:.55}to{transform:translate(1.4px,.9px) scale(1.08);opacity:1}}.banner-wave{transform-box:fill-box;transform-origin:left center;animation:banner-wave 3.2s ease-in-out infinite}@keyframes banner-wave{50%{transform:scaleX(.82) skewY(3deg)}}.cell-deploy{box-shadow:inset 0 0 0 1px var(--deploy-line);background:var(--deploy-bg)}.cell-deploy:hover{box-shadow:inset 0 0 0 1px #2ef2b48c;background:var(--deploy-bg)}.cell-selected,.cell-selected:hover{box-shadow:inset 0 0 0 2px var(--cyan),0 0 16px #37e2ff59;background:#2a4a6c99;z-index:1}.cell-move:after{content:"";position:absolute;left:50%;top:50%;width:24%;height:24%;transform:translate(-50%,-50%);border-radius:50%;background:#2ef2b4e6;box-shadow:0 0 10px #2ef2b4cc;animation:target-pulse 1.2s ease-in-out infinite}.cell-attack{box-shadow:inset 0 0 0 2px var(--ember),inset 0 0 14px #ff5a4759;animation:attack-pulse .9s ease-in-out infinite;z-index:1}@keyframes target-pulse{50%{transform:translate(-50%,-50%) scale(.7);opacity:.65}}@keyframes attack-pulse{50%{box-shadow:inset 0 0 0 2px var(--ember),inset 0 0 24px #ff5a478c}}.cell-last{box-shadow:inset 0 0 0 1px #ffb64980}.pieces-layer{position:absolute;top:6px;right:6px;bottom:6px;left:6px;pointer-events:none}.piece{position:absolute;width:10%;height:10%;transition:transform .24s cubic-bezier(.3,.9,.4,1);will-change:transform}.piece-inner{position:absolute;top:7%;right:7%;bottom:7%;left:7%;clip-path:var(--piece-clip);animation:piece-in .25s ease both}@keyframes piece-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.piece-player{background:linear-gradient(155deg,var(--pp-a) 0%,var(--pp-b) 100%);box-shadow:inset 0 0 0 1px var(--pp-line),inset 0 0 10px var(--pp-glow);color:var(--pp-color)}.piece-enemy{background:linear-gradient(155deg,var(--pe-a) 0%,var(--pe-b) 100%);box-shadow:inset 0 0 0 1px var(--pe-line),inset 0 0 10px var(--pe-glow);color:var(--pe-color)}.piece-selected{animation:selected-pulse 1s ease-in-out infinite}@keyframes selected-pulse{50%{box-shadow:inset 0 0 0 2px var(--cyan),inset 0 0 18px #37e2ff73}}.piece-icon{position:absolute;left:var(--piece-icon-x);top:var(--piece-icon-y);width:var(--piece-icon-w);height:var(--piece-icon-h);transform:translate(-50%,-50%);filter:drop-shadow(0 0 3px currentColor)}.piece-hidden .piece-icon{left:50%;top:50%;width:62%;height:62%}.piece-rank{position:absolute;left:var(--piece-rank-x);top:var(--piece-rank-y);transform:translate(-50%,-50%);font-size:var(--piece-rank-size);font-family:var(--piece-rank-font);font-weight:600;color:#ffffffd9}.piece-intel{position:absolute;right:5%;top:1%;font-size:clamp(7px,1.6vmin,10px);font-weight:700;color:var(--amber);text-shadow:0 0 6px rgba(255,182,73,.8)}.setup-tray{display:flex;flex-direction:column;gap:8px;width:min(96vw,660px);margin-top:8px;margin-bottom:max(10px,env(safe-area-inset-bottom));padding:10px 12px}.setup-hint{min-height:1.4em;font-size:10.5px;text-transform:none;letter-spacing:.05em}.tray-chips{display:flex;flex-wrap:wrap;gap:6px}.tray-chip{position:relative;display:flex;align-items:center;gap:5px;padding:6px 9px;background:#14243acc;border:1px solid var(--line);cursor:pointer;transition:border-color .15s,box-shadow .15s;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.tray-chip:hover:not(:disabled){border-color:var(--cyan-soft)}.tray-chip-active{border-color:var(--teal);box-shadow:0 0 12px #2ef2b44d,inset 0 0 10px #2ef2b41f}.tray-chip-empty{opacity:.3;cursor:not-allowed}.tray-chip-icon{width:17px;height:17px;color:var(--cyan)}.tray-chip-rank{font-size:11px;font-weight:600;color:var(--amber)}.tray-chip-count{font-size:10px;color:var(--dim)}.setup-actions{display:flex;gap:10px}.combat-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;background:#020409cc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:overlay-in .2s ease both}.combat-stage{display:flex;align-items:center;gap:clamp(14px,6vw,60px)}.combat-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:clamp(112px,30vw,170px);aspect-ratio:3 / 4.1;padding:12px;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}.combat-card-player{background:linear-gradient(160deg,#14384f,#081522);box-shadow:inset 0 0 0 1px #37e2ff99,0 0 30px #37e2ff33;color:var(--cyan);animation:card-from-left .5s cubic-bezier(.2,1.2,.35,1) both}.combat-card-enemy{background:linear-gradient(160deg,#461a13,#190806);box-shadow:inset 0 0 0 1px #ff5a478c,0 0 30px #ff5a4733;color:#ff8d7a;animation:card-from-right .5s cubic-bezier(.2,1.2,.35,1) both}@keyframes card-from-left{0%{opacity:0;transform:translate(-70px) rotate(-4deg)}to{opacity:1;transform:none}}@keyframes card-from-right{0%{opacity:0;transform:translate(70px) rotate(4deg)}to{opacity:1;transform:none}}.combat-resolve .combat-card-loser{animation:card-shatter .7s ease-in .15s forwards}@keyframes card-shatter{30%{transform:translate(0) rotate(2deg) scale(1.02);filter:brightness(1.6)}to{transform:translateY(46px) rotate(9deg) scale(.8);opacity:0;filter:saturate(0) brightness(.4) blur(2px)}}.combat-resolve .combat-card-winner{animation:card-triumph .6s ease .15s}@keyframes card-triumph{30%{transform:scale(1.07);filter:brightness(1.5)}to{transform:none}}.combat-card-icon{width:46%;height:auto;filter:drop-shadow(0 0 6px currentColor)}.combat-card-name{font-family:var(--font-display);font-size:clamp(12px,3vw,16px);font-weight:700;letter-spacing:.14em;color:#fff}.combat-card-rank{position:absolute;top:8px;left:12px;font-size:15px;font-weight:700;color:var(--amber);text-shadow:0 0 8px rgba(255,182,73,.7)}.combat-card-side{font-size:8.5px;letter-spacing:.26em;color:var(--dim)}.combat-vs{position:relative;display:flex;align-items:center;justify-content:center}.combat-vs-text{font-family:var(--font-display);font-size:clamp(20px,6vw,34px);font-weight:800;letter-spacing:.1em;color:#fff;text-shadow:0 0 16px rgba(255,255,255,.6);animation:vs-flash .6s ease both .35s}@keyframes vs-flash{0%{opacity:0;transform:scale(2.4);filter:blur(4px)}60%{opacity:1;transform:scale(.95);filter:none}to{opacity:1;transform:scale(1)}}.combat-result{min-height:1.6em;font-family:var(--font-display);font-size:clamp(15px,4.5vw,24px);font-weight:700;letter-spacing:.32em;margin-right:-.32em;color:var(--amber);text-shadow:0 0 18px rgba(255,182,73,.6);opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s}.combat-result-show{opacity:1;transform:none}@media(max-width:560px){.hud-bar{padding-top:max(10px,env(safe-area-inset-top))}.board-frame{width:min(96vw,calc(100dvh - 300px))}.setup-screen .board-frame{width:min(94vw,calc(100dvh - 330px))}.tray-chip{padding:5px 7px}.menu-footer{flex-direction:column;gap:4px;align-items:center}}.app{--atmo-1: rgba(20, 44, 72, .55);--atmo-2: rgba(40, 12, 10, .35);--board-a: rgba(12, 22, 38, .92);--board-b: rgba(6, 11, 20, .95);--board-line: var(--line-strong);--board-glow: rgba(20, 50, 80, .25);--cell-bg: rgba(24, 40, 64, .38);--cell-line: rgba(140, 180, 220, .1);--cell-hover-bg: rgba(90, 150, 200, .16);--cell-hover-line: rgba(55, 226, 255, .4);--deploy-bg: rgba(46, 242, 180, .07);--deploy-line: rgba(46, 242, 180, .25);--scn-ground: #141d19;--scn-zone-enemy: #6b2417;--scn-zone-player: #0f3d46;--scn-patch-grass: #1f3122;--scn-patch-dirt: #2b2118;--scn-patch-stone: #272b31;--scn-path: #3b2d1d;--scn-path-edge: #241a10;--scn-bush: #1e3322;--scn-bush-dark: #142519;--scn-rock: #3c424b;--scn-rock-dark: #24282e;--scn-ruin: #43474f;--scn-ruin-dark: #2b2e34;--scn-tuft: #356033;--scn-crater: #0b100d;--scn-water-deep: #07242f;--scn-water-shallow: #11465c;--scn-water-glow: rgba(90, 210, 255, .45);--scn-wave: rgba(150, 225, 255, .4);--piece-clip: polygon(22% 0, 100% 0, 100% 78%, 78% 100%, 0 100%, 0 22%);--piece-icon-x: 50%;--piece-icon-y: 46%;--piece-icon-w: 62%;--piece-icon-h: 62%;--piece-rank-x: 78%;--piece-rank-y: 84%;--piece-rank-size: clamp(7px, 1.6vmin, 10px);--piece-rank-font: var(--font-mono);--pp-a: #123349;--pp-b: #0a1a2c;--pp-line: rgba(55, 226, 255, .55);--pp-glow: rgba(55, 226, 255, .15);--pp-color: var(--cyan);--pe-a: #3c1712;--pe-b: #1c0a07;--pe-line: rgba(255, 90, 71, .5);--pe-glow: rgba(255, 90, 71, .12);--pe-color: #ff8d7a}[data-board-theme=phantom]{--atmo-1: rgba(20, 44, 72, .55);--atmo-2: rgba(40, 12, 10, .35);--board-a: rgba(12, 22, 38, .92);--board-b: rgba(6, 11, 20, .95);--board-line: var(--line-strong);--board-glow: rgba(20, 50, 80, .25);--cell-bg: rgba(24, 40, 64, .38);--cell-line: rgba(140, 180, 220, .1);--cell-hover-bg: rgba(90, 150, 200, .16);--cell-hover-line: rgba(55, 226, 255, .4);--deploy-bg: rgba(46, 242, 180, .07);--deploy-line: rgba(46, 242, 180, .25);--scn-ground: #141d19;--scn-zone-enemy: #6b2417;--scn-zone-player: #0f3d46;--scn-patch-grass: #1f3122;--scn-patch-dirt: #2b2118;--scn-patch-stone: #272b31;--scn-path: #3b2d1d;--scn-path-edge: #241a10;--scn-bush: #1e3322;--scn-bush-dark: #142519;--scn-rock: #3c424b;--scn-rock-dark: #24282e;--scn-ruin: #43474f;--scn-ruin-dark: #2b2e34;--scn-tuft: #356033;--scn-crater: #0b100d;--scn-water-deep: #07242f;--scn-water-shallow: #11465c;--scn-water-glow: rgba(90, 210, 255, .45);--scn-wave: rgba(150, 225, 255, .4)}[data-board-theme=ember]{--atmo-1: rgba(82, 34, 14, .5);--atmo-2: rgba(34, 8, 22, .42);--board-a: rgba(42, 21, 12, .94);--board-b: rgba(16, 7, 5, .96);--board-line: rgba(255, 142, 92, .38);--board-glow: rgba(96, 42, 16, .32);--cell-bg: rgba(78, 42, 24, .32);--cell-line: rgba(235, 170, 120, .1);--cell-hover-bg: rgba(255, 170, 100, .13);--cell-hover-line: rgba(255, 172, 102, .45);--deploy-bg: rgba(255, 182, 73, .07);--deploy-line: rgba(255, 182, 73, .32);--scn-ground: #1d130d;--scn-zone-enemy: #7a2a10;--scn-zone-player: #58381b;--scn-patch-grass: #2e2412;--scn-patch-dirt: #392418;--scn-patch-stone: #33291f;--scn-path: #4a3018;--scn-path-edge: #2a1a0c;--scn-bush: #2f2c16;--scn-bush-dark: #211f10;--scn-rock: #4a3f35;--scn-rock-dark: #2c241d;--scn-ruin: #4d4338;--scn-ruin-dark: #2f2922;--scn-tuft: #4d4426;--scn-crater: #120a06;--scn-water-deep: #3a0f04;--scn-water-shallow: #7a2c08;--scn-water-glow: rgba(255, 150, 60, .5);--scn-wave: rgba(255, 190, 110, .45)}[data-board-theme=glacier]{--atmo-1: rgba(64, 96, 128, .42);--atmo-2: rgba(22, 42, 62, .38);--board-a: rgba(30, 44, 60, .92);--board-b: rgba(12, 20, 30, .95);--board-line: rgba(182, 222, 255, .42);--board-glow: rgba(122, 172, 222, .2);--cell-bg: rgba(152, 192, 232, .13);--cell-line: rgba(200, 225, 255, .12);--cell-hover-bg: rgba(190, 220, 250, .15);--cell-hover-line: rgba(212, 236, 255, .55);--deploy-bg: rgba(46, 242, 180, .07);--deploy-line: rgba(46, 242, 180, .34);--scn-ground: #232c36;--scn-zone-enemy: #6e3424;--scn-zone-player: #1f4a5c;--scn-patch-grass: #2e3a47;--scn-patch-dirt: #2a313c;--scn-patch-stone: #39424e;--scn-path: #3a4654;--scn-path-edge: #1f262e;--scn-bush: #1f3a36;--scn-bush-dark: #15292a;--scn-rock: #4a5560;--scn-rock-dark: #2e353d;--scn-ruin: #4e5763;--scn-ruin-dark: #333a43;--scn-tuft: #4a6a7e;--scn-crater: #11161c;--scn-water-deep: #0a2a3e;--scn-water-shallow: #1d5a78;--scn-water-glow: rgba(160, 230, 255, .55);--scn-wave: rgba(200, 240, 255, .5)}[data-board-theme=jade]{--atmo-1: rgba(16, 62, 42, .5);--atmo-2: rgba(8, 30, 22, .42);--board-a: rgba(10, 31, 22, .94);--board-b: rgba(4, 13, 9, .96);--board-line: rgba(62, 255, 172, .34);--board-glow: rgba(20, 82, 52, .32);--cell-bg: rgba(34, 86, 60, .3);--cell-line: rgba(140, 220, 180, .1);--cell-hover-bg: rgba(82, 255, 182, .1);--cell-hover-line: rgba(82, 255, 182, .45);--deploy-bg: rgba(46, 242, 180, .08);--deploy-line: rgba(46, 242, 180, .4);--scn-ground: #11231a;--scn-zone-enemy: #5c2a14;--scn-zone-player: #0e4034;--scn-patch-grass: #1c3b24;--scn-patch-dirt: #2a2c16;--scn-patch-stone: #25342b;--scn-path: #3c331c;--scn-path-edge: #221d0e;--scn-bush: #1d4628;--scn-bush-dark: #122d1b;--scn-rock: #36443c;--scn-rock-dark: #203026;--scn-ruin: #3e4f44;--scn-ruin-dark: #283831;--scn-tuft: #2f6b3a;--scn-crater: #0a140e;--scn-water-deep: #062e26;--scn-water-shallow: #0e5c48;--scn-water-glow: rgba(80, 255, 200, .45);--scn-wave: rgba(150, 255, 220, .4)}[data-piece-theme=sigil]{--piece-clip: polygon(22% 0, 100% 0, 100% 78%, 78% 100%, 0 100%, 0 22%);--piece-icon-x: 50%;--piece-icon-y: 46%;--piece-icon-w: 62%;--piece-icon-h: 62%;--piece-rank-x: 78%;--piece-rank-y: 84%;--piece-rank-size: clamp(7px, 1.6vmin, 10px);--piece-rank-font: var(--font-mono);--pp-a: #123349;--pp-b: #0a1a2c;--pp-line: rgba(55, 226, 255, .55);--pp-glow: rgba(55, 226, 255, .15);--pp-color: var(--cyan);--pe-a: #3c1712;--pe-b: #1c0a07;--pe-line: rgba(255, 90, 71, .5);--pe-glow: rgba(255, 90, 71, .12);--pe-color: #ff8d7a}[data-piece-theme=hex]{--piece-clip: polygon(50% 0, 100% 26%, 100% 74%, 50% 100%, 0 74%, 0 26%);--piece-icon-x: 50%;--piece-icon-y: 42%;--piece-icon-w: 54%;--piece-icon-h: 54%;--piece-rank-x: 50%;--piece-rank-y: 80%;--piece-rank-size: clamp(7px, 1.6vmin, 10px);--piece-rank-font: var(--font-display);--pp-a: #1d4258;--pp-b: #0b1d2c;--pp-line: rgba(126, 222, 255, .7);--pp-glow: rgba(55, 226, 255, .28);--pp-color: #7edeff;--pe-a: #4a201a;--pe-b: #200b08;--pe-line: rgba(255, 130, 105, .65);--pe-glow: rgba(255, 90, 71, .24);--pe-color: #ff9c84}[data-piece-theme=cipher]{--piece-clip: polygon(12% 0, 100% 0, 100% 88%, 88% 100%, 0 100%, 0 12%);--piece-icon-x: 26%;--piece-icon-y: 26%;--piece-icon-w: 34%;--piece-icon-h: 34%;--piece-rank-x: 56%;--piece-rank-y: 60%;--piece-rank-size: clamp(11px, 2.8vmin, 18px);--piece-rank-font: var(--font-display);--pp-a: #0d2536;--pp-b: #081420;--pp-line: rgba(55, 226, 255, .42);--pp-glow: rgba(55, 226, 255, .08);--pp-color: rgba(122, 200, 230, .95);--pe-a: #2c110c;--pe-b: #160705;--pe-line: rgba(255, 90, 71, .4);--pe-glow: rgba(255, 90, 71, .08);--pe-color: rgba(255, 150, 128, .95)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}.theme-btn{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 8px 10px;background:#101c2ebf;border:1px solid var(--line);cursor:pointer;transition:border-color .15s,box-shadow .15s;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}.theme-btn:hover{border-color:var(--cyan-soft)}.theme-btn-active{border-color:var(--teal);box-shadow:0 0 14px #2ef2b447,inset 0 0 12px #2ef2b41a}.theme-name{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text)}.theme-desc{min-height:2.4em;font-size:9.5px;line-height:1.45;letter-spacing:.02em;text-align:center;color:var(--dim)}.theme-swatch{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;width:72px;height:48px;padding:4px;background:linear-gradient(170deg,var(--scn-ground),var(--board-b));border:1px solid var(--board-line)}.theme-swatch i{background:var(--cell-bg);box-shadow:inset 0 0 0 1px var(--cell-line)}.theme-swatch .swatch-blocked{background:radial-gradient(circle at 40% 35%,var(--scn-water-shallow),var(--scn-water-deep));box-shadow:inset 0 0 0 1px var(--scn-water-glow)}.theme-piece{position:relative;display:flex;gap:6px;width:104px;height:48px}.theme-piece-slot{position:relative;flex:1}