@font-face{font-family:space grotesk;src:url(../fonts/space-grotesk-latin.woff2)format("woff2");font-weight:300 700;font-style:normal;font-display:swap}:root{color:#eeece4;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#eeece4;--muted:#a7a398;--line:#39372f;--accent:#ded877;--accent-hover:#eae49a;--surface:#201f1a;--background:#151411;background:#151411;font-family:space grotesk,sans-serif}*{box-sizing:border-box}body{min-width:0;margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.4}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}::selection{color:var(--background);background:var(--accent)}main,.site-footer{width:min(100% - 3rem,56rem);margin-inline:auto}.github-link{min-height:44px;color:var(--muted);white-space:nowrap;align-items:center;gap:.5rem;font-size:.8125rem;display:inline-flex}.github-link span[aria-hidden]{color:var(--accent);font-size:1.1rem}.github-link:hover{color:var(--text)}.intro{border-bottom:1px solid var(--line);margin-bottom:1.25rem;padding-block:2.5rem 1.25rem}.intro-top{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.eyebrow{color:var(--accent);letter-spacing:.06em;margin:0;font-size:.7rem}h1{letter-spacing:-.07em;margin:0;font-size:clamp(2.75rem,8vw,5.5rem);font-weight:500;line-height:1.02}h1 span{color:var(--accent)}.subtitle{color:var(--muted);letter-spacing:-.02em;margin:1rem 0 0;font-size:1rem;line-height:1.5}.player{min-width:0}.player-meta{color:var(--muted);letter-spacing:.025em;justify-content:space-between;gap:1rem;margin-bottom:.75rem;font-size:.6875rem;display:flex}.viewport{border:1px solid var(--line);background:#000;position:relative}#game{width:100%;min-width:0}#game:empty{aspect-ratio:4/3}.loading{color:var(--muted);place-content:center;justify-items:center;gap:1rem;font-size:.8rem;display:grid;position:absolute;inset:0}.loading p{margin:0}.loading-dot{color:var(--accent)}.toolbar{justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1.25rem;display:flex}.toolbar-start,.toolbar-end{align-items:center;gap:.5rem;min-width:0;display:flex}.toolbar-end{border-left:1px solid var(--line);gap:.25rem;padding-left:1rem}.button{min-height:44px;color:var(--text);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:.125rem;justify-content:center;align-items:center;gap:.625rem;padding:.75rem 1rem;font-size:.8125rem;font-weight:500;line-height:1.25;transition:color .12s,background-color .12s,border-color .12s;display:inline-flex}.button svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1rem;height:1rem}.primary{min-width:8rem;color:var(--background);background:var(--accent);border-color:var(--accent);justify-content:space-between;gap:2.5rem}.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.secondary{border-color:var(--line);background:var(--surface)}.secondary:hover:not(:disabled){border-color:var(--muted)}.secondary svg{width:.875rem;height:.875rem;color:var(--muted)}.utility{color:var(--muted);padding-inline:.75rem}.utility:hover:not(:disabled){color:var(--text);background:var(--surface)}.keyboard-controls{color:var(--muted);flex-wrap:wrap;gap:.75rem 1.25rem;margin-top:1.25rem;font-size:.6875rem;display:flex}.keyboard-controls span{white-space:nowrap}kbd{border:1px solid var(--line);font:inherit;color:var(--text);border-radius:.125rem;margin-right:.25rem;padding:.125rem .375rem;display:inline-block}.mouse-note,.touch-note{color:var(--muted);margin:.75rem 0 0;font-size:.6875rem;line-height:1.5}.touch-note{display:none}.notice{color:var(--accent);overflow-wrap:anywhere;margin:1rem 0 0;font-size:.8rem;line-height:1.5}.wad-picker{border-top:1px solid var(--line);margin-top:1.75rem}.wad-picker summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;min-height:44px;padding-block:1rem;font-size:.8125rem;list-style:none;display:flex}.wad-picker summary:hover{color:var(--accent)}.wad-picker summary::-webkit-details-marker{display:none}.wad-picker summary span{color:var(--muted);font-size:1rem}.wad-picker[open] summary span{transform:rotate(45deg)}.wad-content{padding-bottom:.5rem}.wad-content p{color:var(--muted);margin:0 0 1rem;font-size:.75rem;line-height:1.7}.wad-content .wad-name{overflow-wrap:anywhere;margin-block:.75rem 0;font-size:.65rem}.site-footer{color:var(--muted);padding-block:2rem 2.5rem}.credit{color:var(--text);flex-wrap:wrap;align-items:baseline;gap:.75rem;margin:0;font-size:.875rem;line-height:1.75;display:flex}.credit a,.github-link span:first-child{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:.25rem;text-decoration-thickness:1px}.credit a:hover{color:var(--accent);text-decoration-color:currentColor}.separator{color:var(--muted)}.about{margin:.5rem 0 0;font-size:.75rem;line-height:1.75}@media (width<=560px){.toolbar{flex-direction:column;align-items:stretch;gap:.5rem}.toolbar-start{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.toolbar-end{border-left:0;justify-content:flex-end;padding-left:0}.primary{gap:1rem;min-width:0}}@media (width<=480px){main,.site-footer{width:calc(100% - 2rem)}.intro{margin-bottom:1rem;padding-block:1.75rem 1rem}.button{padding-inline:.75rem}.player-meta{gap:.5rem}.site-footer{padding-block:1.5rem 2rem}}@media (pointer:coarse){.keyboard-controls,.mouse-note{display:none}.touch-note{margin-top:1rem;display:block}}@media (prefers-reduced-motion:reduce){.button{transition:none}}