@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-outline-style:solid}}}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.container{width:100%}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.min-h-screen{min-height:100vh}.items-center{align-items:center}.justify-center{justify-content:center}.border{border-style:var(--tw-border-style);border-width:1px}.text-center{text-align:center}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.delay-500{transition-delay:.5s}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}:root{--c64-black: #000000;--c64-white: #FFFFFF;--c64-blue: #352879;--c64-purple: #6F3D86;--c64-green: #588D43;--c64-yellow: #B8C76F;--c64-light-blue: #6C5EB5;--c64-light-green: #9AD284;--c64-light-red: #9A6759;--c64-dark-gray: #444444;--c64-gray: #6C6C6C;--c64-light-gray: #959595;--glow-soft: 0 0 10px;--glow-medium: 0 0 20px;--glow-strong: 0 0 40px}body{background:linear-gradient(135deg,#0a0a1a,#1a1a2e,#0a0a1a);min-height:100vh;overflow-x:hidden}.pixel-font{font-family:"Press Start 2P",monospace;letter-spacing:1px;line-height:1.6}canvas{image-rendering:pixelated;image-rendering:crisp-edges}.scanlines{position:relative}.scanlines:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px);pointer-events:none;z-index:100}.crt-glow{box-shadow:0 0 10px #6c5eb580,0 0 20px #6c5eb54d,0 0 40px #6c5eb526,inset 0 0 20px #0000004d}.glow-yellow{box-shadow:0 0 10px #b8c76f99,0 0 20px #b8c76f4d;text-shadow:0 0 10px rgba(184,199,111,.8),0 0 20px rgba(184,199,111,.5)}.glow-green{box-shadow:0 0 8px #9ad28499,0 0 16px #9ad2844d}.glow-red{box-shadow:0 0 8px #9a6759cc,0 0 16px #9a675966}.glow-purple{box-shadow:0 0 8px #6f3d86cc,0 0 16px #6f3d8666}@keyframes phosphor-pulse{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.92;filter:brightness(1.15)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 10px #6c5eb580,0 0 20px #6c5eb54d}50%{box-shadow:0 0 15px #6c5eb5b3,0 0 30px #6c5eb566,0 0 45px #6c5eb533}}@keyframes title-glow{0%,to{text-shadow:0 0 10px rgba(184,199,111,.8),0 0 20px rgba(184,199,111,.5),0 0 30px rgba(184,199,111,.3)}50%{text-shadow:0 0 15px rgba(184,199,111,1),0 0 30px rgba(184,199,111,.7),0 0 45px rgba(184,199,111,.5),0 0 60px rgba(184,199,111,.3)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes victory-entrance{0%{opacity:0;transform:scale(.5);filter:brightness(3)}50%{filter:brightness(2)}to{opacity:1;transform:scale(1);filter:brightness(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-pulse-glow{animation:glow-pulse 2s ease-in-out infinite}.animate-phosphor{animation:phosphor-pulse 3s ease-in-out infinite}.animate-title-glow{animation:title-glow 2.5s ease-in-out infinite}.animate-fade-in{animation:fade-in .5s ease-out forwards}.animate-fade-out{animation:fade-out .3s ease-out forwards}.animate-slide-up{animation:slide-up .6s ease-out forwards}.animate-victory{animation:victory-entrance .8s ease-out forwards}.animate-float{animation:float 3s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.retro-border{border:4px solid var(--c64-blue);box-shadow:inset 0 0 0 2px var(--c64-dark-gray),0 0 15px #35287980}.retro-border-glow{border:4px solid var(--c64-light-blue);box-shadow:0 0 10px #6c5eb599,0 0 20px #6c5eb54d,inset 0 0 0 2px var(--c64-dark-gray)}.panel-border{border:3px solid var(--c64-light-blue);outline:3px solid var(--c64-blue);outline-offset:0}.btn-retro{font-family:"Press Start 2P",monospace;background:linear-gradient(180deg,var(--c64-dark-gray) 0%,#2a2a2a 100%);color:var(--c64-yellow);border:3px solid var(--c64-light-blue);padding:.75em 1.5em;cursor:pointer;transition:all .15s ease;text-transform:uppercase;letter-spacing:2px;position:relative;overflow:hidden}.btn-retro:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .4s ease}.btn-retro:hover{background:linear-gradient(180deg,#555 0%,var(--c64-dark-gray) 100%);border-color:var(--c64-yellow);box-shadow:0 0 15px #b8c76f80,0 0 30px #b8c76f33;transform:translateY(-2px)}.btn-retro:hover:before{left:100%}.btn-retro:active{transform:translateY(1px);box-shadow:0 0 10px #b8c76f4d}.btn-retro:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:linear-gradient(180deg,var(--c64-blue) 0%,#1a1a4a 100%);border-color:var(--c64-yellow);animation:glow-pulse 2s ease-in-out infinite}.btn-primary:hover{background:linear-gradient(180deg,var(--c64-light-blue) 0%,var(--c64-blue) 100%)}.hidden{display:none!important}.text-eldoin{color:var(--c64-yellow)}.text-dailor{color:var(--c64-light-blue)}.bg-terminal{background:linear-gradient(180deg,#1a1a2e,#0a0a1a)}@media(max-width:480px){.vs-text{width:100%;order:-1;margin-bottom:.5rem}}#title-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a1a3a,#0a0a1a 70%,#000);z-index:1000}.title-content{text-align:center;padding:2rem}.author-credit{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.8vw,.8rem);color:var(--c64-yellow);margin-bottom:.5em;opacity:.9}.game-title{font-family:"Press Start 2P",monospace;font-size:clamp(1rem,4vw,2rem);color:var(--c64-yellow);margin-bottom:.5em;animation:title-glow 2.5s ease-in-out infinite}.game-subtitle{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,2vw,.9rem);color:var(--c64-light-blue);margin-bottom:.5em;opacity:.9}.copyright-text{font-family:"Press Start 2P",monospace;font-size:clamp(.4rem,1.5vw,.6rem);color:var(--c64-green);margin-bottom:1.5em;opacity:.8}.factions-display{display:flex;justify-content:center;gap:2rem;margin:2rem 0;flex-wrap:wrap}.faction-box{background:#0009;border:3px solid var(--c64-blue);padding:1.5rem 2rem;min-width:140px;text-align:center;transition:all .3s ease}.faction-box:hover{transform:scale(1.05)}.faction-box.eldoin{border-color:var(--c64-yellow);box-shadow:0 0 20px #b8c76f4d}.faction-box.dailor{border-color:var(--c64-light-blue);box-shadow:0 0 20px #6c5eb54d}.faction-name{font-family:"Press Start 2P",monospace;font-size:clamp(.7rem,2.5vw,1rem);margin-bottom:.5em}.faction-box.eldoin .faction-name{color:var(--c64-yellow)}.faction-box.dailor .faction-name{color:var(--c64-light-blue)}.faction-role{font-family:"Press Start 2P",monospace;font-size:clamp(.4rem,1.5vw,.6rem);color:var(--c64-light-gray)}.vs-text{font-family:"Press Start 2P",monospace;font-size:clamp(.8rem,3vw,1.2rem);color:var(--c64-light-red);align-self:center;text-shadow:0 0 10px rgba(154,103,89,.8)}@media(max-width:480px){.factions-display{gap:1rem}.faction-box{padding:1rem;min-width:100px}.vs-text{width:100%;order:-1;margin-bottom:.5rem}}#app{position:relative;width:min(90vw,720px)}.game-wrapper{position:relative;background:var(--c64-black);border-radius:8px;overflow:hidden}.canvas-container{position:relative;background:var(--c64-green)}#game-canvas{width:100%;display:block;box-sizing:border-box}.game-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,#1a1a2e,#0a0a1a);border:3px solid var(--c64-blue);border-bottom:none;padding:.5rem 1rem;font-family:"Press Start 2P",monospace;font-size:clamp(8px,1.8vw,11px);gap:.5rem;flex-wrap:wrap}.player-indicator{padding:.3em .6em;border:2px solid}.player-indicator.eldoin{color:var(--c64-yellow);border-color:var(--c64-yellow);background:#b8c76f1a}.player-indicator.dailor{color:var(--c64-light-blue);border-color:var(--c64-light-blue);background:#6c5eb51a}.phase-indicator{display:inline-flex;align-items:center;gap:.5em;padding:.25em .75em;border-radius:2px;background:var(--c64-dark-gray);border:2px solid var(--c64-blue)}.phase-indicator.active{border-color:var(--c64-yellow)}.phase-indicator.movement.active{background:#9ad28433;border-color:var(--c64-light-green)}.phase-indicator.attack.active{background:#9a675933;border-color:var(--c64-light-red)}.phase-indicator.fortification.active{background:#6f3d8633;border-color:var(--c64-purple)}.turn-counter{font-size:.9em;color:var(--c64-light-blue)}.turn-counter span{color:var(--c64-yellow)}.btn-end-turn{font-family:"Press Start 2P",monospace;font-size:clamp(6px,1.5vw,10px);background:var(--c64-dark-gray);color:var(--c64-yellow);border:2px solid var(--c64-blue);padding:.4em .8em;cursor:pointer;transition:all .15s ease}.btn-end-turn:hover{background:var(--c64-blue);border-color:var(--c64-yellow);box-shadow:0 0 10px #b8c76f66}.btn-end-turn:active{transform:scale(.95)}#status-bar{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(180deg,#1a1a2e,#0a0a1a);border:3px solid var(--c64-blue);border-top:none;font-family:"Press Start 2P",monospace;font-size:clamp(8px,1.8vw,12px);color:var(--c64-light-gray);min-height:3.5rem}.status-left{display:flex;flex-direction:column;justify-content:center}.status-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;text-align:right}#terrain-info{color:var(--c64-light-gray)}#unit-info{color:var(--c64-yellow)}#unit-stats{color:var(--c64-light-blue);font-size:.85em}.stat-rng{color:var(--c64-yellow)}.stat-mov{color:var(--c64-light-green)}.stat-atk{color:var(--c64-light-red)}.stat-def{color:var(--c64-yellow)}@media(max-width:480px){.game-header{justify-content:center;text-align:center}}#victory-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000e6;z-index:1000}.victory-content{text-align:center;padding:3rem;background:linear-gradient(180deg,#1a1a3a,#0a0a1a);border:4px solid var(--c64-yellow);box-shadow:0 0 30px #b8c76f80,0 0 60px #b8c76f4d}.victory-title{font-family:"Press Start 2P",monospace;font-size:clamp(1rem,4vw,2rem);color:var(--c64-white);margin-bottom:1em;text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(255,255,255,.5)}.winner-name{font-family:"Press Start 2P",monospace;font-size:clamp(1.2rem,5vw,2.5rem);margin-bottom:.5em}.winner-name.eldoin{color:var(--c64-yellow);text-shadow:0 0 15px rgba(184,199,111,1),0 0 30px rgba(184,199,111,.7)}.winner-name.dailor{color:var(--c64-light-blue);text-shadow:0 0 15px rgba(108,94,181,1),0 0 30px rgba(108,94,181,.7)}.victory-message{font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,2vw,.8rem);color:var(--c64-light-gray);margin-bottom:2em;font-style:italic}