*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;color-scheme:dark}html[data-theme=light]{color-scheme:light}html[data-theme=dark]{color-scheme:dark}html{--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Outfit", var(--font-body);--font-mono: "SF Mono", "Cascadia Code", "Segoe UI Mono", ui-monospace, monospace;--color-background: #0e0d12;--color-surface: #18171d;--color-surfaceVariant: #24232b;--color-primary: #ff7a5c;--color-secondary: #ffcf70;--color-accent: #6ee7d8;--color-onBackground: #f4f0ea;--color-onSurface: #ece7e1;--color-muted: #b8b3c0;--color-error: #ff6b8a;--color-onPrimary: #1a120f;--color-onAccent: #0a1a18;--color-border: rgba(255, 255, 255, .1);--color-hero-bg: #0a090d;--color-hero-text: #f5f0eb;--color-hero-text-muted: rgba(245, 240, 235, .72);--color-success: #4ade80;--shadow-color: rgba(0, 0, 0, .35)}html[data-theme=light]{--color-background: #f6f3ee;--color-surface: #ffffff;--color-surfaceVariant: #ebe6de;--color-primary: #d94e2b;--color-secondary: #c4920a;--color-accent: #0f766e;--color-onBackground: #1c1917;--color-onSurface: #292524;--color-muted: #57534e;--color-error: #c62828;--color-onPrimary: #ffffff;--color-onAccent: #ffffff;--color-border: rgba(28, 25, 23, .12);--color-hero-bg: linear-gradient(145deg, #fff8f4 0%, #f0ebe4 50%, #e8f5f2 100%);--color-hero-text: #1c1917;--color-hero-text-muted: #57534e;--color-success: #15803d;--shadow-color: rgba(28, 25, 23, .12)}body{margin:0;min-height:100dvh;font-family:var(--font-body);background:var(--color-background);color:var(--color-onBackground);line-height:1.55;font-feature-settings:"cv02","cv03","cv04","cv11"}h1,h2,h3,.display{font-family:var(--font-display);letter-spacing:-.015em;line-height:1.2}a{color:inherit}button,input,select{font:inherit}.shell{display:grid;min-height:100dvh;grid-template-columns:260px 1fr}.shell__sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;padding:28px 20px;background:var(--color-surface);border-right:1px solid var(--color-border)}.shell__brand{display:flex;align-items:center;gap:12px;margin-bottom:36px;text-decoration:none}.app-logo{display:block}.shell__logo-mark{flex-shrink:0;border-radius:12px;box-shadow:0 4px 14px color-mix(in srgb,var(--color-primary) 35%,transparent)}.shell__name{font-family:var(--font-display);font-weight:800;font-size:1.25rem;line-height:1.1;color:var(--color-onSurface)}.shell__tag{font-size:.7rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em}.shell__nav{display:flex;flex-direction:column;gap:6px;flex:1}.shell__link{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;text-decoration:none;color:var(--color-muted);font-weight:500;transition:background .15s,color .15s}.shell__link:hover{background:var(--color-surfaceVariant);color:var(--color-onBackground)}.shell__link.active{background:color-mix(in srgb,var(--color-primary) 20%,var(--color-surfaceVariant));color:var(--color-primary);font-weight:600}.shell__link-icon{font-size:1.1rem;opacity:.9}.shell__user{margin-top:auto;padding:14px;border-radius:14px;background:var(--color-surfaceVariant);display:flex;align-items:center;gap:10px}.shell__avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));display:grid;place-items:center;font-weight:700;font-size:14px;color:var(--color-onAccent);flex-shrink:0}.shell__user-name{font-weight:600;font-size:.9rem;color:var(--color-onSurface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell__main{min-width:0;padding:32px clamp(20px,4vw,48px) 48px}.shell__mobile-bar{display:none}.text-muted{color:var(--color-muted)}.text-error{color:var(--color-error)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:32px}.page-header__eyebrow{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-primary);font-weight:600;margin-bottom:6px}.page-header__title{margin:0;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;color:var(--color-onBackground)}.page-header__subtitle{margin:8px 0 0;color:var(--color-muted);max-width:52ch}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:999px;font-weight:600;cursor:pointer;transition:transform .12s,box-shadow .12s,opacity .12s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--sm{padding:8px 16px;font-size:.85rem}.btn--md{padding:12px 22px;font-size:.95rem}.btn--lg{padding:16px 28px;font-size:1rem}.btn--full{width:100%}.btn--primary{background:var(--color-primary);color:var(--color-onPrimary);box-shadow:0 8px 24px color-mix(in srgb,var(--color-primary) 35%,transparent)}.btn--secondary{background:var(--color-surfaceVariant);color:var(--color-onBackground);border:1px solid var(--color-border)}.btn--ghost{background:transparent;color:var(--color-onBackground);border:1px solid var(--color-border)}.btn--ghost:hover:not(:disabled){background:var(--color-surfaceVariant);color:var(--color-onBackground)}.btn--lime{background:var(--color-accent);color:var(--color-onAccent)}.card{background:var(--color-surface);border-radius:20px;border:1px solid var(--color-border);color:var(--color-onSurface)}.card--glow{box-shadow:0 20px 50px color-mix(in srgb,var(--color-primary) 8%,transparent)}.card--pad-sm{padding:16px}.card--pad-md{padding:24px}.card--pad-lg{padding:32px}.hero-banner{position:relative;overflow:hidden;border-radius:24px;padding:clamp(28px,5vw,48px);margin-bottom:28px;background:linear-gradient(125deg,color-mix(in srgb,var(--color-primary) 22%,var(--color-surface)),var(--color-surface) 55%,color-mix(in srgb,var(--color-accent) 12%,var(--color-surface)));border:1px solid color-mix(in srgb,var(--color-muted) 20%,transparent)}.hero-banner:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--color-secondary) 35%,transparent),transparent 70%);top:-120px;right:-80px;pointer-events:none}.hero-banner h2{margin:0 0 8px;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;position:relative;color:var(--color-onBackground)}.hero-banner p{margin:0;color:var(--color-muted);max-width:40ch;position:relative}.hero-stat{display:inline-flex;margin-top:20px;padding:8px 14px;border-radius:999px;background:color-mix(in srgb,var(--color-background) 60%,transparent);font-size:.85rem;font-weight:600;color:var(--color-accent);position:relative}.games-bento{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.game-card{position:relative;overflow:hidden;border-radius:22px;padding:28px;min-height:220px;display:flex;flex-direction:column;border:1px solid color-mix(in srgb,#fff 8%,transparent);color:#fff;transition:transform .2s,box-shadow .2s}.game-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px var(--shadow-color)}.game-card--rgb{background:linear-gradient(145deg,#7c3aed,#db2777)}.game-card--avg{background:linear-gradient(145deg,#0369a1,#06b6d4)}.game-card--react{background:linear-gradient(145deg,#b45309,#fbbf24)}.game-card--stop{background:linear-gradient(145deg,#047857,#34d399)}.game-card--centroid{background:linear-gradient(145deg,#312e81,#7c5cff)}.game-card--rhythm{background:linear-gradient(145deg,#0f766e,#44e3d2)}.game-card--colormem{background:linear-gradient(145deg,#1e3a8a,#eab308 55%,#ef4444)}.game-card--arrowmem{background:linear-gradient(145deg,#4c1d95,#a78bfa)}.game-card--stroop{background:linear-gradient(145deg,#9f1239,#2563eb 55%,#ca8a04)}.game-card--odd{background:linear-gradient(145deg,#134e4a,#5eead4)}.game-card__glyph{font-size:2.5rem;line-height:1;margin-bottom:12px;opacity:.9}.game-card__title{margin:0 0 8px;font-family:var(--font-display);font-size:1.35rem;font-weight:800}.game-card__desc{margin:0 0 auto;font-size:.9rem;opacity:.88;line-height:1.45;max-width:28ch}.game-card__actions{display:flex;gap:10px;margin-top:20px}.game-card__actions .btn{flex:1}.game-card__actions .btn--ghost{background:#ffffff26;border-color:#ffffff40;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-card__actions .btn--primary{background:#fff;color:#111;box-shadow:none}.login-page{min-height:100dvh;display:grid;grid-template-columns:1.1fr 1fr}.login-hero{position:relative;overflow:hidden;padding:clamp(32px,6vw,64px);display:flex;flex-direction:column;justify-content:flex-end;background:var(--color-hero-bg);color:var(--color-hero-text)}.login-hero__mesh{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 20% 10%,color-mix(in srgb,var(--color-primary) 35%,transparent),transparent),radial-gradient(ellipse 60% 50% at 80% 30%,color-mix(in srgb,var(--color-secondary) 22%,transparent),transparent),radial-gradient(ellipse 50% 40% at 50% 90%,color-mix(in srgb,var(--color-accent) 18%,transparent),transparent);pointer-events:none}html[data-theme=light] .login-hero__mesh{opacity:.85}.login-hero__content{position:relative;z-index:1}.login-hero__logo{margin-bottom:24px;border-radius:20px;box-shadow:0 16px 40px color-mix(in srgb,var(--color-primary) 30%,transparent)}.login-hero h1{margin:0 0 16px;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:.95;max-width:10ch;color:var(--color-hero-text)}.login-hero p{margin:0;font-size:1.1rem;color:var(--color-hero-text-muted);max-width:32ch}.login-panel{display:flex;align-items:center;justify-content:center;padding:32px;background:var(--color-background)}.login-form{width:100%;max-width:380px}.login-form__logo{margin-bottom:16px;border-radius:14px}.login-form h2{margin:0 0 8px;font-size:1.75rem;font-weight:800;color:var(--color-onBackground)}.login-form__actions{display:flex;flex-direction:column;gap:12px;margin-top:28px}.login-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--color-muted);font-size:.8rem}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:color-mix(in srgb,var(--color-muted) 30%,transparent)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:.85rem;font-weight:600;color:var(--color-muted)}.field input,.field select{padding:14px 16px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-onSurface)}.field input::placeholder{color:var(--color-muted)}.field select option{background:var(--color-surface);color:var(--color-onSurface)}.field input:focus,.field select:focus{outline:2px solid color-mix(in srgb,var(--color-primary) 50%,transparent);outline-offset:0}.leader-tabs{display:inline-flex;padding:4px;border-radius:999px;background:var(--color-surfaceVariant);margin-bottom:24px}.leader-tabs button{padding:10px 20px;border:none;border-radius:999px;background:transparent;color:var(--color-muted);font-weight:600;font-size:.9rem;cursor:pointer}.leader-tabs button.active{background:var(--color-surface);color:var(--color-onBackground);box-shadow:0 2px 8px var(--shadow-color)}.podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:12px;align-items:end;margin-bottom:28px}.podium__slot{text-align:center;padding:20px 12px 16px;border-radius:16px 16px 12px 12px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-onSurface)}.podium__slot--first{padding-top:28px;background:linear-gradient(180deg,color-mix(in srgb,var(--color-secondary) 25%,var(--color-surface)),var(--color-surface))}.podium__rank{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--color-primary)}.podium__name{font-weight:600;margin:8px 0 4px;color:var(--color-onSurface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium__score{font-size:.85rem;color:var(--color-muted)}.leader-table{display:flex;flex-direction:column;gap:8px}.leader-row{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:14px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-onSurface)}.leader-row__rank{width:32px;font-family:var(--font-display);font-weight:800;color:var(--color-muted)}.leader-row__rank--top{color:var(--color-secondary)}.leader-row__score{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums}.lobby-page{max-width:520px;margin:0 auto;padding-top:28px}.room-code-display{text-align:center;padding:32px;border-radius:20px;background:var(--color-surface);border:2px dashed color-mix(in srgb,var(--color-primary) 45%,transparent);cursor:pointer;transition:border-color .15s,background .15s;margin:24px 0}.room-code-display:hover{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 6%,var(--color-surface))}.room-code-display__value{font-family:var(--font-mono);font-size:2.5rem;font-weight:800;letter-spacing:.2em;color:var(--color-primary)}.player-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:16px 0}.player-chip{padding:8px 14px;border-radius:999px;background:var(--color-surfaceVariant);color:var(--color-onBackground);font-size:.9rem;font-weight:500}.arena{min-height:100dvh;display:flex;flex-direction:column;background:var(--color-background)}.arena--game .arena__top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid color-mix(in srgb,var(--color-muted) 15%,transparent)}.arena__title{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--color-onBackground)}.arena__title .app-logo{border-radius:6px;flex-shrink:0}.arena__body{flex:1;display:flex;align-items:stretch;justify-content:center;padding:0}.arena__body--flush{align-items:stretch}.arena__panel{width:100%;max-width:520px;padding:24px;margin:0 auto}.game-round-shell{width:100%;max-width:560px;margin:0 auto;padding:16px 20px 24px;min-height:calc(100dvh - 56px);display:flex;flex-direction:column}.game-round-shell__body{flex:1;display:flex;flex-direction:column;justify-content:center}.round-header{text-align:center;margin-bottom:8px}.round-header__label{margin:0;font-weight:700;font-size:1rem;color:var(--color-onBackground)}.countdown-chip{display:inline-block;margin:8px auto;padding:8px 18px;border-radius:12px;background:var(--color-surfaceVariant);font-family:var(--font-display);font-size:1.65rem;font-weight:800;color:var(--color-accent);font-variant-numeric:tabular-nums}.round-dots{display:flex;justify-content:center;gap:6px;margin-top:8px}.round-dot{width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--color-muted) 35%,transparent)}.round-dot--active{width:10px;height:10px}.round-dot--done{background:var(--color-primary)}.game-title{margin:0 0 16px;font-family:var(--font-display);font-size:1.5rem;font-weight:800;text-align:center;color:var(--color-onBackground)}.score-reveal{font-family:var(--font-display);font-size:4.5rem;font-weight:800;text-align:center;color:var(--color-accent);line-height:1;padding:16px 0}.score-row{display:flex;align-items:baseline;justify-content:center;gap:.35rem;padding:16px 0 8px}.score-row .score-reveal{padding:0}.score-row__out-of{margin:0;color:var(--color-muted);font-size:1.25rem;font-weight:600;line-height:1;white-space:nowrap}.rgb-game{flex:1;min-height:calc(100dvh - 56px);transition:background .25s}.rgb-game__inner{padding:16px 20px 24px;min-height:100%;display:flex;flex-direction:column}.rgb-game__phase{font-weight:700;margin:0 0 8px;color:var(--color-onBackground)}.rgb-game__center{flex:1;display:grid;place-items:center}.rgb-game__hint{font-size:1.25rem;font-weight:700;color:#fff;text-align:center}.rgb-game__pick{flex:1;display:flex;flex-direction:column;gap:8px}.rgb-live-swatch{height:56px;border-radius:14px;margin-bottom:8px}.color-ramp__labels{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:4px;color:var(--color-onBackground)}.color-ramp__labels span:last-child{color:var(--color-accent);font-weight:700}.color-ramp__track{position:relative;height:40px;border-radius:10px;overflow:hidden}.color-ramp__track input[type=range]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;margin:0;opacity:1;height:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.color-ramp__track input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:38px;border-radius:6px;background:#fff;border:2px solid rgba(0,0,0,.15);box-shadow:0 2px 8px #00000040}.rgb-game__compare{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.swatch-row{display:flex;gap:24px;justify-content:center;margin:16px 0}.swatch-row--feedback{margin-top:24px}.swatch-block{text-align:center}.swatch-block__color{width:100px;height:100px;border-radius:20px;margin:0 auto 8px;border:2px solid color-mix(in srgb,var(--color-muted) 20%,transparent)}.swatch-block--sm .swatch-block__color{width:80px;height:80px;border-radius:16px}.swatch-block span{font-size:.8rem;color:var(--color-muted)}.numbers-stage{display:flex;justify-content:center;gap:12px;flex-wrap:nowrap;overflow-x:auto;margin:32px 0;padding:8px 0}.number-ball{flex-shrink:0;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-size:1.35rem;font-weight:800;color:var(--color-accent);background:var(--color-surface);border:2px solid color-mix(in srgb,var(--color-accent) 35%,transparent)}.reaction-full{flex:1;min-height:60vh;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;padding:24px}.reaction-full--wait{background:#b71c1c;color:#fff}.reaction-full--go{background:#2e7d32;color:#fff;animation:pulse-go .6s ease infinite alternate}.reaction-full--early{background:#ff6f00;color:#fff}.reaction-full--done{background:var(--color-surfaceVariant);color:var(--color-onBackground)}.reaction-full__title{margin:0 0 12px;font-size:1rem;opacity:.75}.reaction-full__message{margin:0;font-family:var(--font-display);font-size:2rem;font-weight:800}.reaction-full__message--big{font-size:3.5rem}.reaction-full__hint{margin:12px 0 0;font-size:.85rem;opacity:.65}.stop-target-label{margin:32px 0 0;text-align:center;color:var(--color-error);font-weight:700;font-size:.85rem;letter-spacing:.08em}.stop-target-value{margin:0;text-align:center;color:var(--color-error);font-family:var(--font-display);font-size:3rem;font-weight:800;line-height:1}.stop-unit{margin-left:.4rem;font-size:.45em;font-weight:600;color:var(--color-muted);vertical-align:baseline}.stop-status{min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:24px 0}.stop-pulse{display:flex;align-items:center;gap:10px;font-size:1.35rem;font-weight:700;color:var(--color-success);animation:stop-pulse .7s ease infinite alternate}.stop-pulse--arming{color:var(--color-secondary)}.stop-pulse--arming .stop-pulse__dot{background:var(--color-secondary)}.stop-pulse__dot{width:12px;height:12px;border-radius:50%;background:var(--color-success)}@keyframes stop-pulse{0%{opacity:.35}to{opacity:1}}.stop-hidden-hint{margin-top:12px;text-align:center;font-size:.9rem;color:var(--color-muted)}.stop-stopped-label{color:var(--color-error);font-weight:700;font-size:.85rem;margin:0}.stop-stopped-value{margin:4px 0 0;font-family:var(--font-display);font-size:4rem;font-weight:800;color:var(--color-accent);line-height:1}.feedback-detail{text-align:center;margin-top:24px;font-size:1rem;padding:0 12px;color:var(--color-onBackground)}.result-grid{display:grid;gap:10px;margin:20px 0}.result-row{display:flex;justify-content:space-between;padding:12px 16px;border-radius:12px;background:var(--color-surfaceVariant);color:var(--color-onBackground);font-variant-numeric:tabular-nums}.arena__body--result{align-items:stretch;padding:0}.session-result{width:100%;max-width:560px;margin:0 auto;padding:24px 20px 32px;min-height:100dvh;display:flex;flex-direction:column;align-items:center}.session-result__title{margin:0;font-family:var(--font-display);font-size:1.35rem;font-weight:800;text-align:center;color:var(--color-onBackground)}.session-result__subtitle{margin:6px 0 0;font-size:.9rem;color:var(--color-muted);text-align:center}.session-result__rank{margin:0 0 16px;color:var(--color-error);font-weight:600;text-align:center}.session-result__room{width:100%;margin:8px 0 16px}.session-result__room-title{margin:0 0 10px;font-size:1rem;font-weight:700;color:var(--color-onBackground)}.session-result__room-list{display:flex;flex-direction:column;gap:8px}.session-result__room-row{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:12px;background:var(--color-surfaceVariant);color:var(--color-onSurface)}.session-result__room-row strong{color:var(--color-accent);font-variant-numeric:tabular-nums}.session-result__rounds{width:100%;flex:1;display:flex;flex-direction:column;gap:10px;margin:12px 0 20px;overflow-y:auto;min-height:0}.round-result-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--color-surfaceVariant);color:var(--color-onBackground)}.round-result-row__label{flex-shrink:0;font-weight:700;color:var(--color-primary);min-width:52px}.round-result-row__swatches{display:flex;gap:10px;flex:1;min-width:0}.round-result-row__swatch{display:flex;flex-direction:column;align-items:center;gap:4px}.round-result-row__swatch-color{width:40px;height:40px;border-radius:10px;border:1px solid var(--color-border)}.round-result-row__swatch span{font-size:.65rem;color:var(--color-muted)}.round-result-row__detail{flex:1;font-size:.75rem;color:var(--color-muted);line-height:1.35;min-width:0}.round-result-row__spacer{flex:1}.round-result-row__score{flex-shrink:0;font-family:var(--font-display);font-size:1.25rem;font-weight:800;color:var(--color-accent);font-variant-numeric:tabular-nums}.session-result__actions{width:100%;display:flex;flex-direction:column;gap:10px;margin-top:auto}.session-result__share-note{margin:0;text-align:center;font-size:.85rem}.share-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:flex-end;justify-content:center}.share-sheet__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;padding:0;background:#0000008c;cursor:pointer}.share-sheet__panel{position:relative;width:min(480px,100%);max-height:min(85dvh,640px);overflow:auto;padding:12px 20px 24px;border-radius:22px 22px 0 0;background:var(--color-surface);border:1px solid var(--color-border);border-bottom:0;box-shadow:0 -12px 40px #00000059;animation:share-sheet-up .22s ease-out}@keyframes share-sheet-up{0%{transform:translateY(24px);opacity:.6}to{transform:translateY(0);opacity:1}}.share-sheet__handle{width:40px;height:4px;margin:4px auto 14px;border-radius:999px;background:var(--color-muted);opacity:.45}.share-sheet__title{margin:0 0 10px;font-family:var(--font-display);font-size:1.2rem;font-weight:800;color:var(--color-onBackground);text-align:center}.share-sheet__preview{margin:0 0 18px;padding:12px 14px;border-radius:12px;background:var(--color-surfaceVariant);color:var(--color-muted);font-size:.82rem;line-height:1.45;white-space:pre-wrap;max-height:110px;overflow:auto}.share-sheet__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.share-sheet__option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surfaceVariant);color:var(--color-onSurface);font-size:.78rem;font-weight:600;cursor:pointer;transition:transform .12s ease,background .12s ease}.share-sheet__option:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--color-surfaceVariant) 80%,var(--color-primary))}.share-sheet__option:active{transform:translateY(0)}.share-sheet__icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#fff}.share-sheet__option--whatsapp .share-sheet__icon{background:#25d366}.share-sheet__option--facebook .share-sheet__icon{background:#1877f2}.share-sheet__option--x .share-sheet__icon{background:#111}.share-sheet__option--telegram .share-sheet__icon{background:#229ed9}.share-sheet__option--copy .share-sheet__icon{background:var(--color-primary);color:var(--color-onPrimary, #111)}.share-sheet__option--more .share-sheet__icon{background:var(--color-accent);color:var(--color-onAccent, #111)}.share-sheet__cancel{width:100%;margin-top:14px;padding:14px;border:0;border-radius:14px;background:transparent;color:var(--color-muted);font-weight:700;cursor:pointer}.share-sheet__cancel:hover{color:var(--color-onBackground)}@keyframes pulse-go{0%{box-shadow:0 0 #34d39980}to{box-shadow:0 0 0 16px transparent}}.settings-grid{display:grid;gap:20px;max-width:560px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--color-onBackground)}.toggle{position:relative;width:48px;height:28px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle__track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:var(--color-surfaceVariant);cursor:pointer;transition:background .2s}.toggle input:checked+.toggle__track{background:var(--color-primary)}.toggle__track:after{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;border-radius:50%;background:#fff;transition:transform .2s}.toggle input:checked+.toggle__track:after{transform:translate(20px)}.splash{min-height:100dvh;display:grid;place-items:center;background:var(--color-background)}.splash__brand{display:flex;flex-direction:column;align-items:center;gap:20px;animation:splash-in .8s ease}.splash__logo-mark{border-radius:22px;box-shadow:0 20px 48px color-mix(in srgb,var(--color-primary) 40%,transparent)}.splash__logo-text{font-family:var(--font-display);font-size:clamp(2rem,6vw,3rem);font-weight:800;background:linear-gradient(135deg,#ff6b4a,#ffc857,#5eead4);-webkit-background-clip:text;background-clip:text;color:transparent}.legal-page{min-height:100dvh;padding:32px 20px 48px;max-width:720px;margin:0 auto}.legal-page__header{text-align:center;margin-bottom:24px}.legal-page__header h1{margin:12px 0 4px;color:var(--color-onBackground)}.legal-page__body p{margin:0 0 14px;color:var(--color-onBackground);line-height:1.6}.legal-page__back{display:inline-block;margin-top:20px;color:var(--color-primary);text-decoration:none;font-weight:600}@keyframes splash-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.page-center{min-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px}.spinner-wrap{display:flex;flex-direction:column;align-items:center;gap:12px}.spinner{width:44px;height:44px;border:3px solid var(--color-surfaceVariant);border-top-color:var(--color-primary);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.shell{grid-template-columns:1fr}.shell__sidebar{display:none}.shell__mobile-bar{display:flex;position:sticky;top:0;z-index:50;align-items:center;justify-content:space-between;padding:12px 16px;background:color-mix(in srgb,var(--color-surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb,var(--color-muted) 15%,transparent)}.shell__mobile-nav{display:flex;gap:4px}.shell__mobile-nav a{padding:8px 12px;border-radius:999px;text-decoration:none;font-size:.8rem;font-weight:600;color:var(--color-muted)}.shell__mobile-nav a:hover{color:var(--color-onBackground)}.shell__mobile-nav a.active{background:color-mix(in srgb,var(--color-primary) 18%,transparent);color:var(--color-primary)}.shell__main{padding:20px 16px 32px}.games-bento,.login-page{grid-template-columns:1fr}.login-hero{min-height:38vh;justify-content:center}.podium{grid-template-columns:1fr}.podium__slot--first{order:-1}}.centroid-game{display:flex;flex-direction:column;gap:12px;height:100%;min-height:360px}.centroid-game__title{margin:0;font-family:var(--font-display);font-size:1.4rem;font-weight:800}.centroid-game__hint{margin:0;color:var(--color-muted);font-size:.95rem}.centroid-game__field{position:relative;flex:1;min-height:280px;border-radius:28px;background:radial-gradient(circle at 30% 20%,#3b3478,#12101c 55%,#0a0910);overflow:hidden;cursor:crosshair;touch-action:none}.centroid-game__dot{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#c4b5fd;box-shadow:0 0 12px #7c5cff,0 0 24px #7c5cff73;animation:centroid-pulse 1.2s ease-in-out infinite}.centroid-game__guess,.centroid-game__true{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;z-index:2}.centroid-game__guess{background:#44e3d2;box-shadow:0 0 14px #44e3d2}.centroid-game__true{background:#00d26a;box-shadow:0 0 16px #00d26a;animation:centroid-reveal .4s ease-out}.centroid-game__line{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:#ffffff8c;pointer-events:none;z-index:1}@keyframes centroid-pulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.25);opacity:1}}@keyframes centroid-reveal{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.rhythm-game{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:360px;border-radius:28px;padding:24px;background:radial-gradient(circle at 50% 40%,#134e4a,#0e0d12 70%);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.rhythm-game--play{background:radial-gradient(circle at 50% 40%,#1a3a5c,#0e0d12 70%)}.rhythm-game--pulse .rhythm-game__disc{transform:scale(1.22)}.rhythm-game__title{margin:0;font-family:var(--font-display);font-size:1.4rem;font-weight:800}.rhythm-game__hint,.rhythm-game__meta{margin:0;color:var(--color-muted)}.rhythm-game__disc{width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,#44e3d2,#0f766e 70%);display:grid;place-items:center;transition:transform .12s ease-out;box-shadow:0 0 40px #44e3d259}.rhythm-game__ring{width:48%;height:48%;border-radius:50%;border:3px solid rgba(255,255,255,.55)}.color-memory,.arrow-memory{display:flex;flex-direction:column;gap:12px;align-items:center}.color-memory__title,.arrow-memory__title{margin:0;font-family:var(--font-display);font-size:1.35rem;font-weight:800}.color-memory__hint,.arrow-memory__hint,.color-memory__level,.arrow-memory__level,.color-memory__progress,.arrow-memory__progress{margin:0;color:var(--color-muted)}.color-memory__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:min(320px,100%)}.mem-tile{aspect-ratio:1;border:none;border-radius:24px;cursor:pointer;opacity:.72;transition:opacity .12s,transform .12s,filter .12s;display:grid;place-items:center}.mem-tile:disabled{cursor:default}.mem-tile--lit{opacity:1;transform:scale(1.04);filter:brightness(1.25)}.mem-tile--b{background:#3b82f6}.mem-tile--y{background:#eab308}.mem-tile--r{background:#ef4444}.mem-tile--g{background:#22c55e}.mem-tile__label{font-weight:800;color:#00000073;font-size:1.1rem}.arrow-memory__stage{width:min(220px,70vw);aspect-ratio:1;border-radius:28px;display:grid;place-items:center;background:var(--color-surfaceVariant);transition:box-shadow .2s,background .2s}.arrow-memory__stage--lit{background:color-mix(in srgb,#7c5cff 35%,var(--color-surfaceVariant));box-shadow:0 0 28px #7c5cff66}.arrow-memory__glyph{font-size:4rem;line-height:1;font-weight:800}.arrow-memory__pads{display:flex;flex-direction:column;align-items:center;gap:8px}.arrow-memory__row{display:flex;gap:8px}.arrow-pad{width:64px;height:64px;border-radius:18px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-onSurface);font-size:1.5rem;cursor:pointer}.arrow-pad:disabled{opacity:.45;cursor:default}.arrow-pad:not(:disabled):active{transform:scale(.94);background:color-mix(in srgb,#7c5cff 25%,var(--color-surface))}.stroop-word{margin:36px 0 28px;font-family:var(--font-display);font-size:clamp(2.8rem,10vw,4.5rem);font-weight:900;letter-spacing:.04em;text-align:center;line-height:1.05}.stroop-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:min(360px,100%);margin:0 auto}.stroop-choice{border:0;border-radius:16px;padding:18px 12px;color:#fff;font-weight:800;font-size:.95rem;letter-spacing:.04em;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.35)}.stroop-choice:disabled{opacity:.55;cursor:default}.stroop-choice:not(:disabled):active{transform:scale(.97)}.odd-grid{display:grid;gap:8px;width:min(360px,100%);margin:24px auto 0}.odd-cell{aspect-ratio:1;border:0;border-radius:10px;cursor:pointer;box-shadow:inset 0 0 0 1px #0000001f}.odd-cell:disabled{cursor:default}.odd-cell--correct{outline:3px solid var(--color-success);outline-offset:2px}.odd-cell--wrong{animation:odd-shake .28s ease;outline:3px solid var(--color-error);outline-offset:2px}@keyframes odd-shake{0%,to{transform:translate(0)}35%{transform:translate(-4px)}70%{transform:translate(4px)}}@media(prefers-reduced-motion:reduce){.centroid-game__dot,.centroid-game__true{animation:none}.rhythm-game--pulse .rhythm-game__disc{transform:none}.odd-cell--wrong{animation:none}}