@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";:root{--bg-color: #0d0e15;--text-main: #00ff41;--text-alt: #ff0055;--text-highlight: #f8e71c;--ui-border: #00ff41;--ui-bg: rgba(0, 25, 0, .8);--font-pixel: "Press Start 2P", cursive;--font-terminal: "VT323", monospace}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-pixel);-webkit-font-smoothing:none;overflow:hidden;display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;-webkit-user-select:none;user-select:none}#root{width:100%;height:100%;position:relative}body:after{content:" ";display:block;position:absolute;inset:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);z-index:2;background-size:100% 4px,6px 100%;pointer-events:none}.retro-btn{background-color:transparent;color:var(--text-main);border:4px solid var(--ui-border);padding:15px 25px;font-family:var(--font-pixel);font-size:1rem;text-transform:uppercase;cursor:pointer;transition:all .1s;box-shadow:4px 4px #00ff414d}.retro-btn:hover,.retro-btn:focus{background-color:var(--text-main);color:var(--bg-color);box-shadow:2px 2px #00ff41cc;transform:translate(2px,2px);outline:none}.retro-btn:active{box-shadow:0 0 #00ff41cc;transform:translate(4px,4px)}img{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.blink{animation:blink-animation 1s steps(2,start) infinite}@keyframes blink-animation{to{visibility:hidden}}.app-container{width:100%;height:100%;position:relative;display:flex;flex-direction:column}.ui-pane{background-color:var(--ui-bg);border:4px solid var(--ui-border);padding:20px;box-shadow:5px 5px #00000080}.start-screen{display:flex;flex-direction:column;align-items:center;justify-content:space-around;height:100%;width:100%;padding:2rem;background-color:#000;color:var(--text-main);text-align:center}.title-container{margin-top:10vh}.game-title{font-size:3rem;color:var(--text-highlight);text-shadow:4px 4px 0 var(--text-alt);margin-bottom:20px;line-height:1.5}.subtitle{font-size:1.2rem;color:#fff}.start-prompt{margin-top:50px}.start-btn{font-size:1.5rem;padding:20px 40px;border-width:6px}.credits{font-family:var(--font-terminal);font-size:1.2rem;margin-top:auto;color:#aaa}.credits p{margin-bottom:5px}.map-screen{position:relative;width:100%;height:100%;background-color:#222;background-image:url(/assets/overworld_map.png);background-size:cover;background-position:center}.status-hud{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;z-index:10}.hud-item{font-size:1.2rem}.highlight{color:var(--text-highlight)}.party-btn{position:absolute;bottom:20px;right:20px;z-index:20;font-size:1.2rem;padding:15px 30px;background-color:var(--text-highlight);color:#000;box-shadow:4px 4px #000}.party-btn:hover{background-color:#fff;color:#000}.world-map{position:absolute;top:0;left:0;width:100%;height:100%}.map-node{position:absolute;width:60px;height:60px;background-color:#000000b3;border:4px solid #888;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#ccc;cursor:not-allowed;transform:translate(-50%,-50%);transition:all .3s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.map-node.unlocked{background-color:var(--ui-bg);border-color:var(--ui-border);color:var(--text-main);cursor:pointer}.map-node.unlocked:hover{background-color:var(--text-main);color:var(--bg-color);transform:translate(-50%,-50%) scale(1.1)}.map-node.current{box-shadow:0 0 20px var(--text-main);border-color:var(--text-highlight)}.map-node.completed{background-color:#1e1e1ee6;border-color:#555;color:#777;cursor:not-allowed}.player-indicator{position:absolute;top:-40px;color:var(--text-highlight);font-size:2rem;text-shadow:2px 2px 0 #000}.party-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:100}.party-modal{width:80%;max-height:80%;display:flex;flex-direction:column;align-items:center;background-color:var(--ui-bg);border:4px solid var(--text-highlight);box-shadow:10px 10px #000;padding:30px;overflow-y:auto}.party-desc{margin-bottom:20px;text-align:center;font-size:1rem;color:#ccc}.empty-party{color:var(--text-alt);font-size:1.5rem;margin:40px 0}.party-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:20px;width:100%;margin-bottom:30px}.party-member{display:flex;flex-direction:column;align-items:center;background-color:#111;border:2px solid #333;padding:10px;border-radius:8px}.party-sprite{width:60px;height:60px;background-size:200%;background-position:left top;image-rendering:pixelated;margin-bottom:15px}.party-name{font-family:var(--font-pixel);font-size:.8rem;color:#fff;text-align:center}.encounter-screen{display:flex;flex-direction:column;height:100%;width:100%;background-color:#1a0f14;position:relative;overflow:hidden}.battle-stage{flex:6;position:relative;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(to bottom,#2b1d3d,#1a0f14);border-bottom:4px solid var(--ui-border);padding:20px}.battle-hud{position:absolute;top:20px;right:20px;background-color:var(--ui-bg);border:2px solid var(--ui-border);padding:10px 20px;color:#fff;z-index:10;box-shadow:2px 2px #00000080}.drink-counter{color:var(--text-alt);font-size:1.5rem}.enemy-container{display:flex;flex-direction:column;align-items:center;position:absolute;top:20%;right:20%;animation:float 3s ease-in-out infinite}.boss-sprite{font-size:8rem;filter:drop-shadow(0 0 20px rgba(255,0,85,.5))}.boss-image{height:300px;image-rendering:pixelated;filter:drop-shadow(0 0 20px rgba(255,0,85,.5))}.enemy-shadow{width:100px;height:15px;background-color:#00000080;border-radius:50%;margin-top:10px}.player-container{position:absolute;bottom:-20px;left:20%;display:flex;flex-direction:column;align-items:center;z-index:5}.player-image{height:300px;image-rendering:pixelated;animation:breathe 3s ease-in-out infinite}@keyframes breathe{0%{transform:scaleY(1)}50%{transform:scaleY(1.03)}to{transform:scaleY(1)}}.player-tool{position:absolute;bottom:100px;right:-80px;font-size:6rem;animation:tool-idle 2s ease-in-out infinite;filter:drop-shadow(2px 2px 0px rgba(0,0,0,.8))}@keyframes tool-idle{0%{transform:rotate(0) translateY(0)}50%{transform:rotate(-5deg) translateY(-10px)}to{transform:rotate(0) translateY(0)}}.command-ui{flex:4;display:flex;background-color:#0d0e15;padding:15px;gap:15px}.dialogue-box{flex:1;background-color:var(--ui-bg);border:4px solid #fff;border-radius:5px;padding:20px;color:#fff;display:flex;flex-direction:column;justify-content:center;box-shadow:inset 0 0 10px #000c}.dialogue-speaker{color:var(--text-highlight);margin-bottom:15px;font-size:1.2rem;text-transform:uppercase;letter-spacing:2px}.dialogue-text{font-family:var(--font-terminal);font-size:1.6rem;line-height:1.4}.action-menu{flex:1;background-color:var(--ui-bg);border:4px solid var(--ui-border);border-radius:5px;padding:15px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px}.action-menu.single-column{grid-template-columns:1fr;grid-template-rows:auto}.attack-btn{background-color:#000;color:#fff;border:2px solid var(--text-main);border-radius:4px;font-family:var(--font-pixel);font-size:1rem;padding:10px;cursor:pointer;transition:all .1s;text-align:left;display:flex;align-items:center}.attack-btn:before{content:"▶";color:transparent;margin-right:10px}.attack-btn:hover,.attack-btn:focus{background-color:#222;border-color:var(--text-highlight);color:var(--text-highlight);outline:none}.attack-btn:hover:before,.attack-btn:focus:before{color:var(--text-highlight)}.battle-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:50;display:flex;justify-content:center;align-items:center}.result-message{font-size:3rem;text-align:center;background-color:var(--ui-bg);border:6px solid;padding:40px;border-radius:10px}.wrong-text{color:var(--text-alt);border-color:var(--text-alt);text-shadow:4px 4px 0px #000}.win-text{color:var(--text-main);border-color:var(--text-main);text-shadow:4px 4px 0px #000}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.shake-camera{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.shake-enemy{animation:shake .3s cubic-bezier(.36,.07,.19,.97) both;filter:drop-shadow(0 0 30px rgba(0,255,65,.8)) hue-rotate(90deg)}@keyframes shake{10%,90%{transform:translate3d(-5px,0,0)}20%,80%{transform:translate3d(10px,0,0)}30%,50%,70%{transform:translate3d(-20px,0,0)}40%,60%{transform:translate3d(20px,0,0)}}