:root{--win-bg: #10143a;--win-border: #c8d0ff;--win-inset: #4a5a9a;--win-shadow: #0a0c20;--text: #e8ecff;--text-dim: #9aa4d8;--accent: #ffd75e;--danger: #ff5e6a;--hp: #ff4a5a;--mp: #4aa0ff;--xp: #ffd75e}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:#06070f;color:var(--text);font-family:Zpix,Fusion Pixel,Courier New,NSimSun,monospace;image-rendering:pixelated;image-rendering:crisp-edges;overflow:hidden;font-size:15px;line-height:1.5}.app{height:100%}.pixelated{image-rendering:pixelated;image-rendering:crisp-edges}.rpg-window{background:var(--win-bg);border:3px solid var(--win-border);box-shadow:inset 0 0 0 2px var(--win-inset),0 0 0 3px var(--win-shadow),0 4px 0 3px #000;padding:8px;position:relative}.rpg-window:before{content:"";position:absolute;top:3px;left:3px;right:3px;height:3px;background:linear-gradient(90deg,rgba(255,255,255,.25),transparent 40%);pointer-events:none}.status-bar{display:flex;align-items:center;gap:16px;padding:6px 12px;font-size:14px;background:linear-gradient(180deg,#141a4a,#0c1030);border-bottom:3px solid var(--win-border);flex-wrap:wrap}.bar{height:12px;border:1px solid #000;background:#2a1030;display:inline-block;vertical-align:middle;width:120px}.bar>div{height:100%;background:var(--hp)}.bar.mp>div{background:var(--mp)}.stat-label{color:var(--text-dim)}.stat-val{color:var(--text);font-weight:700}.cmd-menu{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;padding:6px}.cmd-btn{background:#20264f;color:var(--text);border:2px solid var(--win-border);box-shadow:inset 0 -3px rgba(0,0,0,.5),inset 0 0 0 1px var(--win-inset);padding:6px 0;font-family:inherit;font-size:14px;cursor:pointer;image-rendering:pixelated}.cmd-btn:hover:not(:disabled){background:#38409b;color:var(--accent)}.cmd-btn:disabled{opacity:.35;cursor:not-allowed}.cmd-btn.active{background:#4a52c8;color:var(--accent)}.audio-btn{width:42px;padding:4px 0;font-size:13px}.narrative{padding:10px 14px;font-size:15px;overflow-y:auto;flex:1;min-height:0}.log-line{margin-bottom:5px;animation:fadeIn .25s ease-out}.log-line.info{color:var(--text)}.log-line.combat{color:#f0c0c0}.log-line.loot{color:var(--accent)}.log-line.danger{color:var(--danger)}.log-line.system{color:#8fe0a0}@keyframes fadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.free-input{display:flex;align-items:center;gap:8px;padding:6px 12px;border-top:2px solid var(--win-border)}.free-input input{flex:1;background:#0c1030;color:var(--text);border:2px solid var(--win-inset);padding:5px 8px;font-family:inherit;outline:none}.free-input input:focus{border-color:var(--accent)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;z-index:50}.modal{width:min(720px,92vw);max-height:84vh;display:flex;flex-direction:column}.modal-title{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:linear-gradient(180deg,#1a2160,#141a4a);border-bottom:2px solid var(--win-border);font-weight:700}.panel-body{padding:12px;overflow-y:auto;flex:1;min-height:0}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.item-cell{border:2px solid var(--win-inset);background:#141a4a;padding:8px;cursor:pointer;text-align:center}.item-cell:hover{border-color:var(--accent);background:#1c2458}.rarity-common{color:#c8ccd8}.rarity-rare{color:#58b0ff}.rarity-epic{color:#d060ff}.rarity-legendary{color:#ffb030}.item-name{font-size:14px;font-weight:700}.item-sub{font-size:12px;color:var(--text-dim);margin-top:3px}.battle-wrap{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0c18,#1a1428);display:flex;flex-direction:column;z-index:40}.battle-field{flex:1;display:flex;align-items:center;justify-content:space-between;padding:24px;min-height:0}.battle-sprite{width:128px;height:128px;image-rendering:pixelated}.battle-hp{margin-top:6px;width:140px}.battle-menu{display:flex;gap:6px;padding:8px;flex-wrap:wrap}.battle-log{padding:10px 14px;border-top:2px solid var(--win-border);height:110px;overflow-y:auto;font-size:14px}.title-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#1a2a5a,#0a0e22 60%),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 1px,transparent 4px)}.title-logo{font-size:40px;letter-spacing:14px;color:var(--accent);text-shadow:3px 3px 0 #7a4a10,6px 6px 0 rgba(0,0,0,.6);margin-bottom:4px}.title-sub{color:var(--text-dim);letter-spacing:6px;margin-bottom:40px}.title-menu{display:flex;flex-direction:column;gap:10px;width:260px}.title-btn{background:#141a4a;color:var(--text);border:2px solid var(--win-border);padding:10px;font-family:inherit;font-size:16px;letter-spacing:4px;cursor:pointer}.title-btn:hover{background:#2a3270;color:var(--accent)}.create-form{display:flex;flex-direction:column;gap:12px;width:min(440px,90vw)}.create-form input,.create-form select{background:#0c1030;color:var(--text);border:2px solid var(--win-inset);padding:8px;font-family:inherit;font-size:15px}.create-form label{color:var(--text-dim);display:flex;flex-direction:column;gap:4px}.death-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1a0508,#0a0404);display:flex;align-items:center;justify-content:center;z-index:60}.death-box{width:min(520px,90vw);text-align:center}.death-title{color:var(--danger);font-size:34px;letter-spacing:8px;text-shadow:2px 2px 0 #500a10;margin-bottom:16px}.death-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,94,106,.25)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0c1030}::-webkit-scrollbar-thumb{background:#3a4490;border:2px solid #0c1030}::-webkit-scrollbar-thumb:hover{background:#5a68c0}.crash-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(10,5,5,.95);display:flex;align-items:center;justify-content:center;z-index:100}.crash-box{width:min(640px,92vw);padding:20px;text-align:center}.crash-title{color:var(--danger);font-size:24px;letter-spacing:6px;margin-bottom:14px}.crash-msg{color:var(--text);margin-bottom:10px;white-space:pre-wrap;word-break:break-all}.crash-stack{color:var(--text-dim);font-size:12px;text-align:left;max-height:40vh;overflow:auto;border:1px solid var(--win-inset);padding:8px;margin-bottom:16px;white-space:pre-wrap;word-break:break-all}