@font-face{font-family:'MPS Pixel';src:url('assets/fonts/PressStart2P-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'MPS Mono';src:url('assets/fonts/PTMono-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{
  color-scheme:dark;
  --mps-night:#080c23;
  --mps-panel:#071221;
  --mps-field:#040d1b;
  --mps-ink:#e8fcff;
  --mps-muted:#9cbed0;
  --mps-ice:#9af4f5;
  --mps-mint:#87d8be;
  --mps-pink:#fb77cd;
  --mps-focus:#70f9ed;
  --mps-line:#385c70;
  --mps-shadow:#020816;
  --mps-on-action:#08291f;
  --mps-danger:#ffabb7;
  --mps-warning:#f1ce89;
  --mps-font-body:'MPS Mono',Consolas,'Courier New',monospace;
  --mps-font-display:'MPS Pixel',monospace;
  --mps-space:8px;
  --mps-radius:0;
  --mps-hard-shadow:4px 4px 0 var(--mps-shadow);
}
.mps-wordmark{font-family:var(--mps-font-display);font-weight:400;font-size:24px;line-height:1.6;letter-spacing:-.055em;white-space:nowrap;color:var(--mps-ink);text-decoration:none;font-synthesis:none}
.mps-wordmark span{color:var(--mps-ice)}
.mps-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 17px;background:transparent;border:1px solid var(--mps-line);border-radius:0;color:var(--mps-ink);font:400 14px/1.5 var(--mps-font-body);cursor:pointer;text-decoration:none;transition:background .15s,color .15s,border-color .15s}
.mps-button:hover{background:#12273a;border-color:var(--mps-ice)}
.mps-button.primary{background:var(--mps-mint);color:var(--mps-on-action);border-color:var(--mps-mint);box-shadow:3px 3px 0 #254950}
.mps-button.primary:hover{background:#b1eedb;border-color:#b1eedb}
.mps-button.danger{color:var(--mps-danger)}
.mps-button:disabled{color:var(--mps-muted);background:var(--mps-panel);border-style:dashed;box-shadow:none;cursor:not-allowed}
.mps-input{width:100%;min-height:44px;padding:11px 12px;background:var(--mps-field);border:1px solid var(--mps-line);border-radius:0;color:var(--mps-ink);font:16px/1.5 var(--mps-font-body);caret-color:var(--mps-ice)}
.mps-input::placeholder{color:var(--mps-muted);opacity:1}
.mps-input:focus{outline:2px solid var(--mps-focus);outline-offset:3px;border-color:var(--mps-focus)}
.mps-window{background:var(--mps-panel);border:1px solid var(--mps-line);border-radius:0;box-shadow:var(--mps-hard-shadow)}
.mps-titlebar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:8px 16px;border-bottom:1px solid var(--mps-line);background:#0e1d2c;color:var(--mps-muted);font:13px/1.5 var(--mps-font-body)}
.mps-window-body{padding:24px}
:where(a,button):focus-visible{outline:2px solid var(--mps-focus);outline-offset:5px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
