:root{--bg: #000000;--text: #ffffff;--red: #ff0000;--yellow: #ffff00;--green: #00ff00;--orange: #ff9900;--dark-red: #880000}*{box-sizing:border-box;margin:0;padding:0;font-family:"Press Start 2P",monospace;image-rendering:pixelated;-webkit-user-select:none;user-select:none}body{background-color:#111;color:var(--text);min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.undertale-wrapper{background-color:var(--bg);width:100vw;max-width:800px;height:100vh;max-height:680px;border:6px double #ffffff;padding:1.5rem;display:flex;flex-direction:column;position:relative;box-shadow:0 20px 50px #000c}.game-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:2px solid #333333;margin-bottom:1rem}.logo-group{display:flex;align-items:center;gap:.6rem;font-size:1.1rem}.logo-red{color:var(--red);animation:heartbeat 1s infinite alternate}.logo-text{letter-spacing:.15em;font-weight:700}.btn-sound{background:transparent;color:var(--text);border:2px solid #555;padding:.4rem .8rem;font-size:.65rem;cursor:pointer;outline:none}.btn-sound:hover{border-color:var(--yellow);color:var(--yellow)}.btn-sound.muted .sound-on{display:none}.btn-sound:not(.muted) .sound-off{display:none}.viewport{flex:1;display:flex;flex-direction:column;justify-content:center;position:relative}.game-screen{display:none;width:100%;height:100%}.game-screen.active{display:flex;flex-direction:column;justify-content:space-between}#screen-intro{display:none;justify-content:center;align-items:center;flex-direction:column;gap:2rem;height:100%;animation:fadeIn .5s ease-out}#screen-intro.active{display:flex}.game-title{font-size:3rem;color:var(--text);letter-spacing:.1em}.game-subtitle{font-size:1rem;color:var(--yellow);margin-top:-1rem;letter-spacing:.2em}.save-status-box{border:4px solid #ffffff;padding:2rem;max-width:480px;width:100%;background:#000;text-align:center}.status-title{color:var(--yellow);font-size:.9rem;letter-spacing:.1em}.btn-pixel{background:transparent;border:4px solid #ffffff;color:#fff;font-size:.9rem;padding:.8rem 1.8rem;cursor:pointer;margin-top:1rem}.btn-pixel:hover{border-color:var(--orange);color:var(--orange)}.instructions-card{font-size:.55rem;color:#777;text-align:left;line-height:1.8;max-width:400px}.instructions-card p{color:#aaa;margin-bottom:.4rem;font-weight:700}.instructions-card ul{list-style-type:none}.canvas-wrapper{position:relative;width:640px;height:480px;margin:0 auto;border:4px solid #ffffff;background:#050505}#explore-canvas{width:100%;height:100%}.dialog-box{position:absolute;bottom:12px;left:12px;right:12px;background:#000;border:4px solid #ffffff;padding:1.2rem 1.8rem;min-height:90px;z-index:50;display:none;font-size:.7rem;line-height:1.6}.dialog-box.active{display:block}.dialog-arrow{position:absolute;bottom:8px;right:12px;color:var(--text);font-size:.6rem;animation:bounce .6s infinite alternate}.monster-stage{height:200px;display:flex;align-items:flex-end;justify-content:center;position:relative}.monster-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}#monster-portrait{font-size:5rem;animation:bounceMonster 1.5s infinite alternate ease-in-out;filter:drop-shadow(0 0 10px rgba(255,255,255,.15))}.monster-speech-bubble{position:absolute;left:110%;bottom:40px;background:#fff;border:4px solid #000000;border-radius:12px;padding:.8rem 1rem;color:#000;font-size:.6rem;width:180px;display:none;line-height:1.4;box-shadow:0 0 0 4px #fff}.monster-speech-bubble:before{content:"";position:absolute;left:-12px;bottom:20px;border-width:6px 12px 6px 0;border-style:solid;border-color:transparent #000000 transparent transparent}.monster-speech-bubble.active{display:block}.battle-box-container{flex:1;padding:1rem 0;display:flex;align-items:center;justify-content:center}.battle-arena-box{width:100%;height:150px;background:#000;border:4px solid #ffffff;padding:1.2rem;position:relative;display:flex;align-items:center}.battle-text-display{font-size:.8rem;line-height:1.8;word-spacing:.05em}#bullet-hell-canvas{width:100%;height:100%;background:#000}.slider-game-wrapper{width:100%;height:100%;border:2px solid #555;background:linear-gradient(to right,transparent,transparent 48%,#00e5ff 48%,#00e5ff 52%,transparent 52%);position:relative}.strike-target{position:absolute;left:50%;top:0;width:20px;height:100%;transform:translate(-50%);background:#00ff0026;border-left:2px dashed #00ff00;border-right:2px dashed #00ff00}.slider-indicator{position:absolute;top:0;width:8px;height:100%;background:#fff;box-shadow:0 0 10px #fff;left:0%}.hud-status-bar{display:flex;align-items:center;gap:1.5rem;padding:.5rem;font-size:.75rem;margin-bottom:.5rem}.hud-name{font-weight:700}.hud-lvl{margin-right:2rem}.hud-hp-label{font-size:.55rem;font-weight:700;color:var(--yellow)}.hud-hp-progress{width:120px;height:16px;background:var(--dark-red);border:1px solid #111;position:relative}.hud-hp-fill{height:100%;background:var(--yellow)}.hud-hp-numeric{font-size:.7rem}.combat-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}.btn-action{background:transparent;border:4px solid var(--orange);color:var(--orange);padding:.8rem 0;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:700}.btn-action .action-heart{visibility:hidden;color:var(--red)}.btn-action.selected,.btn-action:hover{color:var(--yellow);border-color:var(--yellow)}.btn-action.selected .action-heart,.btn-action:hover .action-heart{visibility:visible}.action-choice-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;width:100%}.choice-item{cursor:pointer;font-size:.75rem;display:flex;align-items:center;gap:.5rem}.choice-item:before{content:"♥";color:var(--red);visibility:hidden}.choice-item:hover,.choice-item.selected{color:var(--yellow)}.choice-item:hover:before,.choice-item.selected:before{visibility:visible}.flicker{animation:flickerRed .15s repeat 3}@keyframes flickerRed{0%,to{filter:invert(0);opacity:1}50%{filter:invert(1) sepia(1) saturate(10) hue-rotate(320deg);opacity:.7}}.battle-flash{animation:encounterFlash .6s step-end 1}@keyframes encounterFlash{0%,40%,80%{background-color:#fff;filter:invert(1)}20%,60%,to{background-color:#000;filter:invert(0)}}.shake-screen{animation:cameraShake .4s ease-out}@keyframes cameraShake{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-5px,3px)}30%,70%{transform:translate(5px,-3px)}}@keyframes heartbeat{0%{transform:scale(1)}to{transform:scale(1.15)}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@keyframes bounceMonster{0%{transform:translateY(0) scaleY(1)}to{transform:translateY(-10px) scaleY(.96) rotate(1deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.save-flash-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;z-index:1000;pointer-events:none;animation:saveFlashAnim .6s ease-out forwards}@keyframes saveFlashAnim{0%{opacity:.8}to{opacity:0}}.game-footer{font-size:.45rem;color:#444;margin-top:1rem;border-top:1px solid #222;padding-top:.8rem}.text-center{text-align:center}