:root{--gf-accent:#d4af37;--gf-accent-hover:#bda030;--gf-success:#10b981;--gf-error:#ef4444;--gf-font-sans:"Inter", system-ui, -apple-system, sans-serif;--gf-font-header:"Outfit", var(--gf-font-sans);--gf-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--gf-spacing-xs:4px;--gf-spacing-sm:8px;--gf-spacing-md:16px;--gf-spacing-lg:24px;--gf-spacing-xl:32px;--bg-primary:#070714;--bg-secondary:#0d0d26;--bg-tertiary:#14143a;--neon-cyan:#00f3ff;--neon-magenta:#f05;--neon-green:#39ff14;--neon-yellow:#ffe600;--neon-purple:#b900ff;--text-main:#e2e2ec;--text-dim:#8b8ba9;--font-cyber-header:"Orbitron", system-ui, sans-serif;--font-cyber-mono:"Share Tech Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-cyber-mono);image-rendering:pixelated;overflow-x:hidden}.terminal-screen{background-color:var(--bg-primary);background-image:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 4px,6px 100%;flex-direction:column;min-height:100vh;display:flex;position:relative}.terminal-header{border-bottom:2px solid var(--bg-tertiary);background-color:var(--bg-secondary);justify-content:space-between;align-items:center;padding:1rem;display:flex;box-shadow:0 0 15px #00000080}.terminal-title{font-family:var(--font-cyber-header);color:var(--neon-cyan);text-shadow:0 0 8px #00f3ff80;letter-spacing:2px;font-size:1.5rem;font-weight:800}.neon-border{border:1px solid var(--neon-cyan);box-shadow:0 0 8px #00f3ff4d}.neon-border-magenta{border:1px solid var(--neon-magenta);box-shadow:0 0 8px #ff00554d}.neon-btn{font-family:var(--font-cyber-header);color:var(--neon-cyan);border:1px solid var(--neon-cyan);cursor:pointer;letter-spacing:1px;text-transform:uppercase;background:0 0;padding:.5rem 1rem;font-size:.9rem;transition:all .2s;box-shadow:0 0 5px #00f3ff33}.neon-btn:hover:not(:disabled){background:var(--neon-cyan);color:var(--bg-primary);box-shadow:0 0 15px #00f3ff99}.neon-btn:disabled{border-color:var(--bg-tertiary);color:var(--text-dim);cursor:not-allowed;box-shadow:none}.neon-btn-magenta{font-family:var(--font-cyber-header);color:var(--neon-magenta);border:1px solid var(--neon-magenta);cursor:pointer;letter-spacing:1px;text-transform:uppercase;background:0 0;padding:.5rem 1rem;font-size:.9rem;transition:all .2s;box-shadow:0 0 5px #f053}.neon-btn-magenta:hover:not(:disabled){background:var(--neon-magenta);color:var(--bg-primary);box-shadow:0 0 15px #f059}.neon-btn-green{font-family:var(--font-cyber-header);color:var(--neon-green);border:1px solid var(--neon-green);cursor:pointer;letter-spacing:1px;text-transform:uppercase;background:0 0;padding:.5rem 1rem;font-size:.9rem;transition:all .2s;box-shadow:0 0 5px #39ff1433}.neon-btn-green:hover:not(:disabled){background:var(--neon-green);color:var(--bg-primary);box-shadow:0 0 15px #39ff1499}.grid-container{background-color:var(--bg-secondary);border:2px solid var(--bg-tertiary);width:max-content;max-width:100%;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #000c}.grid-tile{aspect-ratio:1;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #14143a80;justify-content:center;align-items:center;transition:background-color .15s;display:flex;position:relative}.grid-tile:after{content:"";background-color:#0000;position:absolute;inset:1px}.terrain-floor{background-color:#0000}.terrain-wall{background-color:#1e1e3f;background-image:repeating-linear-gradient(45deg,#0000,#0000 4px,#00000080 4px 8px);border-color:#3b3b75}.terrain-void{background-color:#030309;box-shadow:inset 0 0 8px #000000e6}.terrain-void:before{content:"VOID";color:#ff00554d;font-size:.6rem;font-weight:800}.terrain-conductive{background-color:#00f3ff0d;box-shadow:inset 0 0 6px #00f3ff33}.terrain-conductive:before{content:"";border:1px dashed #00f3ff66;position:absolute;inset:4px}.terrain-core{background-color:#ffe6000d;box-shadow:inset 0 0 6px #ffe60033}.core-element{border:2px solid var(--neon-yellow);width:70%;height:70%;color:var(--neon-yellow);z-index:2;background-color:#ffe60026;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:900;display:flex;box-shadow:0 0 10px #ffe60099}.core-destroyed{border-color:var(--text-dim);color:var(--text-dim);box-shadow:none;background-color:#8b8ba90d;text-decoration:line-through}.unit-element{border:2px solid var(--neon-cyan);z-index:3;background-color:#00f3ff1a;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;width:80%;height:80%;display:flex;position:relative;box-shadow:0 0 8px #00f3ff80}.unit-element.selected{border-width:3px;animation:1s infinite alternate neon-pulse}.unit-exhausted{border-color:var(--text-dim);box-shadow:none;background-color:#8b8ba91a}.daemon-element{border:2px solid var(--neon-magenta);z-index:3;background-color:#ff00551a;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;width:80%;height:80%;display:flex;position:relative;box-shadow:0 0 8px #ff005580}.entity-hp{margin-top:2px;font-size:.7rem;font-weight:800}.entity-name{letter-spacing:.5px;text-transform:uppercase;text-align:center;font-size:.6rem}@keyframes neon-pulse{0%{box-shadow:0 0 5px #00f3ff66,inset 0 0 5px #00f3ff33}to{box-shadow:0 0 15px #00f3ffe6,inset 0 0 10px #00f3ff66}}.tile-legal-move{background-color:#39ff1426}.tile-legal-move:hover{background-color:#39ff144d}.tile-legal-target{background-color:#ffe60026}.tile-legal-target:hover{background-color:#ffe60059}.tile-affected{background-color:#ff005540!important}.svg-overlay{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.glow-text-cyan{color:var(--neon-cyan);text-shadow:0 0 5px #00f3ff80}.glow-text-magenta{color:var(--neon-magenta);text-shadow:0 0 5px #ff005580}.glow-text-green{color:var(--neon-green);text-shadow:0 0 5px #39ff1480}.glow-text-yellow{color:var(--neon-yellow);text-shadow:0 0 5px #ffe60080}.encounter-layout{flex:1;gap:1.5rem;width:100%;padding:1.5rem;display:flex;overflow:hidden}.left-column{flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.right-column{flex-direction:column;gap:1rem;width:280px;display:flex}.card-tray-grid{grid-template-columns:1fr;gap:.5rem;display:grid}@media (width<=768px){.encounter-layout{flex-direction:column!important;gap:1.5rem!important;padding:.5rem!important;overflow-y:auto!important}.left-column{overflow-y:visible!important}.right-column{width:100%!important}.card-tray-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important}}.tile-preview-target{box-shadow:inset 0 0 10px var(--neon-yellow), 0 0 10px var(--neon-yellow)!important;border:1.5px dashed var(--neon-yellow)!important;background-color:#ffe6001a!important}.preview-dmg-badge{background-color:var(--neon-magenta);color:var(--bg-primary);font-family:var(--font-cyber-mono);border:1px solid var(--text-main);box-shadow:0 0 5px var(--neon-magenta);z-index:20;border-radius:2px;padding:1px 4px;font-size:.65rem;font-weight:900;position:absolute;top:-8px;right:-8px}.preview-death-badge{color:var(--text-main);text-shadow:0 0 4px #000;z-index:15;border:2.5px solid var(--neon-magenta);letter-spacing:.5px;background-color:#ff005559;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;display:flex;position:absolute;inset:0}.preview-ghost-unit{border:2px dashed var(--neon-cyan);opacity:.65;z-index:10;pointer-events:none;background-color:#00f3ff0d;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;width:80%;height:80%;display:flex}.preview-ghost-daemon{border:2px dashed var(--neon-magenta);opacity:.65;z-index:10;pointer-events:none;background-color:#ff00550d;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;width:80%;height:80%;display:flex}:focus-visible{outline:3px solid var(--neon-yellow)!important;outline-offset:2px!important;box-shadow:0 0 10px var(--neon-yellow)!important}.grid-tile:focus-visible{outline:3px solid var(--neon-yellow)!important;outline-offset:-3px!important;box-shadow:inset 0 0 10px var(--neon-yellow)!important}.tile-cursor{z-index:5;outline:3px dashed var(--neon-yellow)!important;outline-offset:-3px!important;box-shadow:inset 0 0 12px var(--neon-yellow), 0 0 8px var(--neon-yellow)!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pulse-glow-anim{animation:1s infinite alternate neon-pulse}.light-theme{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#cbd5e1;--neon-cyan:#0369a1;--neon-magenta:#be123c;--neon-green:#15803d;--neon-yellow:#a16207;--neon-purple:#7e22ce;--text-main:#0f172a;--text-dim:#475569}.light-theme .terminal-screen{background-image:none!important}.light-theme .grid-tile{border-color:#cbd5e180!important}.light-theme .selected{background-color:#0369a11f!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:-1ms!important}.pulse-glow-anim,.unit-element.selected{animation:none!important}.glow-text-cyan,.glow-text-magenta,.glow-text-green,.glow-text-yellow{text-shadow:none!important}.neon-border,.neon-border-magenta,.neon-btn,.neon-btn-magenta,.neon-btn-green,.core-element,.unit-element,.daemon-element,.tile-cursor{box-shadow:none!important}}.tutorial-coach{--coach-accent:var(--neon-cyan);--coach-accent-soft:#00f3ff17;border:1px solid var(--coach-accent);border-left:4px solid var(--coach-accent);background:linear-gradient(90deg, var(--coach-accent-soft), #0000) , var(--bg-secondary);width:100%;box-shadow:0 0 14px -4px var(--coach-accent);font-family:var(--font-cyber-mono);color:var(--text-main);padding:.85rem 1rem .9rem}.tutorial-coach-do{--coach-accent:var(--neon-yellow);--coach-accent-soft:#ffe60017}.tutorial-coach-win{--coach-accent:var(--neon-green);--coach-accent-soft:#39ff1417}.tutorial-coach-head{align-items:center;gap:.75rem;margin-bottom:.6rem;display:flex}.tutorial-coach-lesson{font-family:var(--font-cyber-header);letter-spacing:1.5px;color:var(--coach-accent);white-space:nowrap;font-size:.7rem;font-weight:800}.tutorial-coach-lesson-title{color:var(--text-main);border-left:1px solid var(--bg-tertiary);margin-left:.5rem;padding-left:.5rem}.tutorial-coach-rail{flex:none;gap:4px;width:120px;margin-left:auto;display:flex}.tutorial-coach-rail-seg{background-color:#e2e2ec24;border:1px solid #e2e2ec38;flex:1;height:6px}.tutorial-coach-rail-seg.seg-done{background-color:var(--neon-green);border-color:var(--neon-green);box-shadow:0 0 6px #39ff1480}.tutorial-coach-rail-seg.seg-current{background-color:var(--coach-accent);border-color:var(--coach-accent);animation:1.4s infinite alternate coach-rail-pulse}@keyframes coach-rail-pulse{0%{opacity:.45}to{opacity:1}}.tutorial-coach-skip{border:none;border-bottom:1px dotted var(--text-dim);color:var(--text-dim);font-family:var(--font-cyber-mono);cursor:pointer;white-space:nowrap;background:0 0;margin-left:.25rem;padding:0;font-size:.7rem}.tutorial-coach-skip:hover{color:var(--neon-magenta);border-bottom-color:var(--neon-magenta)}.tutorial-coach-headline{font-family:var(--font-cyber-header);color:var(--text-main);font-size:1rem;font-weight:700;line-height:1.45}.tutorial-coach-tone{color:var(--coach-accent);margin-right:.4rem;font-size:.85rem}.tutorial-coach-tone-word{letter-spacing:1.5px;color:var(--bg-primary);background-color:var(--coach-accent);vertical-align:.12em;border-radius:2px;margin-right:.5rem;padding:.1rem .35rem;font-size:.6rem}.tutorial-coach-detail{color:var(--text-dim);max-width:78ch;margin-top:.4rem;font-size:.85rem;line-height:1.55}.tutorial-coach-steps{flex-direction:column;gap:.28rem;margin-top:.7rem;list-style:none;display:flex}.tutorial-coach-step{align-items:baseline;gap:.5rem;font-size:.85rem;line-height:1.4;display:flex}.tutorial-coach-step-mark{flex:none;width:1ch;font-weight:800}.tutorial-coach-step.step-done{color:var(--text-dim);-webkit-text-decoration:line-through #8b8ba980;text-decoration:line-through #8b8ba980}.tutorial-coach-step.step-done .tutorial-coach-step-mark{color:var(--neon-green);text-decoration:none}.tutorial-coach-step.step-next{color:var(--text-main)}.tutorial-coach-step.step-next .tutorial-coach-step-mark{color:var(--coach-accent);animation:1s infinite alternate coach-rail-pulse}.tutorial-coach-step.step-todo{color:var(--text-dim);opacity:.65}.tutorial-coach-action{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.7rem;font-size:.8rem;display:flex}.tutorial-coach-action:before{content:"▶ PRESS";font-family:var(--font-cyber-header);letter-spacing:1.5px;color:var(--text-dim);font-size:.62rem}.tutorial-coach-key{font-family:var(--font-cyber-header);letter-spacing:1px;color:var(--coach-accent);border:1px solid var(--coach-accent);background-color:#00000059;border-bottom-width:3px;border-radius:3px;padding:.2rem .45rem;font-size:.72rem}.tutorial-coach-gloss{color:var(--text-dim);font-style:italic}.tutorial-coach-gloss:before{content:"— "}.tutorial-coach-guard{border-left:3px solid var(--neon-magenta);background-color:#ff005514;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-top:.75rem;padding:.45rem .6rem;font-size:.82rem;line-height:1.45;display:flex}.tutorial-coach-guard-close{color:var(--neon-magenta);cursor:pointer;background:0 0;border:none;flex:none;font-size:1rem;font-weight:700;line-height:1}.tutorial-highlight{animation:1.5s infinite alternate tutorial-pulse;border:2px solid var(--neon-cyan)!important;box-shadow:0 0 15px var(--neon-cyan)!important}@keyframes tutorial-pulse{0%{border-color:var(--neon-cyan);box-shadow:0 0 5px var(--neon-cyan)}to{box-shadow:0 0 20px var(--neon-cyan);border-color:#fff}}.tutorial-marker{z-index:6;font-family:var(--font-cyber-header);letter-spacing:.8px;white-space:nowrap;color:var(--bg-primary);pointer-events:none;border-radius:2px;padding:.05rem .3rem;font-size:.5rem;font-weight:800;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.tutorial-marker-target{background-color:var(--neon-yellow);box-shadow:0 0 8px #ffe600b3}.tutorial-marker-move{background-color:var(--neon-green);box-shadow:0 0 8px #39ff14b3}.tutorial-marker-danger{background-color:var(--neon-magenta);color:#fff;box-shadow:0 0 8px #ff0055b3}@media (width<=768px){.tutorial-coach-head{flex-wrap:wrap;gap:.5rem}.tutorial-coach-rail{flex-basis:100%;order:3;max-width:none}.tutorial-coach-headline{font-size:.92rem}.tutorial-marker{letter-spacing:.4px;font-size:.42rem}}@media (prefers-reduced-motion:reduce){.tutorial-coach-rail-seg.seg-current,.tutorial-coach-step.step-next .tutorial-coach-step-mark,.tutorial-highlight{animation:none}}.highlight-btn-pulse{animation:1s infinite alternate btn-pulse!important}@keyframes btn-pulse{0%{box-shadow:0 0 5px var(--neon-magenta);border-color:var(--neon-magenta)}to{box-shadow:0 0 20px var(--neon-magenta);background-color:#f053;border-color:#fff}}