:root{--bg: #0d0d0d;--frame: #171717;--panel: #262626;--field: #121212;--line: #3a3a3a;--edge: #8a8a8a;--text: #ffffff;--muted: #c4c4c4;--lime: #c8f088;--lime-fill: #404038;--lime-glow: rgba(200, 240, 136, .45);--bad: #ff8a80;--warn: #ffd36e;--font: "Helvetica Neue", Helvetica, Arial, sans-serif;--mono: ui-monospace, Menlo, Consolas, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{min-height:100vh;background:radial-gradient(1200px 480px at 50% -160px,#2a2a2a,transparent 70%) no-repeat,var(--bg);color:var(--text);font:400 16px/24px var(--font);-webkit-font-smoothing:antialiased}h1,h2,h3,p,ul,dl,dd{margin:0}button,input,textarea{font:inherit;color:inherit}[hidden]{display:none!important}a{color:var(--lime);text-underline-offset:4px}code{font:14px/20px var(--mono)}h1,h2,h3,.status,.btn,.play,kbd,.set-label,.opt,.val,summary,.profiles .name,.problems strong,.hud-fps{font-style:italic;font-weight:700}.hint{color:var(--muted);font-size:14px;line-height:20px}:focus-visible{outline:2px solid var(--lime);outline-offset:2px;box-shadow:0 0 12px var(--lime-glow)}:focus:not(:focus-visible){outline:none}.app{max-width:1184px;margin:0 auto;padding:24px 32px 48px;display:grid;grid-template-columns:384px minmax(0,1fr);gap:24px;align-items:start}.top{grid-column:1 / -1;background:var(--frame);border-radius:12px;padding:16px 24px 24px}.top-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px}.side,.content{display:grid;gap:24px;min-width:0}.panel{background:var(--panel);border-radius:12px;padding:24px;min-width:0}.row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.row.end{justify-content:flex-end}h1{font-size:32px;line-height:40px}h2{font-size:20px;line-height:28px;color:var(--lime);margin-bottom:16px}h3{font-size:16px;line-height:24px;color:var(--lime);margin:32px 0 8px}.panel>h2+.hint{margin:-12px 0 16px}#settings[data-readonly] #settings-note,#online[data-readonly] #online-note{color:var(--warn)}.bar{margin-top:12px;height:8px;border-radius:4px;background:#585858;overflow:hidden}.bar-fill{height:100%;width:0;border-radius:4px;background:var(--lime);box-shadow:0 0 8px var(--lime-glow);transition:width .2s linear}.status{font-size:32px;line-height:40px}body[data-phase=ready] .status{color:var(--lime)}body[data-phase=error] .status{color:var(--bad)}.status-sub{margin:4px 0 24px;color:var(--muted);font-variant-numeric:tabular-nums}button,.file-btn{cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border:2px solid var(--edge);border-radius:12px;background:#080808;color:var(--text);font-size:16px;line-height:24px;white-space:nowrap}.btn:hover:not(:disabled){border-color:var(--lime)}.btn.selected,.play{border:2px solid var(--lime);background:var(--lime-fill);color:var(--lime);box-shadow:0 0 12px var(--lime-glow)}.btn.danger{border-color:var(--bad);color:var(--bad)}.btn:disabled,.file-btn[aria-disabled]{opacity:.5;cursor:not-allowed}.file-btn{position:relative}.file-btn input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.file-btn:focus-within{outline:2px solid var(--lime);outline-offset:2px;box-shadow:0 0 12px var(--lime-glow)}.play{display:inline-flex;align-items:center;gap:16px;height:48px;padding:0 16px 0 24px;border-radius:12px;font-size:20px;line-height:28px}.play:hover:not(:disabled){background:#4c5440}.play:disabled{border-color:#4a4a4a;background:var(--field);color:var(--edge);box-shadow:none;cursor:not-allowed}.play kbd{border-color:currentColor;background:none;color:inherit}kbd{display:inline-block;min-width:24px;padding:1px 8px;border:1px solid var(--edge);border-radius:4px;background:var(--field);color:var(--text);font-family:var(--font);font-size:14px;line-height:20px;text-align:center}.problems{list-style:none;padding:0;display:grid;gap:8px;margin-top:16px}.problems:empty{display:none}.problems li{background:var(--field);border:2px solid var(--bad);border-radius:8px;padding:12px 16px}.problems li.warn{border-color:var(--warn)}.problems strong{display:block}.problems p{color:var(--muted);font-size:14px;line-height:20px;margin-top:4px}.panel>#keys>h3:first-child,#help-body>h3:first-child{margin-top:0}.keys{display:grid;gap:8px}.keys>div{display:grid;grid-template-columns:128px minmax(0,1fr);gap:16px;align-items:center}.keys dt{display:flex;flex-wrap:wrap;align-items:center;gap:4px;color:var(--muted);font-size:14px;line-height:20px}.keys dd{font-size:14px;line-height:20px}#keys>.hint,#help-body>.hint{margin-top:24px}.changes{display:grid;gap:8px;padding-left:16px;font-size:14px;line-height:20px}.changes li::marker{color:var(--lime)}.group h3{margin-top:32px}.group:first-child h3{margin-top:0}.group-status{margin-bottom:4px}#online .group-status{margin-top:-12px}.set{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label ctl" "help ctl";column-gap:16px;padding:12px 0;align-items:center}.set+.set,.more{box-shadow:inset 0 1px var(--line)}.set-label{grid-area:label;font-size:16px;line-height:24px}.set-help{grid-area:help;color:var(--muted);font-size:14px;line-height:20px}.set-state{grid-column:1 / -1;font-size:14px;line-height:20px;margin-top:8px}.set-state.bad{color:var(--bad)}.set-state.env{color:var(--warn)}.set-control{grid-area:ctl;display:flex;align-items:center;justify-content:flex-end;gap:8px}.val{color:var(--lime);font-size:14px;line-height:20px;min-width:24px}.unit{color:var(--muted);font-size:14px;line-height:20px}.seg{display:inline-flex;gap:4px;padding:4px;border-radius:8px;background:var(--field)}.opt{position:relative;display:inline-flex;align-items:center;height:32px;padding:0 12px;border:2px solid transparent;border-radius:8px;color:var(--muted);font-size:14px;line-height:20px;cursor:pointer}.opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.opt:hover{color:var(--text)}.opt:has(input:checked){border-color:var(--lime);background:var(--lime-fill);color:var(--lime);box-shadow:0 0 8px var(--lime-glow)}.opt:has(input:focus-visible){outline:2px solid var(--lime);outline-offset:2px}.opt:has(input:disabled){cursor:not-allowed;opacity:.5}.switch{appearance:none;margin:0;width:56px;height:32px;border-radius:16px;border:2px solid var(--edge);cursor:pointer;background:radial-gradient(circle at 14px 50%,var(--edge) 8px,transparent 9px) no-repeat,var(--field);transition:background .15s ease,border-color .15s ease}.switch:checked{border-color:var(--lime);box-shadow:0 0 8px var(--lime-glow);background:radial-gradient(circle at calc(100% - 14px) 50%,var(--lime) 8px,transparent 9px) no-repeat,var(--lime-fill)}.switch:disabled{cursor:not-allowed;opacity:.5}.set input[type=number],.set input[type=text]{width:128px;height:40px;padding:0 12px;border:2px solid var(--edge);border-radius:8px;background:var(--field);color:var(--lime);font:italic 700 16px/24px var(--font)}.set input::placeholder{color:var(--edge);font-weight:400}.set-reset{height:32px;padding:0 8px;border:0;border-radius:8px;background:none;color:var(--muted);font-size:14px;line-height:20px;text-decoration:underline;text-underline-offset:4px}.set-reset:hover{color:var(--lime)}summary{display:flex;align-items:center;gap:8px;min-height:48px;color:var(--muted);font-size:14px;line-height:20px;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary:before{content:"";width:8px;height:8px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(-45deg);transition:transform .15s ease}details[open]>summary:before{transform:rotate(45deg)}summary:hover{color:var(--text)}.raw{margin-top:24px;box-shadow:inset 0 1px var(--line)}.raw textarea{display:block;width:100%;margin-bottom:12px;padding:8px 12px;border:2px solid var(--edge);border-radius:8px;background:var(--field);color:var(--text);font:14px/20px var(--mono);resize:vertical;white-space:pre;overflow-x:auto}.profiles{list-style:none;padding:0;display:grid;gap:4px;margin-bottom:16px}.profiles li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:8px 12px;border-radius:8px;background:var(--field)}.profiles li.empty{color:var(--muted);font-size:14px;line-height:20px}.profiles .name{color:var(--lime)}.profiles .meta{color:var(--muted);font-size:14px;line-height:20px;align-self:center}#saves .hint+.row{margin-top:12px}#saves h3+.hint{margin-bottom:0}#cache-info{font-variant-numeric:tabular-nums}#data-bar{margin:0 0 16px}.msg{font-size:14px;line-height:20px;margin-top:12px}.msg:empty{display:none}.msg.warn{color:var(--warn)}.page-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:5;max-width:calc(100vw - 32px);padding:8px 16px;border:2px solid var(--edge);border-radius:12px;background:var(--frame);font-size:14px;line-height:20px;box-shadow:0 8px 24px #00000080}.page-toast:empty{display:none}.stage{position:fixed;inset:0;z-index:10;background:#000}.stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:none;touch-action:none}.stage.cursor canvas{cursor:default}.hud-fps{position:absolute;top:16px;right:16px;z-index:2;pointer-events:none;min-width:80px;padding:4px 12px;border-radius:8px;background:#000000a3;color:var(--lime);font-size:20px;line-height:28px;font-variant-numeric:tabular-nums;text-align:right}.hud-fps small{margin-left:4px;color:var(--muted);font-size:12px;line-height:16px}.hud-fps dl{display:grid;grid-template-columns:auto auto;gap:0 12px;margin-top:4px;font:400 12px/16px var(--font);color:var(--text)}.hud-fps dt{color:var(--muted);text-align:left}.hud-fps dd{font-variant-numeric:tabular-nums}.toast{position:absolute;left:50%;top:16px;transform:translate(-50%);z-index:3;max-width:calc(100vw - 32px);padding:8px 16px;border-radius:8px;background:#000c;font-size:14px;line-height:20px;pointer-events:none}.notices{position:absolute;left:50%;top:64px;transform:translate(-50%);z-index:3;max-width:calc(100vw - 32px);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.notices div{padding:4px 12px;border-radius:8px;background:#000000b8;font-size:14px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}dialog{color:var(--text)}dialog::backdrop{background:#000000a3}.dlg{width:min(448px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px;border:2px solid var(--line);border-radius:12px;background:var(--frame)}.dlg h2{margin-bottom:8px}.dlg .hint,.dlg p{margin-bottom:16px}.dlg ul{margin:0 0 16px;padding-left:24px;color:var(--muted);font-size:14px;line-height:20px}.dlg .row.end{margin-top:8px}.dlg.help{width:min(560px,calc(100vw - 32px))}.dlg-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.dlg-head h2{margin:0}.menu-actions{display:grid;gap:8px}#menu-save{margin-top:-12px}#menu-save:empty{display:none}@media(max-width:959px){.app{grid-template-columns:minmax(0,1fr);padding:16px 16px 48px;gap:16px}.side,.content{gap:16px}}@media(max-width:559px){.top,.panel{padding:16px}.set{grid-template-columns:minmax(0,1fr);grid-template-areas:"label" "help" "ctl"}.set-control{justify-content:flex-start;margin-top:8px;flex-wrap:wrap}.set-control>.seg{display:flex;flex:1}.opt{flex:1;justify-content:center;padding:0 8px}.keys>div{grid-template-columns:112px minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
/*# sourceMappingURL=main.css.map */