:root{color-scheme:light;--bg:#f8fafc;--bg-accent:#e9edf8;--panel:#fff;--panel-soft:#f0f2f8;--line:#d9dce8;--text:#1c1f2e;--muted:#5b6178;--cyan:#007fae;--pink:#d73552;--input:#fff;--nav:#f8fafce8;--shadow:#1c1f2e24;--danger:#b4233c;--grid-line:rgba(59,130,246,.055);--grid-focus:rgba(59,130,246,.10);--twinkle:rgba(59,130,246,.8)}
:root[data-theme="dark"]{color-scheme:dark;--bg:#090a12;--bg-accent:#242a55;--panel:#15182b;--panel-soft:#101222;--line:#343954;--text:#f4f6ff;--muted:#aeb5cc;--cyan:#00d2ff;--pink:#e94560;--input:#0d0f1b;--nav:#090a12e8;--shadow:#0008;--danger:#ff9aae;--grid-line:rgba(255,255,255,.035);--grid-focus:rgba(255,255,255,.06);--twinkle:rgba(96,165,250,.8)}
body{position:relative;isolation:isolate;background-color:var(--bg)!important;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px)!important;background-size:40px 40px!important;color:var(--text)}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Pretendard",sans-serif!important}
body::before{position:fixed;z-index:0;inset:0;content:"";pointer-events:none;background-image:linear-gradient(var(--grid-focus) 1px,transparent 1px),linear-gradient(90deg,var(--grid-focus) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(560px circle at 50% 30%,#000 0 48%,transparent 100%);-webkit-mask-image:radial-gradient(560px circle at 50% 30%,#000 0 48%,transparent 100%)}
body>main,body>.site-nav{position:relative;z-index:1}
.grid-twinkles{position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none}.grid-twinkles i{position:absolute;width:39px;height:39px;background:var(--twinkle);opacity:0;animation:grid-twinkle 4s ease-in-out infinite}.grid-twinkles i:nth-child(1){left:12%;top:120px;animation-delay:-.3s}.grid-twinkles i:nth-child(2){left:34%;top:240px;animation-delay:-1.7s}.grid-twinkles i:nth-child(3){left:62%;top:80px;animation-delay:-2.8s}.grid-twinkles i:nth-child(4){left:81%;top:320px;animation-delay:-.9s}.grid-twinkles i:nth-child(5){left:22%;top:520px;animation-delay:-3.5s}.grid-twinkles i:nth-child(6){left:55%;top:600px;animation-delay:-2.1s}.grid-twinkles i:nth-child(7){left:74%;top:720px;animation-delay:-4.2s}@keyframes grid-twinkle{0%,100%{opacity:0}45%,55%{opacity:.08}}
@media(prefers-reduced-motion:reduce){.grid-twinkles i{animation:none}}
.site-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:12px max(5vw,20px);border-bottom:1px solid var(--line);background:var(--nav);backdrop-filter:blur(14px)}
.site-brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-weight:800;text-decoration:none}.brand-logo{display:block;width:36px;height:36px;object-fit:contain;border-radius:10px;background:#fff}.site-brand-label{font-size:13px;letter-spacing:.06em}
.site-tools{display:flex;align-items:center;gap:10px}.theme-toggle{min-height:38px;margin:0;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit;font-weight:700;cursor:pointer}.theme-toggle:hover{border-color:var(--cyan)}
.site-brand-label,.eyebrow,.card-label,.label,.category,time,.meta,.count,.hint,.feedback-head,.cohort-card strong{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
.panel,.game-card,.cohort-card,.feedback-item{border-radius:16px;background:var(--panel)!important}.filter{border-radius:10px;background:var(--panel-soft)!important;color:var(--muted)!important}.filter:hover,.filter[aria-pressed="true"]{color:var(--text)!important}input,select,textarea{border-color:var(--line)!important;border-radius:10px!important;background:var(--input)!important;color:var(--text)!important}.error{color:var(--danger)!important}
.upload-link,#uploadForm #submitButton{border-radius:10px!important;background:#0f172a!important;color:#fff!important;box-shadow:0 1px 2px rgba(15,23,42,.12)!important}.upload-link:hover,#uploadForm #submitButton:hover{background:#1e293b!important}.panel button{border-radius:10px}
.card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.card-likes{display:inline-flex;align-items:center;white-space:nowrap;color:var(--muted)}
:root:not([data-theme="dark"]) .cohort-card,:root:not([data-theme="dark"]) .game-card{border-color:#c9cede;box-shadow:0 1px 3px rgba(28,31,46,.08),0 4px 14px rgba(28,31,46,.06)}
:root:not([data-theme="dark"]) .cohort-card:hover,:root:not([data-theme="dark"]) .game-card:hover{border-color:var(--cyan);box-shadow:0 3px 7px rgba(28,31,46,.11),0 10px 24px rgba(28,31,46,.10)}
:root:not([data-theme="dark"]) .filter{border-color:#c9cede!important;background:#fff!important}
:root:not([data-theme="dark"]) .filter:hover{border-color:#7f91ad!important}
:root:not([data-theme="dark"]) .filter[aria-pressed="true"]{border-color:var(--cyan)!important;background:#e4f5fb!important;color:#075f80!important;box-shadow:inset 0 -2px 0 var(--cyan)}
@media(max-width:560px){.site-nav{padding-inline:16px}.site-brand-label{display:none}.theme-toggle{font-size:12px;padding-inline:9px}}