@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";:root{--bg: transparent;--panel: rgba(6, 18, 6, .4);--line: #1df23a;--txt: #1df23a;--muted: #0b781a;--ok: #1df23a;--bad: #ff3333;--warn: #ffb822;--info: #00e6e6}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}body{font-family:VT323,monospace;font-size:clamp(14px,2.2svh,18px);line-height:1.15;color:var(--txt);background-color:#030803;height:100svh;width:100vw;overflow:hidden;text-transform:uppercase;text-shadow:0 0 4px rgba(29,242,58,.6);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overscroll-behavior-y:none}#bg-layer{position:fixed;inset:0;background-image:linear-gradient(#03080399,#03080399),url(../img/background.webp);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-1}.crt-container{height:100%;width:100%;display:flex;flex-direction:column}body:before{content:"";position:fixed;inset:0;background:linear-gradient(#12101000 50%,#0003 50%);background-size:100% 4px;z-index:100;pointer-events:none}.crt{animation:crtFlicker .15s infinite;will-change:opacity}@keyframes crtFlicker{0%{opacity:.95}50%{opacity:1}to{opacity:.98}}.card{background:var(--panel);border:2px solid var(--line);box-shadow:0 0 8px #1df23a33,inset 0 0 8px #1df23a1a;position:relative}.hud{flex:0 0 auto;margin:.5rem;padding:.5rem;z-index:5;display:flex;flex-direction:column;gap:.4rem}.hud-top{display:flex;justify-content:space-between;align-items:flex-start}h1{font-size:1.2em;font-weight:400;letter-spacing:1px}h2{font-size:1.2em;font-weight:400;border-bottom:1px dashed var(--line);padding-bottom:.2rem;margin-bottom:.2rem}.sub{color:#7eff9a;font-size:.95em;text-shadow:0 0 4px #000,0 0 8px rgba(0,0,0,.8);background:#00080080;padding:1px 4px;border-radius:2px;display:inline-block}.modal .sub{color:#a8ffbe;font-size:1em;background:#000f00b3;padding:3px 8px;border:1px dashed rgba(29,242,58,.4);border-radius:3px;display:block;text-shadow:0 0 6px var(--line);margin-bottom:4px}.shopItem .sub{color:#7eff9a;font-size:.9em;background:transparent;border:none;padding:0;text-shadow:0 0 4px #000;display:block;margin-top:2px}.highlight-text{color:#fff;background:#001400b3;padding:2px 6px;border-radius:4px;text-shadow:0 0 6px var(--line);display:inline-block;margin-top:4px}.capsTop{padding:.2rem .4rem;border:1px solid var(--line);background:#000c}.row{display:flex;gap:.3rem;flex-wrap:wrap;align-items:center}.pill{border:1px solid var(--line);padding:.2rem .4rem;font-size:1em;background:#0a1e0acc;color:#fff;text-shadow:0 0 5px var(--line),0 0 2px var(--line);box-shadow:inset 0 0 5px #1df23a33;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.pill-btn{cursor:pointer;transition:all .2s;outline:none;font-family:inherit;text-transform:uppercase}.pill-btn:hover:not(:disabled){background:var(--line);color:#000;text-shadow:none;box-shadow:0 0 10px var(--line)}.pill-btn:active{transform:scale(.95)}.auth-hud-btn{border-color:var(--warn)!important;color:var(--warn)!important;text-shadow:0 0 6px var(--warn),0 0 2px var(--warn)!important;box-shadow:inset 0 0 5px #ffb82226,0 0 8px #ffb82233!important;animation:authPulse 2.5s ease-in-out infinite}.auth-hud-btn:hover:not(:disabled){background:var(--warn)!important;color:#000!important;text-shadow:none!important;box-shadow:0 0 14px #ffb82299!important;animation:none}@keyframes authPulse{0%,to{box-shadow:inset 0 0 5px #ffb82226,0 0 6px #ffb82233}50%{box-shadow:inset 0 0 8px #ffb8224d,0 0 14px #ffb82266}}.app{flex:1 1 auto;min-height:0;margin:0 .5rem .5rem;display:flex;flex-direction:column}.center{flex:1 1 auto;min-height:0;padding:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.4rem;text-align:center}#charBtn{flex:1 1 auto;min-height:40px;width:100%;max-width:500px;border:2px solid var(--line);border-radius:2px;background:repeating-linear-gradient(0deg,#0514054d,#0514054d 2px,#0a210a4d 2px 4px);cursor:pointer;position:relative;overflow:hidden;transition:transform .1s}#charBtn:active{transform:scale(.98)}#charBtn img{position:absolute;left:50%;bottom:0;transform:translate(-50%);height:95%;max-width:100%;object-fit:contain;filter:sepia(1) hue-rotate(70deg) saturate(3) brightness(.9) drop-shadow(0 0 10px var(--line))}.statusBars{flex:0 0 auto;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:.4rem .6rem;text-align:left;background:#000500b3;padding:.5rem;border-radius:2px;border:1px solid rgba(29,242,58,.4);text-shadow:0 0 3px #000,0 0 5px var(--line)}.bar{height:8px;border:1px solid var(--line);overflow:hidden;background:#000c}.fill{height:100%;width:100%;transform-origin:left;transform:scaleX(0);box-shadow:0 0 5px currentColor;transition:transform .3s;will-change:transform}.bg-bad{background:var(--bad);color:var(--bad)}.bg-ok{background:var(--ok);color:var(--ok)}.bg-warn{background:var(--warn);color:var(--warn)}.res{flex:0 0 auto;width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;background:#000500b3;padding:.5rem;border-radius:2px;border:1px solid rgba(29,242,58,.4)}.actionsRow{flex:0 0 auto;width:100%;display:flex;flex-wrap:wrap;gap:.4rem;background:#000500b3;padding:.5rem;border-radius:2px;border:1px solid rgba(29,242,58,.4)}.actionsRow>*{flex:1 1 0px}.btn{background:#000000b3;color:var(--line);border:2px solid var(--line);border-radius:2px;padding:.4rem .8rem;cursor:pointer;font-family:VT323,monospace;font-size:1.1em;text-transform:uppercase;transition:all .2s;flex:1 1 auto;white-space:normal;word-wrap:break-word;display:flex;align-items:center;justify-content:center;text-align:center}.btn:hover:not(:disabled){background:var(--line);color:#000;text-shadow:none}.btn.alt{border-style:dashed}.btn.good{border-color:var(--line)}.btn.bad{border-color:var(--bad);color:var(--bad)}.btn.bad:hover:not(:disabled){background:var(--bad);color:#000}.btn:disabled{opacity:.5;border-color:var(--muted);color:var(--muted);cursor:not-allowed}.overlay{position:fixed;inset:0;background:#00000059;display:none;align-items:center;justify-content:center;z-index:10;padding:.5rem}.overlay.show{display:flex;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:600px;max-height:100%;min-height:0;background:#040e04bf;border:2px solid var(--line);display:flex;flex-direction:column;padding:.8rem;gap:.5rem;animation:glitchIn .2s forwards}@keyframes glitchIn{0%{transform:scale(1.02);opacity:0}to{transform:scale(1);opacity:1}}.scrollable{overflow-y:auto;min-height:0;padding-right:.3rem;max-height:55vh}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border-radius:2px}.shopItem{display:flex;justify-content:space-between;align-items:center;gap:.5rem;background:#000c0099;margin-bottom:4px;padding:6px 8px;border-radius:3px;border:1px solid rgba(29,242,58,.2)}.shopItem:hover{background:#001900b3;border-color:#1df23a80}.shopItem>div{flex:1 1 auto;color:#fff;text-shadow:0 0 4px #000}.shopItem .btn{flex:0 0 auto;padding:.2rem .6rem;font-size:1em}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;flex:0 0 auto;width:100%}#atk{position:relative;overflow:hidden}.cd-bar{position:absolute;bottom:0;left:0;width:100%;height:4px;background:#00000080}#atkFill{height:100%;width:100%;transform-origin:left;transform:scaleX(0);background:var(--line);box-shadow:0 0 10px var(--line);transition:transform .05s linear;will-change:transform}.enemy{background:#00000080;border:1px solid var(--line);padding:.5rem;display:flex;flex-direction:column;gap:.3rem;flex:1 1 auto;min-height:0;align-items:center;justify-content:center}.enemy img{width:auto;height:auto;max-width:100%;max-height:40vh;flex:1 1 0%;min-height:0;aspect-ratio:1 / 1;object-fit:contain;border:2px solid var(--line);border-radius:4px;margin:.3rem 0;filter:sepia(1) hue-rotate(70deg) saturate(3) brightness(.9);box-shadow:0 0 10px #1df23a33}.enemy .bar,.enemy .sub,.enemy #enemyName{width:100%;text-align:left}.enemy #enemyName{font-size:1.1em;font-weight:700;text-shadow:0 0 5px var(--line);background:none;border:none;padding:0;color:var(--line)}.toastWrap{position:fixed;top:.5rem;right:.5rem;z-index:20;display:flex;flex-direction:column;gap:.4rem;pointer-events:none}.toast{background:#000a00eb;border:1px solid var(--line);border-left:4px solid var(--line);padding:.4rem .8rem;max-width:280px;box-shadow:0 0 10px #000;animation:slideLeft .3s forwards;pointer-events:auto}@keyframes slideLeft{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(1px,-1px)}60%{transform:translate(-3px,1px)}}.shake{animation:shake .3s}.flash-red{animation:flashRed .3s}@keyframes flashRed{0%{box-shadow:inset 0 0 40px red;border-color:red}to{box-shadow:0 0 8px #1df23a33,inset 0 0 8px #1df23a1a;border-color:var(--line)}}.defeat-overlay{background:#140000d9!important;z-index:100}.defeat-card{border-color:var(--bad);box-shadow:0 0 20px #f006,inset 0 0 20px #f003;background:#0a0000e6;text-align:center}.defeat-stats{border-top:1px dashed var(--bad);border-bottom:1px dashed var(--bad);padding:1rem 0;margin:.5rem 0;display:flex;flex-direction:column;gap:.5rem}.defeat-msg{font-style:italic;color:#fff;opacity:.7;margin-top:.5rem}.glitch-text{color:var(--bad);font-size:2em;font-weight:700;position:relative;animation:glitch 1s infinite}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%;background:#0a0000e6}.glitch-text:before{left:2px;text-shadow:-1px 0 red;clip:rect(24px,550px,90px,0);animation:glitch-anim-2 2.5s infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-1px 0 blue;clip:rect(85px,550px,140px,0);animation:glitch-anim 2s infinite linear alternate-reverse}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes glitch-anim{0%{clip:rect(36px,9999px,9px,0)}to{clip:rect(13px,9999px,86px,0)}}@keyframes glitch-anim-2{0%{clip:rect(65px,9999px,100px,0)}to{clip:rect(26px,9999px,3px,0)}}@media(max-width:600px){.modal{padding:.5rem;width:98vw;max-height:98vh}.enemy img{max-height:35vh}.actions{grid-template-columns:repeat(3,1fr);gap:.3rem}.actions button{font-size:.9em;padding:.2rem;min-height:40px}#retreat{grid-column:span 3}.actionsRow .pill-btn{white-space:normal;font-size:.85em;padding:.2rem;line-height:1.1;display:flex;align-items:center;justify-content:center}.res{grid-template-columns:repeat(2,1fr)}.toastWrap{top:10rem;right:.5rem;left:.5rem}.toast{max-width:100%}}.ending-overlay{background:#000500eb!important;z-index:100}.ending-card{border-color:var(--warn);box-shadow:0 0 30px #ffb8224d,inset 0 0 30px #ffb8221a;background:#040c04f2;text-align:center;position:relative;overflow:hidden}.ending-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(255,184,34,.06) 0%,transparent 70%);pointer-events:none;animation:endingPulse 3s ease-in-out infinite}@keyframes endingPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.ending-title{color:var(--warn);font-size:1.4em;border-bottom:none;text-shadow:0 0 10px var(--warn),0 0 20px rgba(255,184,34,.4);padding-bottom:0;margin-bottom:0;letter-spacing:2px}.ending-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--warn),transparent);opacity:.5;margin:.3rem 0}.ending-text{font-size:1.05em;line-height:1.6;color:#d0ffd0;white-space:pre-line;text-align:left;padding:.5rem;background:#00080080;border-radius:2px}.ending-score{color:var(--warn);font-size:.95em;opacity:.8;letter-spacing:1px}.ending-card .btn.good{border-color:var(--warn);color:var(--warn);text-shadow:0 0 6px var(--warn)}.ending-card .btn.good:hover{background:var(--warn);color:#000;text-shadow:none}.defeat-overlay.show .defeat-card{animation:defeatAppear .4s cubic-bezier(.22,1,.36,1) forwards}@keyframes defeatAppear{0%{transform:scale(.85);opacity:0;box-shadow:0 0 60px #f00c,inset 0 0 40px #f006}60%{transform:scale(1.02);opacity:1}to{transform:scale(1);opacity:1;box-shadow:0 0 20px #f006,inset 0 0 20px #f003}}.defeat-btn-hidden{opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .4s ease,transform .4s ease}.defeat-btn-visible{opacity:1;pointer-events:auto;transform:translateY(0);transition:opacity .4s ease,transform .4s ease}.synth-resources{background:#000a00b3;border:1px solid rgba(29,242,58,.4);border-radius:3px;padding:4px 8px;margin-bottom:6px;font-size:.95em;color:#7eff9a}.synth-mats{color:#fff;text-shadow:0 0 5px var(--line)}.img-fallback{display:none;align-items:center;justify-content:center;border:2px dashed rgba(29,242,58,.4);border-radius:4px;color:#1df23a80;font-family:VT323,monospace;font-size:1em;background:#000a0099;text-align:center;padding:.5rem;letter-spacing:2px}#authModal{background:#000000b3;z-index:50;align-items:center;justify-content:center;padding:clamp(.5rem,3vw,1.5rem)}.auth-modal{width:100%;max-width:480px;max-height:95dvh;overflow-y:auto;background:#030c03f7;border:2px solid var(--line);box-shadow:0 0 40px #1df23a40,inset 0 0 30px #1df23a0d;padding:clamp(.8rem,4vw,1.6rem);gap:clamp(.6rem,2vw,1rem);display:flex;flex-direction:column;animation:glitchIn .25s forwards}.auth-header{text-align:center;border-bottom:1px dashed rgba(29,242,58,.4);padding-bottom:clamp(.4rem,2vw,.8rem)}.auth-icon{font-size:clamp(2rem,6vw,3.5rem);line-height:1;margin-bottom:.3rem;filter:drop-shadow(0 0 10px var(--line));animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.96)}}.auth-header h2{font-size:clamp(1.2em,4vw,1.8em);border-bottom:none;letter-spacing:3px;text-shadow:0 0 12px var(--line);padding-bottom:0;margin-bottom:.2rem}.auth-header .sub{font-size:clamp(.75em,2.5vw,.95em);letter-spacing:2px;opacity:.7}.auth-benefits{display:flex;flex-direction:column;gap:clamp(.4rem,2vw,.7rem)}.auth-benefit-item{display:flex;align-items:flex-start;gap:clamp(.5rem,2vw,.9rem);background:#00140080;border:1px solid rgba(29,242,58,.2);border-radius:3px;padding:clamp(.4rem,2vw,.7rem) clamp(.5rem,2vw,.9rem);transition:border-color .2s,background .2s}.auth-benefit-item:hover{border-color:#1df23a80;background:#001e0099}.auth-benefit-icon{font-size:clamp(1.2rem,4vw,1.8rem);flex-shrink:0;line-height:1;filter:drop-shadow(0 0 6px var(--line))}.auth-benefit-title{font-size:clamp(.9em,3vw,1.1em);color:#fff;text-shadow:0 0 6px var(--line);letter-spacing:1px;margin-bottom:2px}.auth-actions{display:flex;flex-direction:column;gap:clamp(.4rem,2vw,.6rem);margin-top:clamp(.2rem,1vw,.4rem)}.auth-btn-login{font-size:clamp(1em,3.5vw,1.3em);padding:clamp(.6rem,2vw,1rem) 1rem;letter-spacing:2px;background:#00500099!important;border-color:var(--line)!important;text-shadow:0 0 8px var(--line);box-shadow:0 0 15px #1df23a33;transition:all .2s;flex:0 0 auto}.auth-btn-login:hover:not(:disabled){background:var(--line)!important;color:#000!important;text-shadow:none!important;box-shadow:0 0 25px #1df23a80!important}.auth-btn-skip{font-size:clamp(.85em,2.5vw,1em);padding:clamp(.4rem,1.5vw,.7rem) .8rem;opacity:.6;border-style:dashed;border-color:#1df23a66!important;flex:0 0 auto;transition:opacity .2s,border-color .2s}.auth-btn-skip:hover:not(:disabled){opacity:1;border-color:var(--line)!important;background:#001400cc;color:var(--line);text-shadow:0 0 4px var(--line)}@media(max-height:600px){.auth-modal{gap:.4rem;padding:.6rem}.auth-icon{font-size:1.5rem;margin-bottom:0}.auth-benefit-item{padding:.3rem .5rem}.auth-btn-login{padding:.5rem}}