@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&family=VT323&family=Press+Start+2P&display=swap";:root{--bg-0:#06070b;--bg-1:#0a0c14;--bg-2:#11141d;--bg-3:#181c28;--bg-elev:#1c2030;--fg-0:#f4f6ff;--fg-1:#c8cce0;--fg-2:#8a8fab;--fg-3:#555a72;--fg-4:#2e3145;--neon-green:#39ff14;--neon-cyan:#00e5ff;--neon-blue:#2f7bff;--neon-purple:#bf5cff;--neon-red:#ff2d55;--neon-amber:#ffb800;--neon-pink:#ff4fd8;--accent:var(--neon-green);--accent-2:var(--neon-cyan);--accent-3:var(--neon-purple);--danger:var(--neon-red);--glow-strength:1;--font-sans:"Space Grotesk", system-ui, sans-serif;--font-mono:"Space Mono", ui-monospace, monospace;--font-pixel:"Press Start 2P", monospace;--font-pixel-2:"VT323", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-0);height:100%;color:var(--fg-0);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.45;overflow:hidden}button{color:inherit;cursor:pointer;background:0 0;border:0;font-family:inherit}input,textarea,select{color:inherit;background:0 0;border:0;outline:0;font-family:inherit}.app-shell{background:radial-gradient(ellipse 80% 60% at 20% 0%, #00e5ff12, transparent 60%), radial-gradient(ellipse 70% 50% at 90% 100%, #bf5cff14, transparent 60%), radial-gradient(ellipse 50% 40% at 50% 50%, #39ff140a, transparent 70%), var(--bg-0);isolation:isolate;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.app-shell:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(100% 80%,#000 30%,#0000 90%);mask-image:radial-gradient(100% 80%,#000 30%,#0000 90%)}.app-shell:after{content:"";pointer-events:none;z-index:1;mix-blend-mode:overlay;background:repeating-linear-gradient(#ffffff03 0 1px,#0000 1px 3px);position:absolute;inset:0}.grain{pointer-events:none;z-index:2;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:absolute;inset:0}.pointer-glow{z-index:3;pointer-events:none;opacity:0;mix-blend-mode:screen;will-change:transform, opacity;background:radial-gradient(340px 340px,#00e5ff33,#0000 62%),radial-gradient(220px 220px,#39ff1429,#0000 64%);width:680px;height:680px;position:fixed;top:0;left:0;transform:translate(-1000px,-1000px)translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.pointer-glow{display:none}}.top-bar{z-index:10;border-bottom:1px solid var(--fg-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06070b99;flex:none;justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;display:flex;position:relative}.brand-mark{cursor:pointer;align-items:center;gap:12px;display:flex}.brand-logo{object-fit:cover;border-radius:6px;width:42px;height:42px;display:block}.brand-text{font-family:var(--font-pixel);letter-spacing:.05em;color:var(--fg-0);font-size:12px}.brand-text .accent{color:var(--neon-green)}.top-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.top-nav-button{min-height:34px;padding:7px 11px;font-size:12px}.account-nav-chip{border:1px solid var(--neon-cyan);min-height:34px;color:var(--neon-cyan);font-family:var(--font-mono);cursor:pointer;background:#00e5ff14;border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 6px;font-size:12px;display:inline-flex}.account-nav-avatar{background:var(--neon-cyan);color:#000;width:22px;height:22px;font-family:var(--font-pixel);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.status-pill{border:1px solid var(--fg-4);font-family:var(--font-mono);color:var(--fg-1);background:#1c203099;border-radius:999px;align-items:center;gap:8px;max-width:100%;padding:6px 12px;font-size:12px;display:inline-flex}.room-status-pill-button{transition:border-color .16s,color .16s,box-shadow .16s,background .16s,transform 80ms}.room-status-pill-button:hover{color:var(--fg-0);box-shadow:0 0 calc(16px * var(--glow-strength)) #39ff142e;background:#39ff1414;border-color:#39ff1473}.room-status-pill-button:focus-visible{color:var(--fg-0);box-shadow:0 0 0 1px #39ff14cc, 0 0 calc(18px * var(--glow-strength)) #39ff143d;border-color:#39ff14a6;outline:none}.status-pill-label{font-family:var(--font-pixel);font-size:12px}.language-pill{gap:4px;padding:4px}.language-option{color:var(--fg-2);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:6px 9px;transition:color .16s,border-color .16s,background .16s,box-shadow .16s;display:inline-flex}.language-option.active{color:var(--neon-cyan);box-shadow:0 0 calc(12px * var(--glow-strength)) #00e5ff38;background:#00e5ff1a;border-color:#00e5ff73}.language-flag{font-size:14px;line-height:1}.status-dot{background:var(--neon-green);width:7px;height:7px;box-shadow:0 0 calc(8px * var(--glow-strength)) var(--neon-green);border-radius:50%;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.stage{z-index:5;flex:auto;min-height:0;position:relative;overflow:hidden auto}.stage-inner{flex-direction:column;min-height:100%;display:flex}.route-scene{view-transition-name:route-scene;min-height:100%}::view-transition-old(route-scene){animation-duration:.28s;animation-timing-function:cubic-bezier(.2,.7,.25,1)}::view-transition-new(route-scene){animation-duration:.28s;animation-timing-function:cubic-bezier(.2,.7,.25,1)}::view-transition-old(route-scene){animation-name:routeOut}::view-transition-new(route-scene){animation-name:routeIn}@keyframes routeOut{0%{opacity:1;filter:blur();transform:translateY(0)}to{opacity:0;filter:blur(8px);transform:translateY(10px)}}@keyframes routeIn{0%{opacity:0;filter:blur(10px);transform:translateY(12px)}to{opacity:1;filter:blur();transform:translateY(0)}}.btn{font-family:var(--font-sans);letter-spacing:.02em;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:4px;justify-content:center;align-items:center;gap:10px;padding:14px 22px;font-size:14px;font-weight:600;transition:transform 80ms,box-shadow .2s,background .2s,border-color .2s;display:inline-flex;position:relative}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--neon-green);color:#000;border:1px solid var(--neon-green);box-shadow:0 0 calc(24px * var(--glow-strength)) #39ff1473}.btn-primary:hover{box-shadow:0 0 calc(36px * var(--glow-strength)) #39ff14b3}.btn-ghost{color:var(--fg-0);border:1px solid var(--fg-4);background:#1c203066}.btn-ghost:hover{border-color:var(--fg-2);background:#1c2030b3}.btn-retro{background:var(--bg-2);color:var(--neon-cyan);border:1px solid var(--neon-blue);font-family:var(--font-pixel);letter-spacing:.06em;box-shadow:inset 0 0 0 1px var(--bg-0), 0 0 calc(16px * var(--glow-strength)) #00e5ff59;padding:14px 20px;font-size:12px}.btn-retro:hover{box-shadow:inset 0 0 0 1px var(--bg-0), 0 0 calc(28px * var(--glow-strength)) #00e5ff99;background:#00e5ff14}.btn-danger{color:var(--neon-red);background:#ff2d5514;border:1px solid #ff2d5566}.btn-danger:hover{border-color:var(--neon-red);background:#ff2d552e}.btn-icon{width:38px;height:38px;padding:10px}.btn-lg{padding:18px 30px;font-size:15px}.btn[disabled],.btn:disabled{opacity:.4;pointer-events:none}.panel{border:1px solid var(--fg-4);background:linear-gradient(#1c203099,#11141d99);border-radius:8px;position:relative}.panel-header{border-bottom:1px solid var(--fg-4);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.panel-title{font-family:var(--font-pixel);letter-spacing:.08em;color:var(--fg-1);font-size:12px}.panel-body{padding:20px}.brackets{pointer-events:none;position:absolute;inset:-1px}.brackets:before,.brackets:after,.brackets>span:before,.brackets>span:after{content:"";border:1.5px solid var(--neon-green);width:10px;height:10px;filter:drop-shadow(0 0 calc(4px * var(--glow-strength)) var(--neon-green));position:absolute}.brackets:before{border-bottom:0;border-right:0;top:-1px;left:-1px}.brackets:after{border-bottom:0;border-left:0;top:-1px;right:-1px}.brackets>span:before{border-top:0;border-right:0;bottom:-1px;left:-1px}.brackets>span:after{border-top:0;border-left:0;bottom:-1px;right:-1px}.field{flex-direction:column;gap:8px;display:flex}.field-label{font-family:var(--font-mono);letter-spacing:.05em;color:var(--fg-2);text-transform:uppercase;font-size:12px}.input{background:var(--bg-1);border:1px solid var(--fg-4);color:var(--fg-0);font-size:15px;font-family:var(--font-mono);border-radius:4px;padding:14px 16px;transition:border-color .16s,box-shadow .16s}.input::placeholder{color:var(--fg-3)}.input:focus{border-color:var(--neon-green);box-shadow:0 0 0 1px var(--neon-green), 0 0 calc(20px * var(--glow-strength)) #39ff1433}.h-pixel{font-family:var(--font-pixel);letter-spacing:.04em;line-height:1.4}.h-display{font-family:var(--font-sans);letter-spacing:-.02em;font-weight:700;line-height:1}.txt-mono{font-family:var(--font-mono)}.txt-glow-green{color:var(--neon-green);text-shadow:0 0 calc(12px * var(--glow-strength)) #39ff14b3}.txt-glow-cyan{color:var(--neon-cyan);text-shadow:0 0 calc(12px * var(--glow-strength)) #00e5ffb3}.txt-glow-purple{color:var(--neon-purple);text-shadow:0 0 calc(12px * var(--glow-strength)) #bf5cffb3}.txt-glow-red{color:var(--neon-red);text-shadow:0 0 calc(12px * var(--glow-strength)) #ff2d55b3}@keyframes shake{0%,to{transform:translate(0,0)}10%{transform:translate(-6px,2px)}20%{transform:translate(5px,-3px)}30%{transform:translate(-4px,4px)}40%{transform:translate(3px,-2px)}50%{transform:translate(-2px,1px)}60%{transform:translate(2px,-1px)}70%{transform:translate(-1px,1px)}}.shake{animation:.38s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes pop{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}.pop{animation:.24s ease-out both pop}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-up{opacity:1;animation:.36s ease-out both fadeUp}@keyframes tauntSlide{0%{opacity:0;transform:translate(-18px,18px)rotate(-11deg)scale(.86)}18%{opacity:1;transform:translate(0)rotate(-7deg)scale(1)}82%{opacity:1;transform:translate(6px,-6px)rotate(-5deg)scale(1)}to{opacity:0;transform:translate(22px,-24px)rotate(-2deg)scale(.94)}}.taunt-popup{color:#ffd7df;font-family:var(--font-pixel);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 0 calc(24px * var(--glow-strength)) #ff2d553d, 0 0 calc(12px * var(--glow-strength)) #ffb8002e;transform-origin:0 0;pointer-events:none;white-space:nowrap;background:linear-gradient(135deg,#ff2d5547,#ffb8001f),#0c0e16f5;border:1px solid #ff2d55b8;border-radius:4px;padding:9px 12px;font-size:12px;line-height:1.45;animation:1.45s cubic-bezier(.2,.8,.24,1) both tauntSlide;transform:rotate(-6deg)}.taunt-popup strong{color:var(--neon-red)}.beep-ring{border:2px solid var(--neon-green);pointer-events:none;z-index:9999;border-radius:50%;animation:.48s ease-out forwards beepRing;position:fixed}@keyframes beepRing{0%{opacity:.9;border-width:2px;width:12px;height:12px}to{opacity:0;border-width:.5px;width:80px;height:80px}}.stage::-webkit-scrollbar{width:10px;height:10px}.stage::-webkit-scrollbar-track{background:var(--bg-1)}.stage::-webkit-scrollbar-thumb{background:var(--fg-4);border-radius:4px}.stage::-webkit-scrollbar-thumb:hover{background:var(--fg-3)}.particle{pointer-events:none;border-radius:1px;width:6px;height:6px;position:absolute}.row{display:flex}.col{flex-direction:column;display:flex}.grow{flex:1}.center{place-items:center;display:grid}.kbd{background:var(--bg-2);border:1px solid var(--fg-4);min-width:22px;font-family:var(--font-mono);color:var(--fg-1);border-bottom-width:2px;border-radius:3px;justify-content:center;align-items:center;padding:3px 7px;font-size:12px;display:inline-flex}.waveform{align-items:center;gap:2px;height:14px;display:inline-flex}.waveform span{background:currentColor;border-radius:1px;width:2px;animation:1.1s ease-in-out infinite wave}.waveform span:first-child{animation-delay:-1s}.waveform span:nth-child(2){animation-delay:-.8s}.waveform span:nth-child(3){animation-delay:-.6s}.waveform span:nth-child(4){animation-delay:-.4s}.waveform span:nth-child(5){animation-delay:-.2s}.waveform.muted span{opacity:.3;animation:none;height:3px!important}@keyframes wave{0%,to{height:4px}50%{height:14px}}.landing-layout{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:48px;width:100%;max-width:1280px;margin:0 auto;padding:60px 48px 80px;display:grid}.landing-hero{flex-direction:column;gap:28px;display:flex}.landing-badge-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.landing-title-wrap{align-self:flex-start;max-width:min(100%,780px);padding-right:112px;display:inline-block;position:relative}.landing-title{letter-spacing:-.04em;text-shadow:0 0 calc(24px * var(--glow-strength)) #39ff1438;margin:0;font-size:96px;position:relative}.landing-title-badge{pointer-events:none;width:clamp(54px,80vw,180px);height:auto;filter:drop-shadow(0 0 calc(16px * var(--glow-strength)) #863bff8c) drop-shadow(0 0 calc(12px * var(--glow-strength)) #47bfff59);animation:4.8s ease-in-out infinite landingBadgeFloat;position:absolute;top:-10px;right:0}.landing-title-highlight{color:var(--neon-green);text-shadow:0 0 calc(2px * var(--glow-strength)) #ecffe7fa, 0 0 calc(12px * var(--glow-strength)) #39ff14e0, 0 0 calc(34px * var(--glow-strength)) #39ff14b8, 0 0 calc(68px * var(--glow-strength)) #39ff1457;transform-origin:50% 56%;will-change:opacity, filter, transform, text-shadow;display:inline-block;position:relative}.neon-failure-word{animation:7.4s infinite neonTubeFailure}@keyframes neonTubeFailure{0%,6%,39%,58%,to{opacity:1;color:var(--neon-green);filter:brightness();text-shadow:0 0 calc(2px * var(--glow-strength)) #ecffe7fa, 0 0 calc(12px * var(--glow-strength)) #39ff14e0, 0 0 calc(34px * var(--glow-strength)) #39ff14b8, 0 0 calc(68px * var(--glow-strength)) #39ff1457;transform:translate(0,0)skew(0)}40%{opacity:.82;filter:brightness(.75);text-shadow:0 0 calc(1px * var(--glow-strength)) #ecffe78f, 0 0 calc(7px * var(--glow-strength)) #39ff146b, 0 0 calc(18px * var(--glow-strength)) #39ff1438}41.2%{opacity:.08;color:#10390e;filter:brightness(.2);text-shadow:none;transform:translate(1px)skew(-1deg)}42.1%{opacity:.92;filter:brightness(1.38);text-shadow:0 0 calc(3px * var(--glow-strength)) #fff, -5px -1px calc(4px * var(--glow-strength)) #00e5ff75, 5px 1px calc(4px * var(--glow-strength)) #ff2d555c, 0 0 calc(15px * var(--glow-strength)) #39ff14f5, 0 0 calc(44px * var(--glow-strength)) #39ff14d6, 0 0 calc(92px * var(--glow-strength)) #39ff147a;transform:translate(-1px)skew(.7deg)}43%,44.8%{opacity:.14;color:#123d10;filter:brightness(.28);text-shadow:-3px 0 calc(3px * var(--glow-strength)) #00e5ff47, 3px 1px calc(3px * var(--glow-strength)) #ff2d5533, 0 0 calc(4px * var(--glow-strength)) #39ff1429;transform:translateY(1px)skew(1.1deg)}45.5%{opacity:.72;filter:brightness(.9);text-shadow:0 0 calc(2px * var(--glow-strength)) #ecffe7a3, 0 0 calc(10px * var(--glow-strength)) #39ff1485, 0 0 calc(24px * var(--glow-strength)) #39ff144d;transform:translate(0,0)skew(0)}46.1%{opacity:.03;color:#071807;filter:brightness(.08);text-shadow:none}47.2%{opacity:.36;color:#2dc421;filter:brightness(.62);text-shadow:-2px -1px calc(3px * var(--glow-strength)) #00e5ff33, 3px 1px calc(3px * var(--glow-strength)) #ff2d552e, 0 0 calc(6px * var(--glow-strength)) #39ff1447, 0 0 calc(20px * var(--glow-strength)) #39ff1424}48.4%{opacity:.06;color:#0b250a;filter:brightness(.16);text-shadow:none;transform:translate(1px)skew(-.8deg)}49.8%{opacity:1;filter:brightness(1.55);text-shadow:0 0 calc(3px * var(--glow-strength)) #fff, -4px 0 calc(3px * var(--glow-strength)) #00e5ff57, 4px 1px calc(3px * var(--glow-strength)) #ff2d5542, 0 0 calc(16px * var(--glow-strength)) #39ff14, 0 0 calc(48px * var(--glow-strength)) #39ff14eb, 0 0 calc(96px * var(--glow-strength)) #39ff1480;transform:translate(0,0)skew(0)}51.4%{opacity:.7;filter:brightness(.86);text-shadow:0 0 calc(2px * var(--glow-strength)) #ecffe79e, 0 0 calc(9px * var(--glow-strength)) #39ff1480, 0 0 calc(28px * var(--glow-strength)) #39ff1447}54%{opacity:.98;filter:brightness(1.1)}}@media (prefers-reduced-motion:reduce){.neon-failure-word{animation:none}}.landing-title-muted{color:var(--fg-2);font-weight:500}.landing-description{color:var(--fg-1);max-width:520px;font-size:18px;line-height:1.55}.landing-action-row{flex-wrap:wrap;gap:12px;display:flex}.landing-feature-row{color:var(--fg-2);font-family:var(--font-mono);flex-wrap:wrap;gap:24px;margin-top:12px;font-size:12px;display:flex}.landing-games-grid{gap:12px;display:grid}.landing-game-tile{border:1px solid var(--fg-4);cursor:pointer;background:#0a0c1480;border-radius:4px;grid-template-columns:40px 36px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 12px;transition:border-color .16s,background .16s,box-shadow .16s,transform .12s;display:grid}.landing-game-glyph{color:#000;width:36px;height:36px;font-family:var(--font-pixel);place-items:center;font-size:13px;display:grid}.landing-dashboard-grid{border-top:1px solid var(--fg-4);grid-template-columns:1fr 1fr;display:grid}.landing-dashboard-cell{padding:14px 16px}.landing-dashboard-divider{border-right:1px solid var(--fg-4)}.landing-dashboard-label{color:var(--fg-3);margin-bottom:8px;font-size:12px}.landing-dashboard-list{flex-direction:column;gap:5px;display:flex}.landing-dashboard-item{justify-content:space-between;gap:8px;font-size:12px;display:flex}.daily-shell{width:100%;max-width:1240px;margin:0 auto;padding:28px clamp(16px,4vw,32px) 64px}.daily-shell-narrow{flex-direction:column;gap:18px;max-width:680px;display:flex}.daily-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:24px;display:flex}.daily-kicker{color:var(--fg-3);text-align:right;font-size:12px}.daily-title{font-size:clamp(36px,7vw,72px);line-height:.92}.daily-layout{grid-template-columns:minmax(260px,.8fr) minmax(320px,1.1fr) minmax(280px,.9fr);align-items:start;gap:18px;display:grid}.daily-empty-state{color:var(--fg-2);flex-direction:column;gap:18px;line-height:1.5;display:flex}.daily-month-controls{font-family:var(--font-mono);color:var(--fg-2);align-items:center;gap:8px;font-size:12px;display:inline-flex}.daily-month-controls button{border:1px solid var(--fg-4);width:26px;height:24px;color:var(--fg-1);cursor:pointer;background:#0a0c14b8}.daily-month-controls button:disabled{opacity:.35;cursor:default}.daily-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.daily-calendar-day{border:1px solid var(--fg-4);min-height:42px;color:var(--fg-1);cursor:pointer;font-family:var(--font-mono);background:#0a0c14a6;border-radius:4px;place-items:center;display:grid;position:relative}.daily-calendar-day:disabled{opacity:.28;cursor:default}.daily-calendar-day-active{border-color:var(--neon-purple);color:var(--neon-purple);box-shadow:0 0 calc(12px * var(--glow-strength)) #bf5cff47}.daily-calendar-day-complete small{color:var(--neon-green);position:absolute;bottom:3px;right:5px}.daily-challenge-list,.daily-leaderboard{flex-direction:column;gap:8px;display:flex}.daily-challenge-row{border:1px solid var(--fg-4);width:100%;color:var(--fg-1);cursor:pointer;text-align:left;background:#0a0c1494;border-radius:4px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.daily-challenge-row-active{border-color:var(--neon-cyan);background:#00e5ff0f}.daily-challenge-row strong,.daily-challenge-row small{display:block}.daily-challenge-row small{color:var(--fg-3);font-family:var(--font-mono);margin-top:3px;font-size:12px}.daily-challenge-glyph{color:#000;width:36px;height:36px;font-family:var(--font-pixel);place-items:center;font-size:12px;display:grid}.daily-leaderboard-row{border:1px solid var(--fg-4);color:var(--fg-1);background:#0a0c147a;border-radius:4px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;display:grid}.animated-leaderboard{min-height:42px}.leaderboard-moving-row{will-change:transform}.daily-muted,.daily-error{color:var(--fg-3);font-size:12px;line-height:1.5}.daily-error{color:var(--neon-red)}.daily-runner{width:100%}.daily-runner-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1320px;margin:0 auto;padding:18px clamp(14px,4vw,24px) 0;display:flex}.social-shell{width:100%;max-width:1240px;margin:0 auto;padding:28px clamp(16px,4vw,32px) 64px}.social-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:24px;display:flex}.social-kicker{color:var(--fg-3);text-align:right;font-size:12px}.social-title{font-size:clamp(36px,7vw,72px);line-height:.92}.social-layout{grid-template-columns:minmax(280px,.75fr) minmax(320px,1fr) minmax(300px,.9fr);align-items:start;gap:18px;display:grid}.social-layout-two{grid-template-columns:repeat(2,minmax(280px,1fr))}.social-form,.social-list{flex-direction:column;gap:12px;display:flex}.social-row{border:1px solid var(--fg-4);background:#0a0c1494;border-radius:4px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.member-actions,.competition-row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.btn-iconish{min-height:32px;padding-inline:9px}.social-row-main{flex-direction:column;gap:4px;min-width:0;display:flex}.social-row-main strong{color:var(--fg-0);overflow-wrap:anywhere}.social-row-main small,.social-row-main p{color:var(--fg-3);font-family:var(--font-mono);overflow-wrap:anywhere;font-size:12px;line-height:1.45}.social-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.social-empty{color:var(--fg-2);text-align:center;flex-direction:column;gap:8px;padding:18px 0;line-height:1.5;display:flex}.social-empty strong{color:var(--fg-0);font-family:var(--font-pixel);font-size:12px}.social-empty-hero{padding:26px 18px}.social-error{text-align:center;max-width:680px;margin:18px auto 0}.groups-layout{grid-template-columns:minmax(280px,.34fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.groups-sidebar,.groups-detail{flex-direction:column;gap:18px;min-width:0;display:flex}.groups-two-column{grid-template-columns:repeat(2,minmax(280px,1fr));align-items:start;gap:18px;display:grid}.groups-management{grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr)}.group-list-row{border:1px solid var(--fg-4);width:100%;color:var(--fg-1);cursor:pointer;text-align:left;background:#0a0c1494;border-radius:4px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.group-list-row strong,.group-list-row small{overflow-wrap:anywhere;display:block}.group-list-row small{color:var(--fg-3);font-family:var(--font-mono);margin-top:3px;font-size:12px}.group-list-row-active{border-color:var(--neon-cyan);background:#00e5ff0f}.group-hero{color:var(--fg-2);flex-direction:column;gap:10px;line-height:1.5;display:flex}.group-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.group-form-wide{grid-column:1/-1}.group-schedule-form{flex-direction:column;gap:14px;display:flex}.group-schedule-items{flex-direction:column;gap:10px;display:flex}.group-schedule-item{border:1px solid var(--fg-4);background:#0a0c148a;border-radius:4px;grid-template-columns:36px minmax(120px,1fr) minmax(82px,.45fr) minmax(112px,.55fr) minmax(74px,.35fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.group-challenge-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.leaderboard-tabs{background:#06080eb8;border:1px solid #39ff1452;border-radius:4px;align-items:center;gap:3px;padding:3px;display:inline-flex}.leaderboard-tabs button{color:var(--fg-3);cursor:pointer;font-family:var(--font-mono);text-transform:uppercase;background:0 0;border:0;border-radius:3px;padding:6px 9px;font-size:11px}.leaderboard-tabs button.active{color:var(--neon-green);box-shadow:0 0 calc(10px * var(--glow-strength)) #39ff1433;background:#39ff1424}.personality-panel{flex-direction:column;gap:18px;display:flex}.personality-radar{aspect-ratio:1;align-self:center;width:min(100%,360px);overflow:visible}.personality-radar polygon{fill:#ffb8002e;stroke:var(--neon-amber);stroke-width:2px;filter:drop-shadow(0 0 calc(12px * var(--glow-strength)) #ffb80073)}.personality-radar text{fill:var(--fg-1);font-family:var(--font-mono);text-anchor:middle;dominant-baseline:middle;font-size:12px}.personality-quiz{flex-direction:column;gap:14px;display:flex}.personality-question{border:0;flex-direction:column;gap:10px;padding:0;display:flex}.personality-question legend{color:var(--fg-1);font-family:var(--font-mono);margin-bottom:10px;font-size:12px;line-height:1.5}.personality-answer-grid{grid-template-columns:1fr;gap:8px;display:grid}.personality-answer{border:1px solid var(--fg-4);width:100%;min-height:38px;color:var(--fg-1);cursor:pointer;font-family:var(--font-mono);text-align:left;background:#0a0c1494;border-radius:4px;padding:9px 11px;font-size:12px;line-height:1.4}.personality-answer-selected{border-color:var(--neon-amber);color:var(--neon-amber);box-shadow:0 0 calc(12px * var(--glow-strength)) #ffb8003d;background:#ffb80014}.floating-run-button{z-index:35;pointer-events:none;position:fixed;top:92px;right:30px}.floating-taunt{z-index:36;position:fixed;top:96px;left:28px}@media (width<=1080px){.daily-layout,.social-layout,.social-layout-two,.groups-layout,.groups-two-column,.groups-management{grid-template-columns:1fr}.daily-kicker,.social-kicker{text-align:left}.landing-layout{grid-template-columns:1fr;gap:28px;padding:36px 28px 56px}.landing-title{font-size:clamp(56px,10vw,84px)}}@media (width<=820px){.top-bar{flex-wrap:wrap;align-items:flex-start;padding:14px 18px}.top-actions{justify-content:space-between;width:100%}.brand-text{font-size:12px}.landing-title-wrap{padding-right:82px}.landing-title-badge{right:-20px}.landing-game-tile{grid-template-columns:30px 32px minmax(0,1fr)}.landing-game-tile>:last-child{grid-column:2/4;justify-self:start;align-items:flex-start}.landing-dashboard-grid{grid-template-columns:1fr}.landing-dashboard-divider{border-right:none;border-bottom:1px solid var(--fg-4)}}@media (width<=640px){.top-actions{gap:8px}.room-status-pill{justify-content:center;width:100%}.language-pill{width:auto}.landing-layout{padding:28px 18px 42px}.landing-description{font-size:16px}.landing-title-wrap{padding-right:60px}.landing-title-badge{top:-40px;right:-40px}.landing-feature-row{gap:10px;display:grid}.landing-action-row .btn{width:100%}.social-row{grid-template-columns:40px minmax(0,1fr)}.social-actions{grid-column:1/-1;justify-content:flex-start}.group-form-grid{grid-template-columns:1fr}.group-schedule-item{grid-template-columns:36px minmax(0,1fr)}.group-schedule-item .input,.group-schedule-item .btn{grid-column:2/-1}.group-challenge-actions{grid-column:1/-1;justify-content:flex-start}.floating-run-button{top:auto;bottom:84px;right:16px}.floating-taunt{top:auto;bottom:150px;left:16px}}@keyframes landingBadgeFloat{0%,to{transform:translate(0,0)rotate(12deg)}50%{transform:translate(-4px,-10px)rotate(16deg)}}.switch-lights-layout{grid-template-columns:minmax(300px,660px) minmax(260px,1fr);align-items:start;gap:24px;width:100%;max-width:1180px;margin:0 auto;padding:24px clamp(16px,4vw,32px) 48px;display:grid}.switch-lights-main{flex-direction:column;gap:16px;min-width:0;display:flex}.switch-lights-topline{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.switch-lights-board{border:1px solid var(--neon-cyan);width:min(100%,660px);box-shadow:0 0 calc(28px * var(--glow-strength)) #2f7bff42;background:linear-gradient(135deg,#2f7bff1f,#39ff140a),#080c14c7;border-radius:6px;gap:clamp(6px,1.5vw,10px);padding:clamp(10px,2vw,14px);display:grid}.switch-light-cell{cursor:pointer;background:#020409d1;border:1px solid #a0f7ff38;border-radius:4px;place-items:center;min-width:0;min-height:34px;padding:0;transition:transform 80ms,border-color .14s,background .14s,box-shadow .14s;display:grid;box-shadow:inset 0 0 0 1px #ffffff08}.switch-light-cell span{aspect-ratio:1;background:#a0f7ff1f;border-radius:50%;width:36%;transition:transform .14s,background .14s,box-shadow .14s}.switch-light-cell:hover:not(:disabled){border-color:var(--neon-blue);transform:translateY(-1px)}.switch-light-cell:disabled{cursor:default}.switch-light-cell-on{border-color:var(--neon-blue);background:radial-gradient(circle at 50% 44%, #ffffffb8, transparent 28%), var(--neon-blue);box-shadow:0 0 calc(18px * var(--glow-strength)) #2f7bffc7}.switch-light-cell-on span{box-shadow:0 0 calc(18px * var(--glow-strength)) #ffffffe0;background:#ffffffd9;transform:scale(1.16)}.switch-lights-note{color:var(--fg-3);font-size:12px;line-height:1.5}.switch-lights-player-row{border:1px solid var(--fg-4);background:#0a0c1470;border-radius:3px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.sudoku-layout{grid-template-columns:minmax(300px,620px) minmax(260px,1fr);align-items:start;gap:24px;width:100%;max-width:1180px;margin:0 auto;padding:24px clamp(16px,4vw,32px) 48px;display:grid}.sudoku-main,.sudoku-side{flex-direction:column;gap:16px;min-width:0;display:flex}.sudoku-topline{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.sudoku-board{aspect-ratio:1;border:2px solid var(--neon-cyan);width:min(100%,620px);box-shadow:0 0 calc(26px * var(--glow-strength)) #00e5ff42;background:#00e5ff14;grid-template-rows:repeat(9,minmax(0,1fr));grid-template-columns:repeat(9,minmax(0,1fr));display:grid}.sudoku-cell{min-width:0;min-height:0;color:var(--fg-0);font-family:var(--font-pixel);cursor:pointer;background:#080c14c7;border-style:solid;border-color:#a0f7ff47;place-items:center;padding:0;font-size:clamp(15px,3.1vw,28px);transition:background .12s,color .12s,box-shadow .12s,transform 80ms;display:grid;position:relative}.sudoku-cell:hover{background:#00e5ff1f}.sudoku-cell-given{color:var(--neon-cyan);cursor:default;background:#00e5ff2e}.sudoku-cell-editable{color:var(--fg-0)}.sudoku-cell-selected{z-index:1;color:var(--neon-green);box-shadow:inset 0 0 0 2px var(--neon-green), 0 0 calc(14px * var(--glow-strength)) #39ff1459;background:#39ff1421}.sudoku-cell-wrong{color:var(--neon-red);background:#ff3b3b26;box-shadow:inset 0 0 0 1px #ff3b3ba6}.sudoku-cell-clear{border:1px solid var(--neon-red);width:18px;height:18px;color:var(--neon-red);opacity:0;background:#ff3b3b29;place-items:center;transition:opacity .12s,transform .12s;display:grid;position:absolute;top:4px;right:4px;transform:scale(.9)}.sudoku-cell:hover .sudoku-cell-clear,.sudoku-cell:focus-visible .sudoku-cell-clear{opacity:1;transform:scale(1)}.sudoku-pad{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.sudoku-pad-button{aspect-ratio:1.45;border:1px solid var(--fg-4);color:var(--neon-cyan);font-family:var(--font-pixel);cursor:pointer;background:#00e5ff14;border-radius:3px;font-size:16px}.sudoku-pad-button:hover:not(:disabled){border-color:var(--neon-cyan);box-shadow:0 0 calc(14px * var(--glow-strength)) #00e5ff59;background:#00e5ff29}.sudoku-pad-button:disabled{opacity:.45;cursor:not-allowed}.sudoku-error{border:1px solid var(--neon-red);color:var(--neon-red);background:#ff3b3b1a;border-radius:3px;padding:10px 12px;font-size:12px;line-height:1.5}.sudoku-player-row{border:1px solid var(--fg-4);background:#0a0c1470;border-radius:3px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.pianist-layout{grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:start;gap:24px;width:100%;max-width:1180px;margin:0 auto;padding:24px clamp(16px,4vw,32px) 40px;display:grid}.pianist-layout-waiting{max-width:760px;padding-top:60px;display:block}.pianist-main{flex-direction:column;gap:16px;min-width:0;display:flex}.pianist-topline{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.pianist-tags{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.pianist-stage{height:min(68vh,720px);min-height:480px;box-shadow:0 0 calc(34px * var(--glow-strength)) #ff4fd833, inset 0 0 calc(24px * var(--glow-strength)) #ff4fd814;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#ff4fd81a,#0000 24%),repeating-linear-gradient(#ffffff09 0 1px,#0000 1px 58px),#07090f;border:1px solid #ff4fd87a;border-radius:6px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:relative;overflow:hidden}.pianist-lane{cursor:pointer;touch-action:none;background:linear-gradient(#ff4fd80a,#ffffff04);border-right:1px solid #ffffff14;min-width:0;position:relative;overflow:hidden}.pianist-lane:last-of-type{border-right:0}.pianist-lane:active{background:linear-gradient(#ffb80029,#ff4fd814)}.pianist-lane-mark{font-family:var(--font-pixel);color:#fff3;pointer-events:none;font-size:10px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.pianist-tile{background:linear-gradient(180deg, #ff9ee8, var(--neon-pink) 52%, #9f1c82);height:clamp(56px,9vh,82px);box-shadow:0 0 calc(24px * var(--glow-strength)) #ff4fd894, inset 0 0 0 2px #ffffff24;pointer-events:none;border:1px solid #ffffffe0;border-radius:5px;position:absolute;left:8%;right:8%;transform:translateY(-50%)}.pianist-tile-hit{opacity:0;transition:opacity 90ms,transform 90ms;transform:translateY(-50%)scale(.88)}.pianist-hit-line{z-index:3;background:var(--neon-amber);height:4px;box-shadow:0 0 calc(24px * var(--glow-strength)) #ffb800cc, 0 0 calc(8px * var(--glow-strength)) #ffffffb3;pointer-events:none;position:absolute;top:82%;left:0;right:0}.pianist-stage-overlay{z-index:5;color:var(--neon-pink);font-family:var(--font-pixel);text-align:center;background:#05070cb8;place-items:center;font-size:clamp(16px,4vw,28px);display:grid;position:absolute;inset:0}.pianist-player-row{background:#ff4fd80a;border:1px solid #ff4fd859;border-radius:4px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}@media (width<=860px){.switch-lights-layout{grid-template-columns:1fr}.switch-lights-board{margin:0 auto}.sudoku-layout{grid-template-columns:1fr}.sudoku-board{margin:0 auto}.pianist-layout{grid-template-columns:1fr}}@media (width<=520px){.switch-lights-layout{padding-top:18px}.switch-light-cell{min-height:30px}.sudoku-layout{padding-top:18px}.sudoku-cell{font-size:clamp(13px,5.5vw,21px)}.sudoku-cell-clear{width:15px;height:15px;top:2px;right:2px}.pianist-layout{padding-top:18px}.pianist-stage{height:62vh;min-height:430px}.pianist-tile{height:58px;left:6%;right:6%}}
