:root{--color-bg: #0f0f1a;--color-panel: #1a1a2e;--color-panel-dark: #16213e;--color-border: #5a7a9a;--color-text: #e8d5b7;--color-gold: #ffd700;font-family:"Press Start 2P",cursive;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--color-bg);color:var(--color-text);min-width:320px;min-height:100vh;-webkit-user-select:none;user-select:none;overflow:hidden}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--color-panel-dark)}::-webkit-scrollbar-thumb{background:var(--color-border);border:2px solid var(--color-panel-dark)}::-webkit-scrollbar-thumb:hover{background:var(--color-gold)}@keyframes kenBurns{0%{transform:scale(1) translate(0)}to{transform:scale(1.1) translate(-2%,-1%)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scene-display{width:100%;height:100%;overflow:hidden;position:relative}.scene-bg{width:100%;height:100%;background-size:cover;background-position:center;animation:kenBurns 20s ease-in-out infinite alternate;will-change:transform;transition:background-image .5s ease-in-out}.battle-container{width:100%;height:100%;position:relative;background-color:#222;display:flex;flex-direction:column}.battle-arena{flex:1;position:relative;background:radial-gradient(circle at center,#2d3436,#000);overflow:hidden}.bot-sprite{width:250px;height:auto;image-rendering:pixelated;transition:all .5s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:60px;right:10px;z-index:2}.player-sprite{width:200px;height:auto;image-rendering:pixelated;position:absolute;bottom:-40px;left:-20px;z-index:3;filter:drop-shadow(4px 4px 0 rgba(0,0,0,.5))}.bot-sprite.shake,.player-sprite.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;filter:brightness(2) drop-shadow(0 0 10px white)}.bot-sprite.defeated{filter:grayscale(100%) brightness(50%);transform:scale(.9)}.battle-hud{position:absolute;top:10px;left:10px;right:10px;background:var(--color-panel);border:2px solid var(--color-text);padding:8px;font-family:"Press Start 2P",cursive;font-size:10px;color:var(--color-text);z-index:10;display:flex;justify-content:space-between;align-items:center}.hp-bar-container{width:120px;height:12px;background:#2d3436;border:2px solid #fff;position:relative}.hp-bar-fill{height:100%;background:#ff4757;transition:width .5s ease}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.text-log-container{position:relative;background:linear-gradient(135deg,var(--color-panel),var(--color-panel-dark));border:2px solid var(--color-border);padding:0;margin-bottom:.5rem;min-height:0;flex-grow:1;display:flex;flex-direction:column}.text-scroll-area{flex:1;overflow-y:auto;padding:.8rem;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.text-content{font-family:"Press Start 2P",cursive;font-size:11px;line-height:1.5;color:var(--color-text)}.text-content p{margin:0 0 1rem}.corner{position:absolute;width:8px;height:8px;background-color:var(--color-gold);z-index:10}.top-left{top:-4px;left:-4px}.top-right{top:-4px;right:-4px}.bottom-left{bottom:-4px;left:-4px}.bottom-right{bottom:-4px;right:-4px}.scroll-hint{position:absolute;bottom:8px;left:50%;transform:translate(-50%);color:var(--color-gold);animation:bounce 2s infinite;font-size:12px}@media(max-width:400px){.text-content{font-size:12px}}.action-menu{display:flex;flex-direction:column;gap:1rem;padding-bottom:env(safe-area-inset-bottom);flex-shrink:0}@media(max-width:600px){.action-menu{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;padding-bottom:.5rem}}.action-button{width:100%;padding:1rem;background:linear-gradient(to bottom,#2d3a4f,#1e2738);border:2px solid var(--color-border);color:var(--color-text);font-family:"Press Start 2P",cursive;font-size:10px;cursor:pointer;text-align:left;position:relative;transition:all .1s ease-out;box-shadow:4px 4px #00000080;text-transform:uppercase}.action-button:hover{transform:translate(4px);border-color:var(--color-gold);color:var(--color-gold)}.action-button:active{transform:translate(4px) translateY(2px);box-shadow:1px 1px #00000080}.action-button.disabled{opacity:.5;cursor:not-allowed;background:#333;border-color:#555;color:#888;pointer-events:none;box-shadow:none;transform:none}@media(min-width:600px){.action-button{font-size:14px}}.inventory-grid{display:flex;align-items:center;gap:.5rem;background:#0000004d;padding:.2rem .5rem;border:1px solid var(--color-border);margin-bottom:.5rem;border-radius:4px;height:38px;flex-shrink:0}.inventory-label{font-family:"Press Start 2P",cursive;font-size:8px;color:var(--color-gold);margin-right:.5rem;white-space:nowrap}.inv-slot{width:24px;height:24px;background:transparent;border:none;display:flex;justify-content:center;align-items:center;transition:transform .1s}.inv-slot:hover{transform:scale(1.2)}.inv-icon{font-size:16px;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.5))}.game-container{display:flex;flex-direction:column;height:100dvh;background:var(--color-bg)}.viewport-section{flex:0 0 55%;position:relative;overflow:hidden;border-bottom:4px solid var(--color-border);transition:flex-basis .3s ease}@media(max-width:600px){.viewport-section{flex:0 0 35%}}.controls-section{flex:1;overflow:hidden;background:linear-gradient(to bottom,var(--color-panel-dark),var(--color-bg));padding:1rem;display:flex;flex-direction:column;gap:.5rem}.inventory-bar{font-family:"Press Start 2P",cursive;font-size:12px;color:var(--color-gold);margin-bottom:.5rem;padding:.5rem;border-bottom:2px solid var(--color-border);text-transform:uppercase}