*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{--bg-dark: #0d0d1a;--bg-panel: #1a1a2e;--bg-panel2: #16213e;--border: #2d3561;--border-light:#4a5080;--text: #e8e8f0;--text-dim: #9090b0;--accent: #5c6bc0;--accent-light:#7986cb;--gold: #ffd700;--danger: #e53935;--success: #43a047;--pixel-font: "Press Start 2P", monospace;--tile-floor: #6aaa6a;--tile-grass: #2e7d32;--tile-tree: #0f4a0f;--tile-water: #1a5fb4;--tile-wall: #5d4037;--tile-door: #8d6e63;--tile-path: #bcaaa4}@media(prefers-color-scheme:light){:root{--bg-dark: #1a1a2e;--bg-panel: #16213e}}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100dvh;background:var(--bg-dark);color:var(--text);font-family:var(--pixel-font);image-rendering:pixelated}#app{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:0}.game-container{width:100%;max-width:560px;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg-panel);border:2px solid var(--border);position:relative;overflow:hidden}.btn{font-family:var(--pixel-font);font-size:.55rem;padding:.6rem 1rem;border:2px solid var(--border-light);background:var(--bg-panel2);color:var(--text);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:background .1s,border-color .1s;image-rendering:pixelated}.btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent-light)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent-light)}.btn-secondary{background:var(--bg-panel2)}.btn-back{font-family:var(--pixel-font);font-size:.55rem;background:none;border:none;color:var(--text-dim);cursor:pointer;padding:.2rem .4rem}.btn-back:hover{color:var(--text)}.title-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:2rem 1rem;gap:1.5rem;background:linear-gradient(180deg,#0d0d1a,#1a1a2e,#0d1a0d)}.title-logo{text-align:center}.title-logo-icon{font-size:4rem;margin-bottom:.5rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.title-name{font-size:1.5rem;color:var(--gold);text-shadow:4px 4px 0 #8b6914,0 0 20px #ffd70066;line-height:1.4;margin:.5rem 0}.title-tagline{font-size:.45rem;color:var(--text-dim);margin:0}.title-actions{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:280px}.title-actions .btn{font-size:.6rem;padding:.8rem 1.5rem;text-align:center}.name-entry{display:flex;flex-direction:column;gap:.75rem}.name-label{font-size:.5rem;color:var(--text-dim)}.name-input{font-family:var(--pixel-font);font-size:.65rem;padding:.6rem .8rem;background:var(--bg-dark);border:2px solid var(--border-light);color:var(--text);outline:none;width:100%}.name-input:focus{border-color:var(--accent-light)}.name-buttons{display:flex;gap:.5rem}.title-creatures{display:flex;gap:.75rem;font-size:1.8rem;opacity:.7;animation:slide 8s linear infinite}@keyframes slide{0%{transform:translate(0)}50%{transform:translate(10px)}to{transform:translate(0)}}.title-hint{font-size:.35rem;color:var(--text-dim);text-align:center;line-height:2;margin:0}.starter-select{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;gap:1rem;min-height:100dvh}.starter-title{font-size:.75rem;color:var(--gold);margin:0;text-align:center}.starter-subtitle{font-size:.45rem;color:var(--text-dim);margin:0;text-align:center}.starter-grid{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;width:100%}.starter-card{font-family:var(--pixel-font);display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem .75rem;background:var(--bg-panel2);border:2px solid var(--border);color:var(--text);cursor:pointer;width:130px;transition:border-color .1s,transform .1s}.starter-card:hover{border-color:var(--accent-light);transform:translateY(-4px)}.starter-sprite{font-size:2.5rem}.starter-name{font-size:.55rem;color:var(--gold)}.starter-type{font-size:.38rem;padding:.2rem .5rem;border-radius:2px;color:#fff}.starter-stats{font-size:.38rem;color:var(--text-dim);line-height:1.8;text-align:left;width:100%}.starter-hint{font-size:.4rem;color:var(--text-dim);text-align:center;line-height:2;margin:0}.overworld{display:flex;flex-direction:column;align-items:center;background:var(--bg-dark);min-height:100dvh}.overworld-hud{display:flex;align-items:center;gap:.75rem;padding:.4rem .75rem;background:var(--bg-panel);border-bottom:2px solid var(--border);width:100%;font-size:.45rem}.hud-name{color:var(--gold);flex:1}.hud-party{display:flex;gap:2px}.hud-party .hud-mon{color:var(--success);font-size:.5rem}.hud-party .hud-mon.fainted{color:var(--danger)}.hud-coins{color:var(--gold)}.hud-menu-btn{font-family:var(--pixel-font);font-size:.7rem;background:none;border:1px solid var(--border-light);color:var(--text);cursor:pointer;padding:.1rem .4rem}.hud-menu-btn:hover{background:var(--accent)}.tile{image-rendering:pixelated}.tile-floor{background:var(--tile-floor)}.tile-grass{background:var(--tile-grass)}.tile-grass:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(0,0,0,.1) 0 1px,transparent 1px 4px)}.tile-tree{background:var(--tile-tree)}.tile-tree:after{content:"🌲";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.tile-water{background:var(--tile-water);animation:waterShim 2s ease-in-out infinite}@keyframes waterShim{0%,to{opacity:1}50%{opacity:.85}}.tile-wall{background:var(--tile-wall)}.tile-door{background:var(--tile-door)}.tile-door:after{content:"🚪";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1rem}.tile-path{background:var(--tile-path)}.tile,.tile-grass,.tile-tree,.tile-door{position:absolute}.npc-sprite,.player-sprite{-webkit-user-select:none;user-select:none;cursor:default;z-index:5}.player-sprite{z-index:10}.dialogue-box{position:fixed;bottom:120px;left:50%;transform:translate(-50%);width:min(520px,96vw);background:var(--bg-panel);border:3px solid var(--gold);padding:.75rem 1rem;cursor:pointer;z-index:50}.dialogue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.dialogue-speaker{font-size:.5rem;color:var(--gold)}.dialogue-counter{font-size:.4rem;color:var(--text-dim)}.dialogue-text{font-size:.5rem;line-height:1.8;margin:0 0 .4rem;color:var(--text)}.dialogue-hint{font-size:.38rem;color:var(--text-dim);text-align:right;margin:0;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.dpad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px);gap:2px;padding:.5rem}.dpad-btn{font-family:var(--pixel-font);font-size:.7rem;background:var(--bg-panel2);border:2px solid var(--border-light);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;active:background var(--accent)}.dpad-btn:active{background:var(--accent)}.dpad-up{grid-column:2;grid-row:1}.dpad-left{grid-column:1;grid-row:2}.dpad-act{grid-column:2;grid-row:2;background:var(--accent)}.dpad-right{grid-column:3;grid-row:2}.dpad-down{grid-column:2;grid-row:3}.overworld-footer{display:flex;gap:1rem;padding:.3rem .75rem;font-size:.38rem;color:var(--text-dim);background:var(--bg-panel);border-top:1px solid var(--border);width:100%;justify-content:center}.battle-screen{display:flex;flex-direction:column;min-height:100dvh;background:linear-gradient(180deg,#0d1a2d,#0d0d1a)}.battle-arena{display:flex;flex-direction:column;gap:.5rem;padding:1rem;flex:1}.battle-card{background:var(--bg-panel);border:2px solid var(--border);padding:.6rem .75rem;position:relative}.battle-card-header{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-bottom:.4rem}.battle-card-name{font-size:.6rem;color:var(--gold);flex:1}.battle-card-level{font-size:.45rem;color:var(--text-dim)}.battle-card-type{font-size:.38rem;padding:.15rem .4rem;color:#fff}.battle-status{font-size:.35rem;padding:.1rem .35rem;border-radius:2px}.battle-status-burn{background:#e53935;color:#fff}.battle-status-poison{background:#a040a0;color:#fff}.battle-status-paralysis{background:#f0c700;color:#000}.hp-bar-wrap{display:flex;align-items:center;gap:.4rem}.hp-label{font-size:.4rem;color:var(--text-dim);min-width:18px}.hp-bar{flex:1;height:8px;background:var(--bg-dark);border:1px solid var(--border-light);overflow:hidden}.hp-fill{height:100%;transition:width .3s ease,background-color .3s}.hp-numbers{font-size:.4rem;color:var(--text-dim);min-width:50px;text-align:right}.battle-sprite{font-size:3.5rem;text-align:center;margin:.25rem 0;line-height:1}.battle-sprite-enemy{font-size:3rem}.battle-sprite-player{font-size:2.5rem}.battle-card-side-label{position:absolute;top:.4rem;right:.4rem;font-size:.35rem;color:var(--text-dim)}.battle-log{background:var(--bg-dark);border-top:2px solid var(--border);border-bottom:2px solid var(--border);padding:.5rem .75rem;min-height:80px;max-height:100px;overflow-y:auto}.battle-log-line{font-size:.42rem;color:var(--text);line-height:1.8;padding:.1rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.battle-log-line:last-child{color:#fff}.battle-actions{padding:.75rem;background:var(--bg-panel);min-height:110px}.battle-main-actions{display:flex;gap:.5rem}.battle-main-actions .btn{flex:1;padding:.75rem .5rem;font-size:.5rem}.battle-continue{width:100%;padding:.75rem;font-size:.55rem;animation:pulse 1s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.8}to{opacity:1}}.battle-panel-title{font-size:.45rem;color:var(--text-dim);margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center}.move-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.btn-move{display:flex;flex-direction:column;gap:.2rem;padding:.5rem .6rem;font-size:.4rem;border-width:2px;text-align:left}.move-name{font-size:.45rem;color:var(--text)}.move-type{font-size:.35rem;padding:.1rem .3rem;color:#fff;align-self:flex-start}.move-pp,.move-power{font-size:.35rem;color:var(--text-dim)}.battle-bag,.battle-moves,.battle-target{width:100%}.bag-items{display:flex;flex-direction:column;gap:.4rem}.btn-item{text-align:left;padding:.5rem .75rem;font-size:.45rem}.btn-battle{font-size:.5rem}.btn-target{display:block;width:100%;text-align:left;padding:.5rem .75rem;font-size:.45rem;margin-bottom:.3rem}.overlay-screen{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.overlay-panel{background:var(--bg-panel);border:3px solid var(--border-light);width:100%;max-width:480px;max-height:85dvh;overflow-y:auto;padding:1rem}.overlay-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;border-bottom:2px solid var(--border);padding-bottom:.5rem}.overlay-header h2{font-size:.65rem;color:var(--gold);margin:0}.menu-panel{max-width:300px}.menu-player{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.45rem}.menu-player-name,.menu-coins{color:var(--gold)}.menu-buttons{display:flex;flex-direction:column;gap:.5rem}.btn-menu{text-align:left;padding:.65rem .75rem;font-size:.45rem}.btn-quit{border-color:var(--danger)}.btn-quit:hover{background:var(--danger)}.creature-list{display:flex;flex-direction:column;gap:.75rem}.creature-entry{display:flex;gap:.75rem;padding:.5rem;background:var(--bg-panel2);border:1px solid var(--border)}.creature-entry.fainted{opacity:.6;border-color:var(--danger)}.ce-sprite{font-size:2rem;align-self:center}.ce-info{flex:1;display:flex;flex-direction:column;gap:.3rem}.ce-name-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.ce-name{font-size:.5rem;color:var(--gold);flex:1}.ce-level{font-size:.4rem;color:var(--text-dim)}.ce-type{font-size:.35rem;padding:.1rem .35rem;color:#fff}.ce-hp-row{display:flex;align-items:center;gap:.5rem}.ce-hp-num{font-size:.38rem;color:var(--text-dim);white-space:nowrap}.ce-xp-row{display:flex;align-items:center;gap:.5rem;font-size:.35rem;color:var(--text-dim)}.xp-bar{flex:1;height:4px;background:var(--bg-dark);border:1px solid var(--border);overflow:hidden}.xp-fill{height:100%;background:#5c6bc0}.ce-moves{display:flex;gap:.25rem;flex-wrap:wrap}.ce-move-tag{font-size:.35rem;padding:.1rem .3rem;border:1px solid;color:var(--text-dim)}.empty-msg{font-size:.45rem;color:var(--text-dim);text-align:center;padding:1rem}.box-note{font-size:.4rem;color:var(--text-dim);text-align:center;margin-top:.5rem}.inventory-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.inv-item{display:grid;grid-template-columns:1.5rem 1fr auto;grid-template-rows:auto auto;gap:.2rem .5rem;padding:.5rem;background:var(--bg-panel2);border:1px solid var(--border);align-items:center;font-size:.45rem}.inv-icon{grid-row:1 / 3;font-size:1.2rem}.inv-name{color:var(--text)}.inv-count{color:var(--gold)}.inv-desc{grid-column:2;font-size:.38rem;color:var(--text-dim)}.inv-stats{display:flex;flex-direction:column;gap:.4rem;border-top:2px solid var(--border);padding-top:.75rem;font-size:.42rem;color:var(--text-dim)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-light)}@media(min-width:580px){.game-container{min-height:unset;max-height:90dvh;overflow-y:auto;border-radius:4px;box-shadow:0 0 40px #5c6bc04d}#app{padding:1rem}}