:root{--bg:#111318;--panel:#1c1f28;--text:#e6e2d6;--muted:#9a9686;--accent:#ffd23f;--button:#2a2e3a;--button-pressed:#454b5e;--pad-button:clamp(52px, 17vw, 72px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);overscroll-behavior:none;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#app{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"top""view""message""help";display:grid}#topbar{background:var(--panel);grid-area:top;align-items:center;gap:16px;padding:8px 12px;font-size:15px;display:flex}#seed{color:var(--muted)}#seed-value{color:var(--text);-webkit-user-select:text;user-select:text;font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:600}#level-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}#turns,#levers{font-variant-numeric:tabular-nums;white-space:nowrap}#levers.done{color:#9be564}#keys{font-variant-numeric:tabular-nums;white-space:nowrap;color:#ffe14d}button{font:inherit;color:var(--text);background:var(--button);cursor:pointer;border:1px solid #3a3f4e;border-radius:8px;padding:6px 12px}a.button{font:inherit;color:var(--text);background:var(--button);border:1px solid #3a3f4e;border-radius:8px;padding:6px 12px;text-decoration:none;display:inline-block}button:active,a.button:active,button.pressed{background:var(--button-pressed)}#view{touch-action:none;grid-area:view;min-height:0;position:relative}#map{width:100%;height:100%;display:block;position:absolute;inset:0}#log-bar{grid-area:message;align-items:flex-end;gap:10px;padding:4px 12px;display:flex}#short-log{--lines:3;min-width:0;height:calc(var(--lines) * 1.4em);color:var(--muted);cursor:pointer;flex-direction:column;flex:1;justify-content:flex-end;margin:0;padding:0;font-size:15px;line-height:1.4em;list-style:none;display:flex;overflow:hidden}#short-log li{flex-shrink:0}#short-log li.new{color:var(--text)}#short-log li.brief{font-style:italic}#log-button{flex:none}#log-list{-webkit-user-select:text;user-select:text;max-height:60vh;margin:0 0 16px;padding:0;list-style:none;overflow-y:auto}#log-list li{border-bottom:1px solid #2a2e3a;gap:12px;padding:5px 0;display:flex}#log-list .turn{width:5em;color:var(--muted);font-variant-numeric:tabular-nums;flex:none}.buttons{flex-wrap:wrap;gap:8px;display:flex}#help{text-align:center;color:var(--muted);grid-area:help;margin:0;padding:4px 12px 10px;font-size:14px}kbd{background:var(--button);min-width:1.6em;color:var(--text);text-align:center;border:1px solid #3a3f4e;border-radius:4px;margin:0 1px;padding:0 4px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9em;display:inline-block}#dpad{grid-area:pad;grid-template-columns:repeat(3, var(--pad-button));grid-template-rows:repeat(3, var(--pad-button));touch-action:none;place-content:center;gap:6px;padding:8px 12px 14px;display:none}#dpad button{touch-action:none;border-radius:14px;justify-content:center;align-items:center;padding:0;display:flex}#dpad svg{width:46%;height:46%;fill:var(--text);pointer-events:none}#dpad .wait{color:var(--muted);font-size:14px}@media (pointer:coarse),(width<=700px){#app{grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"top""view""message""pad"}#help{display:none}#dpad{display:grid}#topbar{gap:10px;font-size:14px}#short-log{--lines:2;font-size:14px}}@media (width<=560px){#topbar{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"name levers turns""seed keys debug";row-gap:6px;padding:6px 12px;display:grid}#seed{grid-area:seed;align-self:center}#level-name{text-align:left;grid-area:name;font-weight:600}#levers{grid-area:levers}#keys{grid-area:keys}#turns{grid-area:turns}#debug-button{grid-area:debug;justify-self:end}}@media (pointer:coarse) and (orientation:landscape) and (height<=600px){#app{grid-template:"top top""view pad"minmax(0,1fr)"message pad"/minmax(0,1fr) auto}}.overlay{background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.overlay[hidden]{display:none}.panel{background:var(--panel);border:1px solid #3a3f4e;border-radius:12px;width:min(480px,100%);max-height:100%;padding:20px;overflow:auto}.panel h2{margin-top:0}.muted{color:var(--muted)}#feature-menu{width:min(360px,100% - 24px);padding:14px 16px;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000080}#feature-menu.top{top:12px;bottom:auto}#feature-menu[hidden]{display:none}#feature-menu h2{margin-bottom:10px;font-size:1.1em}#feature-menu p{margin:0 0 10px}#menu-options{gap:8px;margin:0 0 10px;padding:0;list-style:none;display:grid}#menu-options button{text-align:left;width:100%;padding:10px 12px}#menu-options button:disabled{color:var(--muted);cursor:default}#error-screen .panel{-webkit-user-select:text;user-select:text;border-color:#a8483e;width:min(720px,100%)}#error-list li{margin-bottom:8px}.panel h3{margin:0 0 8px;font-size:1em}#debug-roll{border-collapse:collapse;-webkit-user-select:text;user-select:text;width:100%;margin-bottom:16px;font-size:14px}#debug-roll th,#debug-roll td{text-align:left;vertical-align:top;border-bottom:1px solid #2a2e3a;padding:3px 0}#debug-roll th{width:11em;color:var(--muted);padding-right:12px;font-weight:400}.debug-tool{margin-bottom:16px}.debug-tool .field{gap:8px;margin-top:6px;display:flex}.debug-tool p{margin:6px 0 0}.small{font-size:13px}.problem{color:#ff7a72}input[type=text]{min-width:0;font:inherit;color:var(--text);background:var(--bg);-webkit-user-select:text;user-select:text;border:1px solid #3a3f4e;border-radius:8px;flex:1;padding:6px 10px;font-size:16px}