:root{--bg:#1e1e1e;--panel:#262626;--panel-2:#2e2e2e;--border:#3a3a3a;--text:#e6e6e6;--muted:#9a9a9a;--accent:#3b82f6;--hp:#3fb950;--pw:#4c8dff;--danger:#e5534b;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-scale:1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.4 var(--font);overflow:hidden}button{font:inherit;color:inherit;background:var(--panel-2);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:4px 12px}button:hover:not(:disabled){border-color:#555}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button:disabled{opacity:.5;cursor:default}input{font:inherit;color:inherit;border:1px solid var(--border);background:#161616;border-radius:6px;padding:6px 8px}input:focus{outline:2px solid var(--accent);outline-offset:-1px}.app{flex-direction:column;height:100%;display:flex}.game{flex:1;min-height:0;display:flex}.menubar{background:var(--panel-2);border-bottom:1px solid var(--border);z-index:11;flex:none;gap:2px;padding:2px 6px;display:flex;position:relative}.menubar-backdrop{position:fixed;inset:0}.menubar-menu{position:relative}.menubar-title{background:0 0;border:none;border-radius:4px;padding:2px 10px}.menubar-title.open,.menubar-title:hover{background:var(--border)}.menubar-list{background:var(--panel);border:1px solid var(--border);border-radius:6px;flex-direction:column;min-width:220px;max-height:calc(100vh - 40px);padding:4px;display:flex;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 8px 24px #00000080}.menubar-list button{text-align:left;background:0 0;border:none;border-radius:4px;justify-content:space-between;gap:24px;padding:4px 10px;display:flex}.menubar-list button:hover:not(:disabled){background:var(--accent);color:#fff}.menubar-list hr{border:none;border-top:1px solid var(--border);margin:4px 0}.menubar-key{color:var(--muted);font-family:var(--mono)}.menubar-check{width:16px;display:inline-block}.menubar-list button.indent>span:first-child{padding-left:16px}.menubar-list button:hover:not(:disabled) .menubar-key{color:inherit}.main-area{flex-direction:column;flex:1;min-width:0;display:flex}.top{background:var(--border);border-bottom:1px solid var(--border);height:calc(168px * var(--text-scale));flex:none;gap:1px;display:flex}.top>*{background:var(--panel)}.map-pane{flex:1;min-height:0;display:flex;position:relative}.map{background:#000;flex:1;overflow:auto}.map-zoom{gap:4px;display:flex;position:absolute;bottom:12px;right:12px}.map-zoom button{opacity:.8;width:28px;padding:2px 0}.map-zoom .ascii-toggle{width:auto;padding:2px 8px}.map-zoom .ascii-toggle[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.map-tooltip{z-index:5;pointer-events:none;background:var(--panel);border:1px solid var(--border);border-radius:6px;max-width:320px;padding:3px 8px;font-size:12px;position:fixed;box-shadow:0 4px 14px #00000080}.map canvas{cursor:crosshair;display:block}.context-backdrop{z-index:12;position:fixed;inset:0}.context-menu{background:var(--panel);border:1px solid var(--border);border-radius:6px;flex-direction:column;min-width:160px;padding:4px;display:flex;position:fixed;box-shadow:0 4px 14px #00000080}.context-menu button{text-align:left;background:0 0;border:none;border-radius:4px;padding:4px 10px}.context-menu button:hover{background:var(--border)}.stats,.messages,.inventory,.menu-dialog,.text-dialog{font-size:calc(13px * var(--text-scale))}.stats{width:calc(250px * var(--text-scale));flex:none;padding:8px 10px;overflow:hidden}.stats-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.stats-sub{color:var(--muted);font-size:calc(12px * var(--text-scale));white-space:nowrap;margin-bottom:6px}.meter{align-items:center;gap:6px;margin:3px 0;display:flex}.meter-label{width:calc(20px * var(--text-scale));color:var(--muted);font-size:calc(11px * var(--text-scale))}.meter-bar{height:calc(14px * var(--text-scale));background:#161616;border-radius:3px;flex:1;position:relative;overflow:hidden}.meter-fill{background:var(--hp);position:absolute;inset:0 auto 0 0}.meter.pw .meter-fill{background:var(--pw)}.meter.low .meter-fill{background:var(--danger)}.meter-text{font:calc(11px * var(--text-scale))/calc(14px * var(--text-scale)) var(--mono);padding-left:4px;position:absolute;inset:0}.stat-grid{font-size:calc(12px * var(--text-scale));grid-template-columns:repeat(4,auto);gap:0 10px;margin-top:6px;display:grid}.stat{white-space:nowrap;gap:4px;display:flex}.stat-label{color:var(--muted)}.stat-value{font-family:var(--mono);position:relative}.stat-change{margin-left:1px;font-weight:700;position:absolute;left:100%}.stat-change.better{color:var(--hp)}.stat-change.worse{color:var(--danger)}.badges{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.badge{font-size:calc(11px * var(--text-scale));border-radius:8px;padding:0 6px;font-weight:600}.badge.info{color:var(--text);background:#444}.badge.caution{color:#000;background:#f5c518}.badge.warning{color:#fff;background:#c2410c}.badge.danger{color:#fff;background:#c0392b}.equipment{flex:none;grid-template-columns:repeat(3,32px);grid-auto-rows:32px;align-content:start;gap:1px;padding:10px;display:grid}.equip-slot{image-rendering:auto;background-color:#3a3a3a;background-repeat:no-repeat;border-radius:3px;width:32px;height:32px;padding:0}.equip-slot:disabled{opacity:1}.messages{min-width:calc(200px * var(--text-scale));flex:1;padding:6px 10px;overflow-y:auto}.message{color:var(--muted)}.message.current{color:var(--text)}.inventory{background:var(--panel);border-left:1px solid var(--border);flex:none;padding:8px 0;overflow-y:auto}.inv-resize{z-index:1;cursor:col-resize;touch-action:none;flex:none;width:6px;margin-right:-6px;position:relative}.inventory h2{font-size:calc(13px * var(--text-scale));justify-content:space-between;align-items:center;margin:0 12px 6px;display:flex}.hide-inventory{font-size:calc(11px * var(--text-scale));padding:1px 8px;font-weight:400}.show-inventory{opacity:.8;padding:2px 8px;font-size:11px;position:absolute;top:8px;right:20px}.inv-heading{font-size:calc(11px * var(--text-scale));text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:10px 12px 2px}.inv-item,.menu-item{text-align:left;background:0 0;border:0;border-radius:0;align-items:center;gap:6px;width:100%;padding:2px 12px;display:flex}.inv-item:hover,.menu-item:hover{background:#333}.inv-icon{background-repeat:no-repeat;flex:none;width:24px;height:24px}.inv-letter{width:12px;font-family:var(--mono);color:var(--muted);flex:none}.inv-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dialog-backdrop{-webkit-user-select:none;user-select:none;z-index:10;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:10px;min-width:320px;max-width:min(720px,92vw);max-height:86vh;padding:14px;display:flex;box-shadow:0 12px 40px #00000080}.input-dialog form{display:contents}.options-dialog{width:min(640px,92vw)}.options-text{font:12px/1.4 var(--mono);resize:vertical;background:var(--bg);height:50vh;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px}.options-dialog .hint{margin-right:auto;font-size:12px}.about-dialog{width:min(480px,92vw)}.about-dialog p{margin:0;line-height:1.45}.about-dialog a{color:var(--accent)}.font-choice{gap:8px;display:flex}.font-choice select:first-child{flex:1}.font-sample{font:bold 18px var(--mono);color:#bfbfbf;white-space:pre;background:#000;border-radius:6px;padding:10px;overflow:hidden}.dialog-backdrop.clear{background:0 0}.direction-dialog{width:234px;min-width:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.direction-grid{grid-template-columns:repeat(3,64px);gap:6px;display:grid}.direction-vertical{grid-template-columns:1fr 1fr;gap:6px;display:grid}.direction{justify-content:center;align-items:center;gap:6px;height:44px;padding:0 6px;display:flex}.direction-key{font-family:var(--mono);color:var(--muted)}.direction-arrow{font-size:18px}.direction-dialog .hint{font-size:12px}.dialog-title{font-weight:600}.dialog-buttons{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.hint{color:var(--muted)}.dialog-left{align-items:center;gap:8px;margin-right:auto;display:flex}.sort-toggle{color:var(--muted);align-items:center;gap:4px;display:flex}.menu-items,.ext-list{margin:0 -14px;overflow-y:auto}.menu-heading{font-size:calc(11px * var(--text-scale));text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:8px 14px 2px}.menu-heading.strong{color:var(--text)}.menu-line{white-space:pre-wrap;padding:1px 14px}.menu-items.tabbed>.menu-line{display:block}.menu-item{padding:3px 14px}.menu-item.selected{background:#23395d}.menu-item.highlighted{outline:1px solid var(--accent);outline-offset:-1px}.menu-items.readonly{-webkit-user-select:text;user-select:text}.menu-items.readonly .menu-item{cursor:text}.menu-items.readonly .menu-item:hover{background:0 0}.menu-text{white-space:pre}.menu-dialog.question{width:calc(380px * var(--text-scale))}.answers{flex-direction:column;gap:8px;display:flex}.answers .hint{margin:0;font-size:12px}.menu-dialog .answers .hint{font-size:calc(12px * var(--text-scale))}.answer{text-align:left;align-items:center;gap:12px;width:100%;padding:8px 12px;font-size:14px;display:flex}.menu-dialog .answer{font-size:calc(14px * var(--text-scale))}.answer.primary .inv-letter{color:inherit}.answer-key{font-family:var(--mono);opacity:.7}.dialog-buttons .answer-key+span{white-space:pre}.answer .answer-key{width:12px}.menu-count{color:var(--accent);font-weight:600}.menu-items.tabbed{grid-template-columns:24px auto repeat(var(--menu-columns), auto) 1fr;column-gap:6px;display:grid}.menu-items.tabbed>*{grid-column:1/-1;grid-template-columns:subgrid;display:grid}.menu-heading.columns{text-transform:none;letter-spacing:normal}.menu-heading.columns>:first-child{grid-column:3}.menu-field{white-space:pre;padding-right:10px}.text-body{font:calc(12px * var(--text-scale))/1.35 var(--mono);-webkit-user-select:text;user-select:text;margin:0;overflow:auto}.text-body .strong{font-weight:700}.ext-item{text-align:left;background:0 0;border:0;border-radius:0;gap:12px;width:100%;padding:3px 14px;display:flex}.ext-item.active,.ext-item:hover{background:#23395d}.ext-name{font-family:var(--mono);min-width:110px}.ext-desc{color:var(--muted)}.player-dialog{width:520px}.player-lists{gap:10px;min-height:0;display:flex}.player-list{border:1px solid var(--border);border-radius:6px;flex-direction:column;flex:1;max-height:52vh;display:flex;overflow-y:auto}.player-item{text-align:left;background:0 0;border:0;border-radius:0;align-items:center;gap:8px;width:100%;padding:2px 8px;display:flex}.player-item:hover:not(:disabled){background:#333}.player-item.selected,.player-item.selected:hover{background:#23395d}.player-item:disabled{opacity:.35}.player-icon{background-repeat:no-repeat;flex:none;width:32px;height:32px}.player-choice{align-items:center;gap:6px;display:flex}.player-choice-label{width:80px;color:var(--muted)}.player-choice button.selected{border-color:var(--accent);background:#23395d}.player-choice button:disabled{opacity:.35}.landing{height:100%;overflow-y:auto}.landing-bar{background:var(--panel-2);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:4px 16px;display:flex}.landing-title{font-weight:600}.landing-main{flex-direction:column;gap:16px;max-width:1120px;margin:0 auto;padding:24px 16px;display:flex}.landing-hero{align-items:stretch;gap:16px;display:flex}.landing-hero .start-card{flex:none}.landing-shot{object-fit:cover;object-position:left top;border:1px solid var(--border);border-radius:12px;flex:1;min-width:0}.landing-panels{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.landing-panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}.landing-panel h2{margin:0 0 8px;font-size:15px}.landing-panel p{margin:8px 0 0}.landing-panel ul{margin:0;padding-left:18px}.landing-panel li+li{margin-top:4px}.landing-panel a{color:var(--accent)}.landing-panel kbd{font:12px var(--mono)}.landing-warning{color:#e3b341}.landing-ready{color:var(--hp);margin:0}.landing-panel ul{margin-top:8px}.start,.loading,.fatal{justify-content:center;align-items:center;height:100%;display:flex}.fatal{color:var(--danger);white-space:pre-wrap;font-family:var(--mono);padding:24px}.start-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;width:300px;padding:24px;display:flex}.start-card h1{margin:0;font-size:28px}.start-sub{color:var(--muted);margin:0}.overlay-note{color:var(--muted);position:fixed;bottom:12px;left:12px}@media (width<=900px){.landing-hero{flex-direction:column}.landing-hero .start-card{width:100%}.landing-panels{grid-template-columns:1fr}.inventory,.inv-resize,.show-inventory{display:none}.top{flex-wrap:wrap;height:auto}}