:root{--bg:#f3e7d3;--panel:#fffaf0;--ink:#3b2f2a;--ink-soft:#6b5a50;--line:#cdb99c;--accent:#2f6f62;--accent-ink:#fff;color:var(--ink);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);flex-direction:column;display:flex}.top-bar{padding:8px 16px;padding-top:max(8px, env(safe-area-inset-top));background:var(--panel);border-bottom:2px solid var(--line);justify-content:space-between;align-items:center;gap:12px;display:flex}.top-bar h1{margin:0;font-size:1.15rem}button{min-width:44px;min-height:44px;font:inherit;color:var(--accent-ink);background:var(--accent);border:2px solid var(--ink);cursor:pointer;border-radius:8px;padding:8px 16px;font-weight:600}button:focus-visible,a:focus-visible{outline:3px solid var(--ink);outline-offset:2px}#game{flex:1;min-height:0;overflow:hidden}#game canvas{display:block}dialog{width:min(960px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);background:var(--panel);border:2px solid var(--ink);border-radius:12px;padding:0}dialog::backdrop{background:#281e198c}.dialog-head{background:var(--panel);border-bottom:2px solid var(--line);justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.dialog-head h2{margin:0}#credits-body{padding:4px 16px 16px}#credits-body h3{margin:20px 0 8px}#credits-body .empty{color:var(--ink-soft)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;vertical-align:top;border:1px solid var(--line);padding:6px 10px}th{background:var(--bg)}a{color:var(--accent);overflow-wrap:anywhere}
