:root{--bg-deep: #0b0e14;--bg-panel: #121821;--bg-panel-2: #1a2230;--ink: #e8eef7;--muted: #8b97a8;--accent: #d4a34a;--accent-dim: #9a7530;--hp: #c9444a;--hp-glow: #ff6b6b;--ok: #3faf7a;--border: #2a3548;--shadow: rgba(0, 0, 0, .45);--font-display: "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--font-ui: "Segoe UI", "Trebuchet MS", Geneva, Verdana, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 0%,#1a2436 0%,transparent 50%),radial-gradient(ellipse at 90% 80%,#1c1520 0%,transparent 45%),linear-gradient(160deg,#07090d 0%,var(--bg-deep) 55%,#0e121a 100%);color:var(--ink);font-family:var(--font-ui);overflow:hidden;touch-action:manipulation}body{display:flex;align-items:stretch;justify-content:center}#app{display:grid;grid-template-columns:280px minmax(0,1fr);width:100%;height:100%;max-width:1180px;margin:0 auto;gap:0;border-left:1px solid var(--border);border-right:1px solid var(--border);box-shadow:0 0 60px var(--shadow)}#hud{display:flex;flex-direction:column;gap:.85rem;padding:1.1rem 1rem 1rem;background:linear-gradient(180deg,rgba(212,163,74,.06),transparent 120px),var(--bg-panel);border-right:1px solid var(--border);overflow-y:auto}.hud-brand h1{margin:0;font-family:var(--font-display);font-size:1.55rem;letter-spacing:.04em;color:var(--accent);font-weight:700}.hud-floor{margin:.2rem 0 0;color:var(--muted);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}#floor-value{color:var(--ink);font-weight:700}.hud-block{background:var(--bg-panel-2);border:1px solid var(--border);border-radius:6px;padding:.75rem .8rem}.hud-block h2{margin:0 0 .55rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}.stat-row{display:grid;grid-template-columns:28px 1fr auto;gap:.45rem;align-items:center;font-size:.8rem;margin-bottom:.65rem}.bar{height:10px;background:#0a0d12;border:1px solid var(--border);border-radius:999px;overflow:hidden}.bar-fill{height:100%;width:100%;transform-origin:left center;transition:transform .2s ease}.bar-fill.hp{background:linear-gradient(90deg,#8b1e24,var(--hp-glow))}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem .75rem}.stat-grid label{display:block;font-size:.65rem;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.stat-grid strong{font-size:1rem;color:var(--ink)}.equip-list,.inventory-list{list-style:none;margin:0;padding:0;font-size:.85rem}.equip-list li{margin-bottom:.35rem;color:var(--muted)}.equip-list span{color:var(--accent)}.inventory-list{max-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:.3rem}.inventory-list li{display:flex;justify-content:space-between;align-items:center;gap:.4rem;padding:.35rem .45rem;background:#10151e;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.inventory-list li:hover{border-color:var(--accent-dim);background:#161d29}.inventory-list .item-name{color:var(--ink)}.inventory-list .item-meta{color:var(--muted);font-size:.72rem}.inventory-list li.empty{cursor:default;color:var(--muted);justify-content:center;border-style:dashed;border-color:var(--border)}.hint{margin:.55rem 0 0;font-size:.72rem;color:var(--muted);line-height:1.35}.combat-log{height:110px;overflow-y:auto;font-size:.75rem;line-height:1.4;color:var(--muted);display:flex;flex-direction:column;gap:.25rem}.combat-log .line{border-left:2px solid var(--border);padding-left:.4rem}.combat-log .line.damage{border-color:var(--hp);color:#f0b0b3}.combat-log .line.heal{border-color:var(--ok);color:#9ed9bd}.combat-log .line.loot{border-color:var(--accent);color:#e6c88a}.hud-controls{margin-top:auto;padding-top:.4rem}.hud-controls p{margin:0;font-size:.7rem;color:var(--muted);line-height:1.45}kbd{display:inline-block;padding:.05rem .35rem;border:1px solid var(--border);border-radius:3px;background:#0d1118;font-size:.68rem;color:var(--ink)}#game-shell{position:relative;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,255,255,.012) 3px,rgba(255,255,255,.012) 4px),#080b10;min-height:0;padding:.75rem}#game-container{width:100%;height:100%;max-width:none;display:flex;align-items:center;justify-content:center;border:2px solid var(--border);border-radius:4px;overflow:hidden;box-shadow:0 0 0 1px #d4a34a26,0 20px 50px #0000008c;background:#000}#game-container canvas{display:block;max-width:100%;max-height:100%}#touch-pad{display:none;position:absolute;right:.75rem;bottom:max(.75rem,env(safe-area-inset-bottom));z-index:30;grid-template-columns:repeat(3,3rem);grid-template-rows:repeat(3,3rem);gap:.35rem;pointer-events:none}#touch-pad.is-on{display:grid}.touch-btn{pointer-events:auto;appearance:none;border:1px solid rgba(212,163,74,.45);border-radius:.55rem;background:#121821d1;color:var(--ink);font:700 1rem/1 var(--font-ui);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.touch-btn:active,.touch-btn.is-held{background:#d4a34a47;border-color:#d4a34ae6}.touch-spacer{visibility:hidden}@media (max-width: 900px){#app{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}#hud{max-height:none;border-right:none;border-bottom:1px solid var(--border);padding:.55rem .7rem .65rem;gap:.45rem;flex-direction:row;flex-wrap:wrap;align-items:center}.hud-brand{flex:1 1 auto;min-width:7rem}.hud-brand h1{font-size:1.05rem}.hud-floor{margin-top:.05rem;font-size:.72rem}.hud-block{flex:1 1 10rem;padding:.45rem .55rem}.hud-block h2,.stat-row{margin-bottom:.35rem}.inventory-block,.log-block,.hud-controls{display:none}#game-shell{min-height:0;padding:0}#game-container{border:none;border-radius:0;box-shadow:none}}@media (max-width: 900px) and (orientation: landscape){#hud{padding:.35rem .55rem}.hud-block:nth-of-type(2){display:none}}