:root{--red:#d20000;--red-soft:#ff4646;--gold:#ffe92e;--mint:#43dbff;--brand-orange:#ff7e00;--brand-green:#559b2b;--brand-pink:#f051d1;--ink:#070912;--panel:#0c0f20eb;--line:#96aadc38;--text:#e6ecff;--muted:#8e9cc4;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--sans:"Trebuchet MS", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{min-height:100vh;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;background:#05060d radial-gradient(1200px 700px at 50% -10%,#1a1f44 0%,#090b18 55%,#05060d 100%) no-repeat;margin:0}.wrap{width:min(1120px,100%);margin:0 auto;padding-inline-start:20px;padding-inline-end:20px}.masthead{text-align:center;padding:clamp(36px,7vw,72px) 0 12px}.ball-mark{background:radial-gradient(circle at 34% 32%, var(--red-soft), var(--red) 45%, #a80d26);border-radius:50%;width:56px;height:56px;margin:0 auto 14px;animation:1.6s ease-in-out infinite bob;box-shadow:6px 6px #090909,0 0 34px #d2000073}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}h1{font:900 clamp(34px, 7vw, 56px)/1 var(--sans);letter-spacing:-.02em;color:#fff;text-shadow:0 0 30px #d200008c;margin:0}.studio-line{font:600 10.5px/1 var(--sans);letter-spacing:.34em;text-transform:uppercase;color:var(--red-soft);margin:10px 0 0}.welcome{font:700 12px/1.5 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:18px 0 0}.welcome b{color:#fff}.games{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;margin:34px 0 0;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;flex-direction:column;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;overflow:hidden;box-shadow:0 24px 60px #00000073}.card:hover{border-color:#d200008c;transform:translateY(-3px);box-shadow:0 30px 70px #0000008c,0 0 0 1px #d2000040}.art{background:#0b0e1e;line-height:0;display:block}.art canvas{aspect-ratio:16/9;width:100%;display:block}.card-body{flex-direction:column;flex:1;padding:20px 22px;display:flex}.kicker{font:700 9.5px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--red-soft);margin:0 0 6px}.card h3{font:900 24px/1 var(--sans);letter-spacing:.06em;color:#fff;margin:0 0 10px}.blurb{font:400 13.5px/1.55 var(--sans);color:#b9c6ea;margin:0 0 14px}.stat{font:700 10px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);background:#7896e612;border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;padding:9px 12px;display:flex}.stat+.stat{margin-top:6px}.stat b{font:700 16px/1 var(--mono);color:var(--gold);letter-spacing:0}.stat.mine b{color:var(--mint)}.stat .who{color:#fff}.stat .mode{color:#6d7aa3;margin-left:auto}.stat .none{letter-spacing:.12em;color:#6d7aa3}.big{width:100%;font:900 18px/1 var(--sans);letter-spacing:.18em;text-align:center;color:#fff;background:linear-gradient(180deg, #f01313, var(--red) 60%, #a80000);cursor:pointer;border:0;border-radius:12px;margin:16px 0 0;padding:14px;text-decoration:none;transition:transform 80ms,box-shadow 80ms,filter .15s;display:block;box-shadow:0 8px #6d0000,0 14px 26px #d200004d}.big:hover{filter:brightness(1.08)}.big:active{transform:translateY(5px);box-shadow:0 3px #6d0000}.card-body .big{margin-top:auto;padding-top:14px}.card-body .stat+.big{margin-top:16px}.keys{font:700 10px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;text-align:center;color:#5d6890;margin:10px 0 0}.board{background:var(--panel);border:1px solid var(--line);border-radius:18px;margin:40px 0 0;padding:26px 28px 22px;box-shadow:0 24px 60px #00000073}.board-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:14px;display:flex}.credit{font:700 9.5px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--red-soft);margin:0 0 8px}h2{font:900 28px/1 var(--sans);letter-spacing:.1em;color:#fff;margin:0}.tabs{flex-wrap:wrap;gap:8px;display:flex}.tab,.subtab{font:900 11px/1 var(--sans);letter-spacing:.16em;color:#9fadd2;border:1px solid var(--line);cursor:pointer;background:#7896e612;border-radius:10px;padding:10px 14px;transition:background .15s,color .15s,border-color .15s,transform .1s}.tab:hover,.subtab:hover{color:#dce5ff;background:#7896e629;transform:translateY(-1px)}.tab.on,.subtab.on{color:#fff;border-color:var(--red);background:linear-gradient(#d2000057,#d200001f);box-shadow:0 0 0 1px #d2000066}.subtabs{flex-wrap:wrap;align-items:center;gap:6px;min-height:0;margin:0 0 12px;display:flex}.subtabs:empty{display:none}.subtabs .k{font:700 9.5px/1 var(--sans);letter-spacing:.26em;color:#6d7aa3;margin-right:6px}.subtab{padding:8px 12px;font-size:10px}.table-wrap{overflow-x:auto}.scores{border-collapse:collapse;width:100%}.scores th{font:700 9.5px/1 var(--sans);letter-spacing:.24em;text-align:left;color:#6d7aa3;border-bottom:1px solid var(--line);padding:8px 10px}.scores td{font:600 13px/1.3 var(--sans);color:#c4d0f2;white-space:nowrap;border-bottom:1px solid #96aadc1a;padding:11px 10px}.scores tr:last-child td{border-bottom:0}.scores .pos{width:34px;font:900 13px/1 var(--mono);color:#6d7aa3}.scores .name{color:#fff;letter-spacing:.08em;text-transform:uppercase;font-weight:900}.scores .num{text-align:right;font:700 16px/1 var(--mono);color:var(--gold);font-variant-numeric:tabular-nums}.scores .run{color:#9fadd2}.scores .when{text-align:right;color:#6d7aa3;letter-spacing:.06em;font-size:11.5px}.scores tr.first .pos{color:var(--gold)}.scores tr.first .name{text-shadow:0 0 16px #ffe92e66}.scores tr.me td{background:#43dbff0f}.scores tr.me .name{color:var(--mint)}.empty{font:600 12px/1.5 var(--sans);letter-spacing:.16em;text-transform:uppercase;text-align:center;color:#6d7aa3;border:1px dashed var(--line);border-radius:12px;margin:10px 0 4px;padding:22px}.foot{text-align:center;padding:34px 0 44px}.tagline{font:400 12px/1.4 var(--sans);color:var(--muted);margin:0;font-style:italic}.fine{font:600 10.5px/1.6 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#5d6890;margin:12px 0 0}button.link{font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--red-soft);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;padding:0}button.link:hover{color:#fff;border-color:var(--red)}[hidden]{display:none!important}@media (max-width:620px){.studio-line{letter-spacing:.24em;font-size:9.5px;line-height:1.6}.board{padding:20px 16px 16px}.scores .when{display:none}.card-body{padding:18px}}