:root{--bg: #15110c;--panel: #241c13;--panel-2: #2f2418;--ink: #f0e6d2;--muted: #b8a888;--accent: #f2c53d;--hp: #e0574a;--atk: #d94a4a;--def: #4a7fd9;--ok: #62c98a;--err: #e0574a;--radius: 8px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);min-height:100vh;display:flex;align-items:flex-start;justify-content:center}#game-root{display:flex;gap:16px;padding:16px;position:relative;flex-wrap:wrap;align-items:flex-start}#stage canvas{display:block;border-radius:var(--radius);box-shadow:0 6px 24px #00000080;touch-action:none;max-width:100%;height:auto;image-rendering:pixelated}.panel{background:var(--panel);border:1px solid #3a2e1e;border-radius:var(--radius);padding:14px 16px;width:240px}.hud-title{font-size:18px;margin:0 0 10px;color:var(--accent);letter-spacing:.5px}.hud-lang{display:flex;gap:6px;margin-bottom:12px}.stat{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px dashed #3a2e1e;font-variant-numeric:tabular-nums}.stat-label{color:var(--muted)}.stat-value{font-weight:700}.stat-hp .stat-value{color:var(--hp)}.stat-atk .stat-value{color:var(--atk)}.stat-def .stat-value{color:var(--def)}.hud-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.hud-hint{color:var(--muted);font-size:12px;margin-top:12px;line-height:1.4}.hud-inv-label{color:var(--muted);font-size:12px;margin:12px 0 6px;text-transform:uppercase;letter-spacing:1px}.inv-grid{display:flex;flex-wrap:wrap;gap:6px}.inv-chip{position:relative;padding:3px;background:#1c1610;border:2px solid #4a3a24;border-radius:5px;cursor:pointer;line-height:0;transition:border-color .12s}.inv-chip:hover{border-color:var(--accent)}.inv-chip.is-empty{opacity:.4}.inv-sprite{background-repeat:no-repeat}.inv-count{position:absolute;right:-3px;bottom:-5px;min-width:14px;padding:0 3px;background:var(--accent);color:#221a0c;font-size:11px;font-weight:700;line-height:15px;text-align:center;border-radius:8px;border:1px solid #221a0c}.guide-cat{color:var(--accent);font-size:14px;margin:14px 0 8px;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #3a2e1e;padding-bottom:4px}.guide-cat:first-child{margin-top:0}.guide-list{display:flex;flex-direction:column;gap:8px}.guide-row{display:flex;align-items:center;gap:12px}.guide-row .inv-sprite{flex:0 0 auto;background-repeat:no-repeat;image-rendering:pixelated}.guide-name{font-weight:700;font-size:14px}.guide-desc{color:var(--muted);font-size:13px;line-height:1.35}.btn{background:var(--panel-2);color:var(--ink);border:2px solid #5a4526;border-radius:4px;padding:7px 13px;cursor:pointer;font-size:13px;box-shadow:inset 0 1px #ffdc961f,inset 0 -2px #00000059;transition:background .12s,transform .05s,border-color .12s}.btn:hover{background:#3c2f1e;border-color:var(--accent)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.is-active{background:var(--accent);color:#221a0c;border-color:var(--accent);font-weight:700}#toasts{position:fixed;bottom:18px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;align-items:center;z-index:20;pointer-events:none}.toast{background:var(--panel-2);color:var(--ink);border:1px solid #4a3a24;border-left-width:4px;padding:9px 16px;border-radius:6px;font-size:14px;box-shadow:0 4px 16px #0006;animation:toast-in .16s ease-out}.toast-success{border-left-color:var(--ok)}.toast-error{border-left-color:var(--err)}.toast-info{border-left-color:var(--accent)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:30}.modal{background:var(--panel);border:3px solid var(--accent);border-radius:4px;padding:18px 22px;min-width:300px;max-width:92vw;box-shadow:inset 0 0 0 2px #221a0c,0 12px 44px #000000b3}.modal-title{margin:-2px 0 14px;color:var(--accent);font-size:18px;text-transform:uppercase;letter-spacing:1.5px;text-align:center;text-shadow:1px 1px 0 #000}.modal-title:empty{display:none}.modal-body{margin-bottom:16px;max-height:62vh;overflow-y:auto}.dialog-text{line-height:1.5;margin:0}.modal-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.manual{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.manual th,.manual td{padding:6px 10px;text-align:right;border-bottom:1px solid #3a2e1e}.manual th:first-child,.manual td:first-child{text-align:left}.manual th{color:var(--muted);font-weight:600}#dpad{display:none;grid-template-columns:repeat(3,56px);grid-template-rows:repeat(3,56px);gap:6px;margin:8px auto 0;justify-content:center;touch-action:none}.dpad-btn{background:var(--panel-2);color:var(--ink);border:1px solid #4a3a24;border-radius:8px;font-size:22px;cursor:pointer;user-select:none;-webkit-user-select:none}.dpad-btn:active{background:var(--accent);color:#221a0c}.dpad-up{grid-column:2;grid-row:1}.dpad-left{grid-column:1;grid-row:2}.dpad-right{grid-column:3;grid-row:2}.dpad-down{grid-column:2;grid-row:3}@media(max-width:760px){body{align-items:stretch}#game-root{flex-direction:column;align-items:center;padding:10px;gap:10px}.panel{width:100%;max-width:420px}#dpad{display:grid}}@media(pointer:coarse){#dpad{display:grid}}