:root{--bg: #0d0b0a;--ink: #cbbfa8;--ink-dim: #7d7461;--accent: #c88a3a;--panel: #16120f;--panel-edge: #2a231c;--danger: #9a3b2e;--good: #5f7a4a;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#16110c,#0a0809 55%,#050507);color:var(--ink);font-family:Iowan Old Style,Palatino Linotype,Georgia,Times New Roman,serif;overscroll-behavior:none;touch-action:manipulation}#app{display:flex;flex-direction:column;width:100vw;height:100vh;height:100dvh;margin:0;overflow:hidden}canvas{background:#000;display:block}.view-canvas{position:absolute;inset:0;width:100%;height:100%}button{font-family:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--panel-edge);padding:8px 12px;cursor:pointer}button:hover{border-color:var(--accent)}button:disabled{color:var(--ink-dim);cursor:default;border-color:var(--panel-edge)}.game-frame{position:relative;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.topbar{display:flex;align-items:stretch;gap:6px;padding:6px 8px;background:linear-gradient(180deg,#1a140e,#0e0b08);border-bottom:1px solid var(--panel-edge);flex:0 0 auto}.fs-btn{flex:0 0 auto;font-size:18px;line-height:1;padding:0 12px;background:var(--panel)}.status-strip{display:flex;justify-content:space-around;flex:1 1 auto;font-size:14px;background:transparent;border:none;padding:0}.viewport{position:relative;flex:1 1 auto;min-height:0;width:100%;background:#000;overflow:hidden}.status-cell{display:flex;flex-direction:column;align-items:center;min-width:44px}.status-label{color:var(--ink-dim);font-size:10px;letter-spacing:.05em;text-transform:uppercase}.status-val{font-variant-numeric:tabular-nums}.message-log{width:100%;height:64px;flex:0 0 auto;background:linear-gradient(180deg,#100c09,#0a0807);border-top:1px solid var(--panel-edge);padding:6px 12px;font-size:14px;line-height:1.55}.log-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.touch-controls{display:flex;justify-content:space-between;align-items:center;width:100%;flex:0 0 auto;padding:8px 12px calc(8px + env(safe-area-inset-bottom));gap:8px;background:linear-gradient(180deg,#0e0b08,#060504);border-top:1px solid var(--panel-edge)}@media (hover: hover) and (pointer: fine){.touch-controls{display:none}}.dpad{display:grid;grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,40px);gap:2px}.dpad-btn{padding:0;font-size:16px}.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}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:4px}.act-btn{font-size:13px;padding:6px 8px}.overlay-host{display:none;position:absolute;inset:0;background:#080605e6;backdrop-filter:blur(2px);z-index:10;padding:16px;overflow-y:auto}.overlay-host.open{display:flex;align-items:center;justify-content:center}.panel{background:linear-gradient(180deg,#1a1510,#120e0a);border:1px solid var(--accent);border-radius:3px;box-shadow:0 10px 40px #0009;padding:16px;width:100%;max-width:420px;max-height:92%;overflow-y:auto;margin:auto;display:flex;flex-direction:column;gap:8px}.panel h2{margin:0;font-size:18px;color:var(--accent)}.panel-list{display:flex;flex-direction:column;gap:4px;font-size:14px}.panel-row{display:flex;justify-content:space-between;gap:8px;padding:4px 6px;border:1px solid var(--panel-edge)}.panel-note{color:var(--ink-dim);font-size:13px}.panel-subhead{color:var(--accent);font-size:13px;margin-top:6px;border-bottom:1px solid var(--panel-edge)}.panel-row-flat{font-size:14px;padding:4px 6px}.row-actions{display:flex;gap:4px}.panel-row button{padding:4px 8px;font-size:12px}.duel-panel{border-color:var(--danger)}.duel-bar{margin:4px 0}.duel-bar-head{font-size:13px;margin-bottom:2px}.duel-track{height:10px;background:#14110e;border:1px solid var(--panel-edge)}.duel-fill{height:100%;background:var(--good);transition:width .12s linear}.duel-verbs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.duel-verbs button{padding:10px;font-size:14px}.map-panel{align-items:center}.map-canvas{image-rendering:pixelated;border:1px solid var(--panel-edge);align-self:center;max-width:100%}.stat-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:8px}.stat-grid button{padding:10px 4px}.title-screen,.creation{width:100%;max-width:460px;height:100%;margin:0 auto;padding:16px 16px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;overflow-y:auto}.title-screen{justify-content:center}.title-screen h1,.creation h1{font-size:30px;letter-spacing:.02em;color:var(--accent);margin:16px 0 0;text-align:center}.title-tag,.creation-sub{color:var(--ink-dim);text-align:center;font-style:italic;margin:0}.title-warn{color:var(--danger);text-align:center}.title-buttons{display:flex;flex-direction:column;gap:8px;margin-top:16px}.title-footer{margin-top:28px;text-align:center;color:var(--ink-dim);font-size:13px}.title-footer a{color:var(--accent);text-decoration:none}.creation-head{margin-top:10px;color:var(--accent);border-bottom:1px solid var(--panel-edge);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.choice-group{display:flex;flex-direction:column;gap:6px}.choice{text-align:left;padding:8px 10px;background:var(--panel)}.choice.chosen{border-color:var(--accent);background:#1d1710}.choice-title{font-size:15px}.choice-blurb{font-size:12px;color:var(--ink-dim)}.name-input{font-family:inherit;font-size:16px;padding:8px 10px;background:#14110d;color:var(--ink);border:1px solid var(--panel-edge)}.begin-btn{padding:12px;font-size:16px;background:#1d1710;border-color:var(--accent);color:var(--ink)}.begin-btn:hover{background:#261d12}