:root{--bg:#0a0812;--panel:#171221;--panel2:#1f1830;--line:#2a2138;--line2:#3a2f52;--gold:#c9a13b;--gold-bright:#ffd75e;--text:#e8e2d0;--dim:#9a8f77;--red:#c2452f;--green:#6fae4e;--stage-scale:1}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 800px at 50% 18%, #171226 0%, var(--bg) 62%);height:100dvh;color:var(--text);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-family:Courier New,Menlo,Consolas,monospace;display:flex;overflow:hidden}#app{width:calc(960px * var(--stage-scale));height:calc(600px * var(--stage-scale))}.stage{width:960px;height:600px;transform:scale(var(--stage-scale));transform-origin:0 0;background:var(--bg);border:4px solid #2a2138;position:relative;overflow:hidden;box-shadow:0 0 0 4px #141020,0 24px 80px #000000b3}canvas{width:960px;height:600px;image-rendering:pixelated;background:var(--bg);touch-action:none;display:block}.hidden{display:none!important}.screen{z-index:10;text-align:center;background:#08060ee0;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.logo{letter-spacing:.1em;color:var(--gold-bright);text-shadow:0 4px #5a4210,0 10px 26px #000000d9;margin:0;font-size:62px;line-height:.98}.tagline{color:var(--dim);letter-spacing:.08em;margin:4px 0 6px;font-size:14px}.title-meta{color:var(--dim);gap:20px;margin-bottom:10px;font-size:13px;display:flex}.chapter-list{margin:4px 0 6px}.chapter-btn{background:var(--panel2);border:2px solid var(--line2);width:400px;color:var(--text);font:inherit;letter-spacing:.04em;text-align:left;cursor:pointer;margin:7px 0;padding:12px 16px;font-size:14px;font-weight:700;display:block}.chapter-btn:hover:not(:disabled){border-color:var(--gold);background:#2a2140}.chapter-btn:disabled,.chapter-btn.locked{opacity:.45;cursor:not-allowed}.title-actions,.actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}button{border:2px solid var(--gold);color:var(--gold-bright);font:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#241b38;padding:10px 18px;font-size:13px;font-weight:700}button:hover:not(:disabled){background:#332555}button:disabled{opacity:.4;cursor:not-allowed}button.ghost{color:var(--dim);border-color:#4a4062}.controls-hint{max-width:540px;color:var(--dim);margin:14px 0 0;font-size:12px;line-height:1.7}.screen-title{letter-spacing:.1em;text-transform:uppercase;color:var(--gold-bright);text-shadow:0 3px #5a4210,0 8px 20px #000c;margin:0 0 6px;font-size:38px}.screen-title.defeat{color:#ff8a7a;text-shadow:0 3px #5a1810,0 8px 20px #000c}.screen-title.triumph{color:#ffd75e}.screen-sub{color:var(--dim);margin:0 0 12px;font-size:14px}.dialogue-box{z-index:12;border:3px solid var(--gold);text-align:left;cursor:pointer;background:linear-gradient(#1c1528,#141020);width:84%;min-height:130px;padding:14px 18px 24px;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 0 0 3px #1a1424,0 12px 30px #0009}.dialogue-speaker{letter-spacing:.1em;text-transform:uppercase;color:var(--gold-bright);margin-bottom:8px;font-size:14px;font-weight:700}.dialogue-text{min-height:64px;color:var(--text);font-size:16px;line-height:1.55}.dialogue-continue{color:var(--gold);animation:1s infinite bounce;position:absolute;bottom:8px;right:16px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.hud{z-index:8;pointer-events:none;position:absolute;inset:0}.hud-left{width:240px;position:absolute;top:12px;left:12px}.hp-bar{background:#241b2e;border:2px solid #0a0812;height:18px;position:relative;box-shadow:inset 0 0 0 1px #4a3a5c}.hp-fill{background:linear-gradient(#e05a4a,#b03a2a);width:100%;height:100%;transition:width .15s}.hp-text{text-align:center;color:#fff;text-shadow:0 1px 2px #000;font-size:11px;line-height:14px;position:absolute;inset:0}.xp-bar{background:#1a2436;border:1px solid #0a0812;height:8px;margin-top:4px}.xp-fill{background:linear-gradient(#5aa0e0,#3a6ea8);width:0%;height:100%;transition:width .15s}.hud-level{letter-spacing:.08em;color:var(--gold-bright);margin-top:6px;font-size:13px;font-weight:700}.hud-mid{text-align:center;position:absolute;top:12px;left:50%;transform:translate(-50%)}.hud-chapter{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-size:12px}.hud-timer{color:var(--text);text-shadow:0 2px 4px #000;font-size:22px;font-weight:700}.hud-right{text-align:right;font-size:14px;font-weight:700;line-height:1.7;position:absolute;top:12px;right:12px}.boss-wrap{text-align:center;width:420px;position:absolute;top:62px;left:50%;transform:translate(-50%)}.boss-name{letter-spacing:.14em;text-transform:uppercase;color:#ff8a7a;text-shadow:0 2px 4px #000;font-size:14px;font-weight:700}.boss-bar{background:#241016;border:2px solid #0a0812;height:10px;margin-top:4px;box-shadow:inset 0 0 0 1px #5c2430}.boss-fill{background:linear-gradient(#d84a5a,#8a1f30);width:100%;height:100%;transition:width .2s}.banner{white-space:nowrap;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-bright);text-shadow:0 3px #5a4210,0 6px 18px #000;opacity:0;font-size:30px;font-weight:700;transition:opacity .3s;position:absolute;top:33%;left:50%;transform:translate(-50%)}.banner.show{opacity:1}.choices{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.choice-btn{background:var(--panel2);border:2px solid var(--line2);width:200px;color:var(--text);text-transform:none;letter-spacing:.02em;flex-direction:column;align-items:center;gap:8px;padding:18px 14px;display:flex}.choice-btn:hover{border-color:var(--gold);background:#2a2140;transform:translateY(-3px);box-shadow:0 8px 20px #00000080}.choice-icon{font-size:34px}.choice-name{color:var(--gold-bright);font-weight:700}.choice-desc{color:var(--dim);font-size:12px;line-height:1.45}.stats{min-width:320px;margin:6px auto 12px}.stat-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:30px;padding:8px 14px;font-size:15px;display:flex}.stat-row span:last-child{color:var(--gold-bright);font-weight:700}.gold-line{color:var(--gold-bright);margin-bottom:16px;font-size:17px;font-weight:700}.shop-gold{color:var(--gold-bright);margin-bottom:10px;font-size:20px;font-weight:700}.shop{text-align:left;grid-template-columns:1fr 1fr;gap:10px;width:88%;max-height:370px;margin-bottom:14px;padding:4px;display:grid;overflow-y:auto}.shop::-webkit-scrollbar{width:8px}.shop::-webkit-scrollbar-thumb{background:var(--line2)}.shop-row{background:var(--panel2);border:2px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.shop-row.maxed{opacity:.55}.shop-info{align-items:center;gap:10px;display:flex}.shop-icon{font-size:22px}.shop-info small{color:var(--dim);margin-top:2px;font-size:11px;display:block}.shop-cost{white-space:nowrap;color:var(--gold-bright);align-items:center;font-size:13px;font-weight:700;display:flex}.shop-cost button{border-width:1px;margin-left:8px;padding:4px 10px;font-size:11px}.mute-btn{z-index:20;border:2px solid var(--line2);color:var(--text);background:#141020cc;padding:4px 9px;font-size:14px;position:absolute;bottom:10px;right:10px}.joystick{z-index:30;pointer-events:none;background:#14102073;border:2px solid #e8e2d059;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;position:fixed}.joystick-knob{border:2px solid var(--gold-bright);background:#c9a13bbf;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%;box-shadow:0 0 12px #ffd75e80}