@import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Plus+Jakarta+Sans:wght@700;800&family=Geist+Mono:wght@400;500&display=swap");:root{--canvas:#0f1812;--card-1:#192a20;--card-2:#233028;--card-3:#2e3c32;--fg-1:#d4e7dc;--fg-2:#b8cabc;--fg-3:#95b19f;--fg-4:#8ba896;--brass:#e8cc82;--brass-mid:#c5a059;--app-systems:#d4e7dc;--app-place:#e8cc82;--app-arcade:#c5a059;--app-mixed:#95b19f;--danger:#d98a7a;--border:rgba(212,231,220,.12);--border-strong:hsla(44,69%,71%,.34);--r-card:4px;--r-pill:999px;--t-fast:150ms;--t-base:250ms;--t-card:350ms;--ease:cubic-bezier(0.22,1,0.36,1);--sans:"Instrument Sans",system-ui,sans-serif;--display:"Plus Jakarta Sans",var(--sans);--mono:"Geist Mono",ui-monospace,monospace;--z-sticky:100;--z-overlay:200;--z-toast:300}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background-color:var(--canvas);color:var(--fg-2);font-family:var(--sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse at 50% 0,rgba(42,92,70,.28) 0,transparent 60%);background-attachment:fixed;min-height:100vh}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:var(--z-overlay);background-image:repeating-linear-gradient(180deg,rgba(0,0,0,.22) 0,rgba(0,0,0,.22) 1px,transparent 0,transparent 3px);opacity:.35;mix-blend-mode:multiply}.shell{max-width:1120px;margin:0 auto;padding:0 clamp(16px,4vw,32px) 96px}.marquee{position:relative;margin:0 calc(-1 * clamp(16px, 4vw, 32px)) 32px;padding:clamp(28px,6vw,44px) clamp(16px,4vw,32px) 24px;border-bottom:1px solid var(--border-strong);text-align:center;background-image:radial-gradient(ellipse at 50% 120%,hsla(44,69%,71%,.14) 0,transparent 62%)}.marquee__mark{font-family:var(--display);font-weight:800;font-size:clamp(2rem,7vw,3.75rem);letter-spacing:.16em;line-height:1;margin:0;color:var(--brass);text-transform:uppercase;text-wrap:balance;text-shadow:0 0 12px hsla(44,69%,71%,.34),0 0 44px hsla(44,69%,71%,.16)}.marquee__bulbs{display:block;letter-spacing:.6em;color:var(--brass-mid);margin-bottom:10px}.marquee__bulbs,.marquee__sub{font-family:var(--mono);font-size:11px}.marquee__sub{font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--fg-4);margin:12px 0 0}.tabs{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-top:22px}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid transparent;border-radius:var(--r-card);color:var(--fg-4);cursor:pointer;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.16em;padding:8px 14px;text-transform:uppercase;transition:color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease)}.tab:hover{color:var(--fg-1);background:var(--card-1)}.tab--active{color:var(--canvas);background:var(--brass);border-color:var(--brass)}.btn:focus-visible,.star:focus-visible,.tab:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.scoreboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:1px;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r-card);overflow:hidden;margin-bottom:32px}.score{background:var(--card-1);padding:18px 14px;text-align:center}.score__n{display:block;font-family:var(--mono);font-size:1.75rem;font-weight:500;color:var(--brass);line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.score__l{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-4);margin-top:6px}h2{font-family:var(--display);font-weight:700;font-size:1.1rem;letter-spacing:-.01em;color:var(--fg-1);margin:32px 0 14px;text-wrap:balance}.note{color:var(--fg-3);font-size:13.5px;max-width:68ch;text-wrap:pretty}.card{background:var(--card-1);border:1px solid var(--border);border-radius:var(--r-card);margin-bottom:8px;transition:border-color var(--t-card) var(--ease),background-color var(--t-card) var(--ease)}.card:hover{border-color:var(--border-strong);background:var(--card-2)}.card__head{flex-wrap:wrap;justify-content:space-between;gap:10px;padding:13px 16px;cursor:pointer}.card__head,.card__titlewrap{display:flex;align-items:center}.card__titlewrap{gap:8px;min-width:0}.card__title{font-weight:600;color:var(--fg-1);font-size:14.5px}.card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.card__why{padding:0 16px 13px;color:var(--fg-3);font-size:13px;max-width:74ch;text-wrap:pretty}.glyph{color:var(--brass);font-size:12px;line-height:1}.tag{font-family:var(--mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;padding:3px 8px;border-radius:var(--r-pill);border:1px solid var(--border);color:var(--fg-3);white-space:nowrap}.tag--muted{color:var(--fg-4)}.tag--played{color:var(--brass);border-color:var(--border-strong)}.dot{width:7px;height:7px;border-radius:50%;flex:none;display:inline-block}.stars{display:inline-flex;gap:1px}.star{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;padding:1px 2px;font-size:15px;line-height:1;color:var(--card-3);transition:color var(--t-fast) var(--ease),text-shadow var(--t-fast) var(--ease)}.star:hover:not(:disabled){color:var(--brass-mid)}.star--on{color:var(--brass);text-shadow:0 0 8px hsla(44,69%,71%,.42)}.star:disabled{cursor:default}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;padding:9px 15px;border-radius:var(--r-card);transition:background-color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.btn--primary{background:var(--brass);border:1px solid var(--brass);color:var(--canvas)}.btn--primary:hover:not(:disabled){background:var(--brass-mid);border-color:var(--brass-mid)}.btn--ghost{background:transparent;border:1px solid var(--border-strong);color:var(--fg-2)}.btn--ghost:hover:not(:disabled){color:var(--fg-1);background:var(--card-2)}.btn:disabled{opacity:.45;cursor:not-allowed}input[type=email],input[type=text],select,textarea{width:100%;background:var(--canvas);border:1px solid var(--border);border-radius:var(--r-card);color:var(--fg-1);font-family:var(--sans);font-size:13.5px;padding:8px 10px;transition:border-color var(--t-fast) var(--ease)}input:focus,select:focus,textarea:focus{border-color:var(--border-strong)}::placeholder{color:var(--fg-4);opacity:1}label{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-4);margin-bottom:5px}.field{margin-bottom:14px}.edit{border-top:1px solid var(--border);padding:16px}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:14px;gap:14px;margin-bottom:14px}.actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.saves-instantly{color:var(--brass-mid);letter-spacing:.06em}.claude-note{border:1px solid var(--border-strong);border-radius:var(--r-card);padding:11px 13px;margin-bottom:14px;font-size:13px;color:var(--fg-2);background:var(--card-2)}.ask-error{color:var(--danger);font-size:13px;margin-bottom:12px}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}.toolbar input[type=text]{flex:1 1 200px;width:auto}.toolbar select{width:auto;flex:0 1 auto}.count-line{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-4);margin-bottom:12px}.abar{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;grid-gap:12px;gap:12px;margin-bottom:9px;font-size:13px}.abar__track{height:5px;background:var(--card-2);overflow:hidden}.abar__fill,.abar__track{border-radius:var(--r-pill)}.abar__fill{height:100%;transition:width var(--t-card) var(--ease)}.abar__count{font-family:var(--mono);font-size:11px;color:var(--fg-4);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:32px;gap:32px}.mini{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--border);font-size:13.5px;color:var(--fg-2)}.mini:last-child{border-bottom:none}.banner,.callout{border:1px solid var(--border-strong);border-radius:var(--r-card);padding:14px 16px;margin-bottom:24px;font-size:13.5px;background:var(--card-1)}.banner{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.bracket__q{margin-bottom:22px}.bracket__title{font-family:var(--display);font-weight:700;color:var(--fg-1);margin-bottom:10px}.bracket__opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:8px;gap:8px}.opt{text-align:left;background:var(--card-1);border:1px solid var(--border);border-radius:var(--r-card);padding:12px 14px;cursor:pointer;color:var(--fg-2);font-family:var(--sans);font-size:13px;transition:border-color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease)}.opt:hover{border-color:var(--border-strong)}.opt--picked{border-color:var(--brass);background:var(--card-2)}.opt__label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--brass);margin-bottom:5px}.opt--both{width:100%;margin-top:8px}.session{background:var(--card-1);border:1px solid var(--border);border-radius:var(--r-card);padding:14px 16px;margin-bottom:8px}.session__head{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.export-box{width:100%;min-height:200px;line-height:1.55;margin-top:12px;resize:vertical;white-space:pre;overflow-x:auto}.export-box,.toast{font-family:var(--mono);font-size:11.5px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:var(--z-toast);background:var(--card-3);border:1px solid var(--border-strong);border-radius:var(--r-card);color:var(--fg-1);letter-spacing:.06em;padding:10px 16px;animation:rise var(--t-base) var(--ease)}.toast--error{border-color:var(--danger);color:var(--danger)}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.boot{min-height:70vh;display:grid;place-content:center;text-align:center;grid-gap:14px;gap:14px;padding:32px}.boot__line{font-family:var(--mono);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--fg-3)}.boot__cursor{display:inline-block;width:8px;height:14px;background:var(--brass);vertical-align:-2px;margin-left:4px;animation:blink 1.1s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}.login-card{width:min(380px,100%);margin:0 auto;background:var(--card-1);border:1px solid var(--border);border-radius:var(--r-card);padding:26px;text-align:left}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.boot__cursor{visibility:visible}}