:root{font-family:system-ui,sans-serif;color-scheme:dark;background:#11151b;color:#e7edf5}*{box-sizing:border-box}body{margin:0;height:100dvh;display:flex;flex-direction:column;overflow:hidden}header{flex:none;display:flex;align-items:center;gap:12px;padding:10px 16px;background:#222831;border-bottom:1px solid #35404e}header strong{font-size:20px;letter-spacing:.3px}#status-bar{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:6px 18px;flex-wrap:wrap;font-size:12px;color:#b8c4d3}#status:empty{display:none}#cache-status{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}#cache-progress{width:140px;height:8px;accent-color:#a8c9f5}button,select,input,.button{font:inherit;color:inherit}button,select,.button{border:1px solid #4d5b6e;border-radius:6px;background:#303b4b;padding:7px 10px;cursor:pointer}button:hover:not(:disabled),.button:hover{background:#3b4c61}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #a8c9f5;outline-offset:2px}button:disabled{opacity:.45;cursor:default}#toggle-sidebar{flex:none}main{flex:1;min-height:0;width:100%;display:grid;grid-template-columns:minmax(0,1fr)}#game-pane{min-width:0;min-height:0;overflow:hidden}#stage{position:relative;height:100%;min-width:0;display:flex;justify-content:center;background:#000;overflow:hidden}canvas{display:block;outline:none;max-width:none}#restart-screen{position:absolute;inset:0;display:grid;place-items:center;background:#101318}#restart{font-size:22px;padding:14px 30px}#stage.ended canvas{visibility:hidden}[hidden]{display:none!important}
body.sidebar-open main{grid-template-columns:minmax(0,1fr) 400px}#sidebar{min-width:0;min-height:0;height:100%;overflow:auto;overscroll-behavior:contain;background:#202731;border-left:1px solid #3b4758;padding:16px}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.sidebar-heading h2{font-size:18px;margin:0}.tabs{display:flex;border-bottom:1px solid #455267;gap:4px;margin-bottom:18px}.tabs button{flex:1;white-space:nowrap;border:0;border-radius:4px 4px 0 0;background:transparent;color:#abb8c9;padding:10px 4px}.tabs button[aria-selected=true]{color:#f1f6ff;background:#354459;box-shadow:inset 0 -2px #a8c9f5}h3{font-size:14px;margin:20px 0 12px}p{font-size:13px;line-height:1.6;color:#bcc7d6}.hint{color:#94a2b5;font-size:12px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.button{display:inline-flex;align-items:center;position:relative;overflow:hidden}.button input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;margin:14px 0}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}input:not([type=file]):not([type=checkbox]){background:#151c25;border:1px solid #47566a;border-radius:5px;padding:8px;min-width:0;width:100%}select{min-width:0;max-width:100%}#keys{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0;font-size:13px}#record-info{font-size:12px;margin-left:8px}pre{font-size:12px;overflow:auto;max-height:240px;padding:10px;background:#151c25;border-radius:6px}pre:empty{display:none}.file-navigation{display:flex;align-items:center;gap:8px;margin:16px 0 10px}#file-path{font-size:12px;overflow-wrap:anywhere;color:#a9b7c9}.file-list{margin-top:12px;overflow:auto;max-height:50dvh;border:1px solid #3b4758;border-radius:6px}table{border-collapse:collapse;width:100%;font-size:12px}th,td{padding:9px 8px;text-align:left;border-bottom:1px solid #35404e}th{position:sticky;top:0;background:#293341;color:#b3c2d5;font-weight:500}td:first-child{word-break:break-word}td:nth-child(2){white-space:nowrap;color:#a8b5c7}td:last-child{width:1%;white-space:nowrap}td button{font-size:12px;padding:4px 6px}.folder{border:0;background:transparent;padding:0;text-align:left}.file-type{display:block;color:#8595aa;font-size:11px;margin-top:3px}#file-count{font-size:12px;color:#94a2b5}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:800px){body.sidebar-open main{grid-template-columns:minmax(0,1fr)}#sidebar{position:fixed;z-index:10;right:0;top:var(--header-height,56px);bottom:0;height:auto;width:min(400px,100%);box-shadow:0 8px 32px #0009}header{padding:8px;gap:8px}header strong{font-size:16px}#cache-progress{width:95px}}

.brand{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.brand small{font-size:11px;font-weight:400;color:#a9b7c9}#loading-screen{position:absolute;inset:0;display:grid;place-items:center;background:#101318;pointer-events:none}#loading-screen>div{width:min(360px,80%);text-align:center}#loading-status{font-size:14px;color:#d5dfeb}#loading-screen #cache-progress{width:100%;height:10px}

#runtime-status{display:flex;align-items:center;gap:6px;font-size:12px;font-variant-numeric:tabular-nums;flex-wrap:wrap}.status-chip{padding:5px 8px;border:1px solid #47566a;border-radius:5px;white-space:nowrap}#solver-status[data-mode="1"]{color:#f2cf86;border-color:#77613e}#solver-status[data-mode="0"]{color:#9fd6ba}#tas-status:disabled{opacity:1;cursor:default;color:#95a4b7}#tas-status:not(:disabled){color:#a8c9f5;border-color:#6589b8}#tas-status{min-width:108px;font-size:12px}
body.sidebar-open.editor-open main{grid-template-columns:minmax(0,1fr) 600px}.grid-tools{display:flex;align-items:center;gap:6px;margin:14px 0 6px;font-size:12px}.grid-tools button[aria-pressed="true"]{background:#42658b;border-color:#93bcea}#grid-selection{margin-left:auto;color:#a9b7c9;font-variant-numeric:tabular-nums}#record-grid{height:420px;overflow-anchor:none;max-height:55dvh;overflow:auto;overscroll-behavior:contain;border:1px solid #47566a;border-radius:6px;position:relative;touch-action:pan-y}.tas-grid-table{table-layout:fixed;min-width:470px;width:100%;font-variant-numeric:tabular-nums;border-collapse:separate;border-spacing:0}.tas-grid-table th{height:30px;padding:2px;z-index:1;text-align:center}.tas-grid-table th:first-child{width:61px}.tas-grid-table th:nth-child(2){width:83px}.tas-grid-table th button{font-size:10px;width:100%;padding:4px 0;border:0;background:none}.tas-grid-table td{height:30px;padding:2px;text-align:center;white-space:nowrap;border-bottom:1px solid #303b4a;overflow:hidden}.tas-grid-table td:last-child{width:auto}.tas-grid-table tr.selected td{background:#283d54}.tas-grid-table td button{font-size:11px;padding:0;width:100%;height:23px}.tas-grid-table .sample-number{background:transparent;border:0;color:#acbbce}.tas-grid-table .key-cell{background:#171f29;border:1px solid #45546a;border-radius:3px;touch-action:none}.tas-grid-table .key-cell[aria-pressed="true"]{background:#45a3e5;border-color:#8bcbf4;box-shadow:inset 0 0 0 2px #1d77b9}.tas-grid-table .key-cell:disabled{opacity:.65}.tas-grid-table td input[type=number]{font-size:11px;padding:2px;height:23px;border:0;background:transparent;text-align:right;appearance:textfield}.tas-grid-table td input::-webkit-inner-spin-button{appearance:none}.tas-grid-table .tas-spacer td{padding:0;border:0}.tas-grid-table .tas-spacer{height:auto}
@media(max-width:1000px){#runtime-status{font-size:11px}header{flex-wrap:wrap}#status-bar{font-size:11px}body.sidebar-open.editor-open main{grid-template-columns:minmax(0,1fr)}body.editor-open #sidebar{position:fixed;z-index:10;right:0;top:var(--header-height,56px);bottom:0;height:auto;width:min(600px,100%);box-shadow:0 8px 32px #0009}}

#range-tools{margin:14px 0;font-size:12px}#range-tools summary{cursor:pointer;color:#b5c5d9;padding:4px 0}

html,body{overflow:clip}html{height:100%}

#share-dialog{max-width:min(520px,90vw);border:1px solid #52627a;border-radius:12px;background:#222b38;color:#e7edf5;padding:22px}#share-dialog::backdrop{background:#0009}#share-message{font-size:15px;color:inherit;overflow-wrap:anywhere;margin:0 0 20px}#share-dialog .actions{justify-content:flex-end;margin:0}