.dev-settings-layer{z-index:1200;pointer-events:none;font-family:PixelMplus12,monospace;font-size:calc(12 * var(--dev-u));color:#edf8ff;-webkit-font-smoothing:none;line-height:1.5;position:fixed}.dev-settings-layer [hidden],.dev-settings-layer[hidden]{display:none!important}.dev-settings-button,.dev-settings-select{font:inherit;color:#edf8ff;border:calc(1 * var(--dev-u)) solid #4b7187;padding:calc(6 * var(--dev-u)) calc(10 * var(--dev-u));cursor:pointer;background:#0b2232}.dev-settings-button:focus-visible,.dev-settings-select:focus-visible,.dev-settings-button:hover:not(:disabled){outline:calc(2 * var(--dev-u)) solid #5ce1e6;outline-offset:calc(2 * var(--dev-u));background:#113242}.dev-settings-button:disabled,.dev-settings-select:disabled{opacity:.4;cursor:default}.dev-settings-gear{pointer-events:auto;left:calc(818 * var(--dev-u));top:calc(8 * var(--dev-u));width:calc(44 * var(--dev-u));height:calc(44 * var(--dev-u));font-size:calc(24 * var(--dev-u));background:#071320df;padding:0;position:absolute}.dev-settings-shortcut{left:calc(840 * var(--dev-u));top:calc(55 * var(--dev-u));font-size:calc(12 * var(--dev-u));color:#a9c0cf;opacity:.65;pointer-events:none;line-height:1;position:absolute;transform:translate(-50%)}.dev-settings-dialog{pointer-events:auto;background:#030912b8;place-items:center;display:grid;position:absolute;inset:0}.dev-settings-panel{box-sizing:border-box;width:calc(840 * var(--dev-u));max-height:calc(506 * var(--dev-u));gap:calc(8 * var(--dev-u));padding:calc(16 * var(--dev-u));border:calc(2 * var(--dev-u)) solid #60899e;box-shadow:calc(6 * var(--dev-u)) calc(6 * var(--dev-u)) 0 #02060cab;background:#071320f5;flex-direction:column;display:flex}.dev-settings-header{align-items:center;gap:calc(12 * var(--dev-u));display:flex}.dev-settings-title{font-size:calc(24 * var(--dev-u));color:#5ce1e6;margin:0;font-weight:400}.dev-settings-badge{color:#ffc857}.dev-settings-close{margin-left:auto}.dev-settings-intro,.dev-settings-hint,.dev-settings-notice{color:#a9c0cf;margin:0}.dev-settings-groups{align-items:start;gap:calc(12 * var(--dev-u));scrollbar-color:#4b7187 #071320;grid-template-columns:1fr 1fr;min-height:0;display:grid;overflow-y:auto}.dev-settings-group{border:calc(1 * var(--dev-u)) solid #334f61;padding:calc(10 * var(--dev-u))}.dev-settings-group-title{margin:0 0 calc(8 * var(--dev-u));color:#5ce1e6;font:inherit}.dev-settings-row{justify-content:space-between;align-items:center;gap:calc(12 * var(--dev-u));min-height:calc(35 * var(--dev-u));padding:calc(4 * var(--dev-u)) 0;display:flex}.dev-settings-description{min-width:0}.dev-settings-hint{font-size:inherit;color:#8da7b8;display:block}.dev-settings-switch{width:calc(40 * var(--dev-u));height:calc(22 * var(--dev-u));border-radius:calc(12 * var(--dev-u));padding:calc(3 * var(--dev-u));background:#233242;flex-shrink:0;position:relative}.dev-settings-knob{top:calc(3 * var(--dev-u));left:calc(3 * var(--dev-u));width:calc(14 * var(--dev-u));height:calc(14 * var(--dev-u));background:#8da7b8;border-radius:50%;position:absolute}.dev-settings-switch[aria-checked=true]{background:#17535b;border-color:#5ce1e6}.dev-settings-switch[aria-checked=true] .dev-settings-knob{left:calc(21 * var(--dev-u));background:#5ce1e6}.dev-settings-select-row{gap:calc(4 * var(--dev-u));margin-top:calc(6 * var(--dev-u));flex-direction:column;display:flex}.dev-settings-select{box-sizing:border-box;width:100%}.dev-settings-notice{color:#ffc857}.dev-settings-footer{justify-content:flex-end;gap:calc(10 * var(--dev-u));display:flex}.dev-settings-primary{color:#5ce1e6;border-color:#5ce1e6}.dev-settings-stopped{pointer-events:auto;left:50%;top:calc(64 * var(--dev-u));align-items:center;gap:calc(10 * var(--dev-u));padding:calc(8 * var(--dev-u));border:calc(1 * var(--dev-u)) solid #60899e;background:#071320f5;display:flex;position:absolute;transform:translate(-50%)}:root{--ink:#edf8ff;--muted:#8da7b8;--cyan:#5ce1e6;--amber:#ffc857;--red:#ff4d6d;--box:#030c16b8;--panel:#071320f0;--dim:#030912d9;--border:#8edfff59;--border-strong:#8edfff;--button:#0b2232;--button-hover:#113242}#screen-root{color:var(--ink);-webkit-font-smoothing:none;font-family:PixelMplus12,monospace;position:absolute;inset:0;container-type:size}#screen-root[hidden]{display:none}.screen{--u:calc(100cqw / 960);background:var(--dim);font-size:calc(12 * var(--u));line-height:1.5;position:absolute;inset:0}.btn{font:inherit;font-size:calc(24 * var(--u));color:var(--ink);background:var(--button);border:1px solid var(--border);padding:calc(8 * var(--u)) calc(16 * var(--u));cursor:pointer;text-align:left}.btn:hover:not(:disabled),.btn:focus-visible{background:var(--button-hover);border-color:var(--border-strong);outline:none}.btn:focus-visible:before{content:"▶ ";color:var(--amber)}.btn__note{margin-left:calc(8 * var(--u));font-size:calc(12 * var(--u));color:var(--muted)}.btn--primary{color:var(--cyan)}.btn--small{font-size:calc(12 * var(--u));padding:calc(4 * var(--u)) calc(12 * var(--u))}.btn:disabled{opacity:.4;cursor:default}.note{color:var(--muted);margin:0}.home__logo{left:calc(48 * var(--u));top:calc(48 * var(--u));width:calc(480 * var(--u));height:calc(160 * var(--u));align-items:center;display:flex;position:absolute}.home__title{font-size:calc(48 * var(--u));margin:0;font-weight:400}.home__logo-image{object-fit:contain;object-position:left center;width:100%;height:100%;image-rendering:pixelated}.home__menu{right:calc(48 * var(--u));top:calc(216 * var(--u));width:calc(240 * var(--u));gap:calc(12 * var(--u));flex-direction:column;display:flex;position:absolute}.home__account{right:calc(48 * var(--u));top:calc(420 * var(--u));width:calc(240 * var(--u));color:var(--muted);margin:0;position:absolute}.home__error{left:calc(48 * var(--u));top:calc(240 * var(--u));width:calc(540 * var(--u));max-height:calc(240 * var(--u));padding:calc(12 * var(--u));font:inherit;color:var(--red);background:var(--box);border:1px solid var(--red);white-space:pre-wrap;margin:0;position:absolute;overflow:auto}.home__choice{right:calc(312 * var(--u));top:calc(216 * var(--u));width:calc(336 * var(--u));padding:calc(16 * var(--u));background:var(--panel);border:1px solid var(--border-strong);gap:calc(12 * var(--u));flex-direction:column;display:flex;position:absolute}.home__choice[hidden]{display:none}.home__choice-title{font-size:calc(24 * var(--u));margin:0;font-weight:400}.home__choice-buttons{gap:calc(8 * var(--u));flex-direction:column;display:flex}.home__choice>.btn--small{align-self:flex-start}.panel{background:var(--panel);border:1px solid var(--border);padding:calc(24 * var(--u)) calc(32 * var(--u));box-sizing:border-box;position:absolute}.panel__title{margin:0 0 calc(12 * var(--u));font-size:calc(24 * var(--u));font-weight:400}.howto{left:calc(120 * var(--u));top:calc(40 * var(--u));width:calc(720 * var(--u));height:calc(460 * var(--u));gap:calc(12 * var(--u));flex-direction:column;display:flex}.howto .panel__title{margin:0}.howto__keys{border-collapse:collapse}.howto__keys th,.howto__keys td{padding:calc(2 * var(--u)) calc(12 * var(--u)) calc(2 * var(--u)) 0;text-align:left;vertical-align:top;font-weight:400}.howto__keys th{color:var(--cyan);white-space:nowrap}.howto__rules{padding-left:calc(24 * var(--u));color:var(--muted);margin:0}.howto>.btn{align-self:flex-start;margin-top:auto}