:root{--bg:#f3ede5;--bg-soft:#ebe3d6;--card:rgba(255,255,255,0.9);--card-strong:rgba(255,255,255,0.96);--border:rgba(21,27,38,0.12);--text:#111827;--muted:#5f6471;--violet:#5b67e8;--cyan:#36b9ff;--pink:#ff7b93;--gradient:linear-gradient(135deg,#5b67e8,#6a7eff);--shadow:0 28px 80px rgba(24,29,43,0.12);--ease-spring:cubic-bezier(0.34,1.56,0.64,1)}@keyframes pop-in{0%{opacity:0;transform:scale(.88) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes score-pop{0%{opacity:0;transform:scale(.4) translateY(24px)}60%{transform:scale(1.18) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse-stroke{0%{stroke:#ef4444}to{stroke:#fca5a5}}@keyframes pulse-scale{0%{transform:scale(1)}to{transform:scale(1.12)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes confetti-fall{to{transform:translateY(100vh) rotate(var(--rot,2turn));opacity:0}}@keyframes emoji-rise{0%{transform:translateY(0) scale(.5);opacity:0}15%{opacity:1;transform:translateY(-20px) scale(1.1)}80%{opacity:.9}to{transform:translateY(-140px) scale(.8);opacity:0}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:radial-gradient(circle at top,rgba(91,103,232,.08),transparent 30%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.shell{min-height:100vh}.container{width:min(1120px,calc(100% - 2rem));margin:0 auto}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:rgba(255,255,255,.86);border-bottom:1px solid rgba(17,24,39,.08)}.nav-inner,.row-between{justify-content:space-between;gap:1rem}.brand,.nav-inner,.row-between{display:flex;align-items:center}.brand{gap:.75rem;font-weight:700;letter-spacing:-.02em}.brand-mark{width:2rem;height:2rem;border-radius:.75rem;background:linear-gradient(135deg,#111827,#5b67e8 60%,#f58da0);display:grid;place-items:center;color:white;font-size:.95rem;box-shadow:0 16px 30px rgba(91,103,232,.18)}.brand-accent{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.actions,.nav-links{display:flex;align-items:center;gap:1rem}.nav-links a{color:var(--muted);transition:color .15s ease}.nav-links a:hover{color:var(--text)}.muted{color:var(--muted)}.button,.button-ghost,.button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border-radius:999px;padding:.9rem 1.3rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease,background .15s ease}.button{background:var(--gradient);color:white}.button:hover{filter:brightness(1.1);box-shadow:0 8px 24px rgba(91,103,232,.35)}.button:active{transform:scale(.97);filter:brightness(.95)}.button-secondary{background:rgba(255,255,255,.66);color:var(--text);border-color:var(--border)}.button-secondary:hover{background:rgba(255,255,255,.9);box-shadow:0 4px 12px rgba(0,0,0,.08)}.button-secondary:active{transform:scale(.97)}.button-ghost{background:transparent;color:var(--muted);border-color:transparent}.button-ghost:hover{color:var(--text);background:rgba(0,0,0,.04)}.button-ghost:active{transform:scale(.97)}.section{padding:5rem 0}.hero{padding:4rem 0}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:2rem;gap:2rem;align-items:center}.eyebrow{display:inline-flex;gap:.5rem;align-items:center;border:1px solid var(--border);border-radius:999px;padding:.45rem .8rem;color:var(--muted);background:rgba(255,255,255,.65);font-size:.85rem}.title{font-size:clamp(3rem,7vw,5.25rem);line-height:.96;letter-spacing:-.04em;margin:1rem 0;font-family:Space Grotesk,Inter,sans-serif}.subtitle{color:var(--muted);font-size:1.05rem;line-height:1.7;max-width:40rem}.hero-wordmark{font-family:Space Grotesk,Inter,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:-.05em;line-height:.9;font-size:clamp(3.8rem,9vw,6.8rem);margin:0}.hero-wordmark-accent{color:var(--violet)}.hero-kicker{color:var(--muted);margin-top:1rem;max-width:42rem}.card,.glass-card{border:1px solid var(--border);border-radius:1.5rem;background:var(--card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.glass-card,.panel{padding:1.5rem}.grid-2,.grid-3,.stat-grid{display:grid;grid-gap:1rem;gap:1rem}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-icon{width:2.75rem;height:2.75rem;border-radius:1rem;background:var(--gradient);display:grid;place-items:center;color:white;font-weight:700;margin-bottom:.25rem}.feature-icon svg{width:1.35rem;height:1.35rem;stroke:white;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.glass-card:hover{box-shadow:0 32px 96px rgba(24,29,43,.16);transform:translateY(-2px);transition:transform .2s ease,box-shadow .2s ease}.hero-visual{min-height:26rem;padding:1.25rem;background:transparent;box-shadow:none;border:none;position:relative;min-height:32rem;flex:1 1}.hero-card{position:absolute;background:rgba(255,255,255,.92);border:1px solid rgba(17,24,39,.1);border-radius:1.5rem;padding:1.25rem;box-shadow:0 24px 60px rgba(17,24,39,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-card-back{width:16rem;top:3.5rem;right:0;z-index:1;transform:rotate(4deg);opacity:.75}.hero-card-mid{width:15rem;top:2rem;left:0;z-index:2;transform:rotate(-3deg);opacity:.85;animation:float 5s ease-in-out 2s infinite}.hero-card-front{width:20rem;top:1.5rem;left:50%;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;gap:1rem;animation:float 4s ease-in-out infinite}.hero-card-top{display:flex;justify-content:space-between;align-items:center}.hero-timer{font-size:.8rem;font-weight:600;color:var(--violet);background:rgba(91,103,232,.1);padding:.2rem .6rem;border-radius:999px}.hero-question{margin:0;font-size:1.05rem;font-family:Space Grotesk,Inter,sans-serif;font-weight:700;line-height:1.35;color:#111827}.hero-card-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--violet);margin-bottom:.75rem}.hero-lb{display:grid;grid-gap:.5rem;gap:.5rem}.hero-lb-row{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.hero-lb-name{flex:1 1;font-weight:600;color:#111827}.hero-lb-score{font-weight:700;color:var(--violet);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hero-wc{display:flex;flex-wrap:wrap;gap:.35rem .6rem;align-items:baseline}.hwc-xl{font-size:2rem;font-weight:800}.hwc-lg{font-size:1.4rem;font-weight:700}.hwc-lg2{font-size:1.6rem;font-weight:700}.hwc-md{font-size:1.1rem;font-weight:600}.hwc-sm{font-size:.95rem;font-weight:600}.hwc-xs{font-size:.85rem;font-weight:500}.hwc-violet{color:var(--violet)}.hwc-cyan{color:var(--cyan)}.hwc-pink{color:var(--pink)}.hwc-orange{color:#f97316}.hero-pill{position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);z-index:4;background:white;border:1px solid rgba(17,24,39,.1);border-radius:999px;padding:.45rem 1rem;font-size:.9rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 8px 24px rgba(17,24,39,.1);white-space:nowrap;animation:float 4s ease-in-out 1s infinite}.hero-pill-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px rgba(74,222,128,.6);flex-shrink:0}.word{display:inline-block;margin:.35rem;font-family:Space Grotesk,Inter,sans-serif}.choices{display:grid;grid-gap:.75rem;gap:.75rem}.choice{border-radius:1rem;padding:1rem;color:white;font-weight:600;border:none;cursor:pointer;transition:transform .15s ease,filter .15s ease}.choice:first-child{background:linear-gradient(135deg,#8b5cf6,#ec4899);animation:pop-in .3s ease .05s both}.choice:nth-child(2){background:linear-gradient(135deg,#34d399,#34d3ff);animation:pop-in .3s ease .12s both}.choice:nth-child(3){background:linear-gradient(135deg,#f97316,#ec4899);animation:pop-in .3s ease .19s both}.choice:nth-child(4){background:linear-gradient(135deg,#6366f1,#34d3ff);animation:pop-in .3s ease .26s both}.choice:hover{transform:scale(1.02);filter:brightness(1.08)}.choice:active{transform:scale(.97)}.code-input,.input{width:100%;border-radius:1rem;border:1px solid var(--border);background:rgba(245,245,245,.9);color:var(--text);padding:.95rem 1rem;font:inherit;transition:border-color .15s ease,box-shadow .15s ease;outline:none}.code-input:focus,.input:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(91,103,232,.15)}.code-input{text-align:center;font-size:2.2rem;letter-spacing:.45rem;font-family:Space Grotesk,Inter,sans-serif}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;cursor:pointer}.toggle-label{color:var(--muted);font-size:.95rem}.toggle-switch{position:relative;width:2.75rem;height:1.5rem;flex-shrink:0}.toggle-switch input{position:absolute;opacity:0;width:0;height:0}.toggle-track{position:absolute;inset:0;border-radius:999px;background:var(--border);transition:background .2s ease}.toggle-switch input:checked~.toggle-track{background:var(--violet)}.toggle-thumb{position:absolute;top:3px;left:3px;width:1.125rem;height:1.125rem;border-radius:50%;background:white;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:transform .2s var(--ease-spring)}.toggle-switch input:checked~.toggle-thumb{transform:translateX(1.25rem)}.join-strip{background:rgba(203,208,247,.72);border-bottom:1px solid rgba(17,24,39,.08)}.join-strip-inner{display:flex;align-items:center;justify-content:center;gap:1rem;min-height:4rem;color:#192131}.join-strip-code{width:8rem;height:2.75rem;border-radius:.9rem;border:1px solid rgba(17,24,39,.08);background:rgba(255,255,255,.92);text-align:center;font:inherit;transition:border-color .15s ease,box-shadow .15s ease;outline:none}.join-strip-code:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(91,103,232,.15)}.badge{display:inline-flex;border-radius:999px;padding:.35rem .7rem;font-size:.75rem;background:rgba(255,255,255,.08);color:var(--muted)}.badge-live{background:rgba(251,113,133,.14);color:#fda4af}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:1rem;border-bottom:1px solid var(--border);text-align:left}.host-layout{display:grid;grid-template-columns:1fr 320px;grid-gap:1.25rem;gap:1.25rem}.app-shell-v2{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar-v2{display:flex;flex-direction:column;background:linear-gradient(175deg,#1a0a3c,#110830 60%,#0d0620);padding:1.5rem 1rem;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:auto}.sidebar-brand{display:flex;align-items:center;gap:.75rem;padding:0 .5rem 1.75rem;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:1.25rem}.brand-mark-dark{flex-shrink:0}.footer-brand{justify-content:center;margin-bottom:.75rem}.sidebar-brand-text{font-size:1.15rem;font-weight:700;color:#fff;letter-spacing:-.02em}.sidebar-brand-accent{color:#a78bfa}.sidebar-nav{display:grid;grid-gap:.25rem;gap:.25rem;flex:1 1}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.75rem .9rem;border-radius:.85rem;color:rgba(255,255,255,.55);font-size:.9rem;font-weight:500;transition:background .18s ease,color .18s ease}.sidebar-link:hover{background:rgba(255,255,255,.07);color:rgba(255,255,255,.9)}.sidebar-link.active{background:rgba(91,103,232,.28);color:#fff;box-shadow:inset 0 0 0 1px rgba(91,103,232,.4)}.sidebar-icon{width:20px;text-align:center;font-size:1rem;flex-shrink:0}.sidebar-footer{padding-top:1rem;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-gap:.5rem;gap:.5rem}.sidebar-new-btn{display:block;text-align:center;padding:.75rem;border-radius:.85rem;background:var(--gradient);color:#fff;font-weight:600;font-size:.88rem;transition:opacity .15s ease,transform .15s ease}.sidebar-new-btn:hover{opacity:.9;transform:translateY(-1px)}.sidebar-logout{width:100%;padding:.6rem;border-radius:.85rem;background:transparent;border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.45);font-size:.85rem;cursor:pointer;transition:border-color .15s ease,color .15s ease}.sidebar-logout:hover{border-color:rgba(255,255,255,.3);color:rgba(255,255,255,.8)}.app-main-v2{display:flex;flex-direction:column;min-height:100vh;background:radial-gradient(ellipse at top left,rgba(91,103,232,.07) 0,transparent 50%),radial-gradient(ellipse at bottom right,rgba(255,123,147,.05) 0,transparent 50%),var(--bg)}.app-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.75rem;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:10}.topbar-search{flex:1 1;max-width:420px;border:1px solid var(--border);border-radius:2rem;padding:.65rem 1.1rem;background:rgba(245,245,245,.9);color:var(--text);font:inherit;font-size:.9rem;transition:border-color .15s ease,box-shadow .15s ease;outline:none}.topbar-search:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(91,103,232,.15)}.topbar-actions{display:flex;align-items:center;gap:.75rem}.app-content{flex:1 1;padding:1.75rem}.stat-card-violet{background:linear-gradient(135deg,#5b67e8,#7c86ff)}.stat-card-cyan,.stat-card-violet{color:#fff;border-color:transparent}.stat-card-cyan{background:linear-gradient(135deg,#06b6d4,#36b9ff)}.stat-card-pink{background:linear-gradient(135deg,#ec4899,#ff7b93);color:#fff;border-color:transparent}.stat-card-cyan .muted,.stat-card-pink .muted,.stat-card-violet .muted{color:rgba(255,255,255,.75)}.mb-14{margin-bottom:14px}.panel-title{margin:0;font-size:1.05rem;font-weight:700}.recent-card-title{margin:0 0 4px;font-size:1rem;font-weight:600}.dashboard-stack{display:grid;grid-gap:1.25rem;gap:1.25rem}.dashboard-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.dashboard-title{margin:.4rem 0 .5rem;font-size:clamp(2.2rem,5vw,3.25rem);letter-spacing:-.04em}.dashboard-subtitle{margin:0;max-width:44rem;color:var(--muted);line-height:1.7}.dashboard-actions,.dashboard-stats{display:flex;gap:1rem;flex-wrap:wrap}.stat-card{min-width:180px}.stat-value{font-size:2rem;font-weight:700;margin-top:.35rem}.dashboard-grid{display:grid;grid-template-columns:1.25fr .95fr;grid-gap:1rem;gap:1rem}.quick-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem}.quick-action-card,.recent-card{display:grid;grid-gap:.5rem;gap:.5rem;padding:1rem;border-radius:1.1rem;border:1px solid var(--border);background:rgba(255,255,255,.72)}.live-session-list{display:grid;grid-gap:.85rem;gap:.85rem}.live-session-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem 1rem;border-radius:1rem;border:1px solid var(--border);background:rgba(255,255,255,.72)}.live-session-actions,.recent-meta{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem}.recent-card-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.empty-state{display:grid;grid-gap:.75rem;gap:.75rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--border);background:rgba(255,255,255,.72);color:var(--text);border-radius:999px;padding:.7rem 1rem;font:inherit;font-weight:600;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.back-button:hover{background:rgba(255,255,255,.95);box-shadow:0 2px 8px rgba(0,0,0,.06)}.qa-list,.score-list{display:grid;grid-gap:.75rem;gap:.75rem}.qa-item,.score-item{border:1px solid var(--border);border-radius:1rem;padding:.9rem 1rem;background:rgba(255,255,255,.04)}.center-card{max-width:32rem;margin:0 auto}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:3rem 1rem}.auth-card{width:min(100%,28rem);background:var(--card-strong);border:1px solid rgba(17,24,39,.08);border-radius:2rem;box-shadow:var(--shadow);padding:2.25rem;animation:fade-up .35s ease both}.auth-title{margin:0;font-size:2rem;text-align:center;font-family:Space Grotesk,Inter,sans-serif}.auth-subtitle{text-align:center;color:var(--muted);margin:.6rem 0 1.5rem;line-height:1.6}.auth-socials{display:grid;grid-gap:.85rem;gap:.85rem}.social-button{border:2px solid #111827;background:white;color:#111827;border-radius:999px;padding:.95rem 1rem;font-weight:600;text-align:center;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.6rem}.social-button:hover{background:#f9fafb;box-shadow:0 4px 12px rgba(0,0,0,.08)}.social-button-disabled{opacity:.45;pointer-events:none;cursor:not-allowed}.social-google-icon{flex-shrink:0}.divider{display:flex;align-items:center;gap:.75rem;color:var(--muted);font-size:.9rem;margin:1.25rem 0}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:rgba(17,24,39,.12)}.field-label{display:block;font-weight:600;margin-bottom:.5rem}.field-stack{display:grid;grid-gap:.95rem;gap:.95rem}.helper-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.auth-note{margin:.75rem 0 0;text-align:center;font-size:.9rem}.error-text{color:#e85d75;line-height:1.5}.success-text{color:#256d52;line-height:1.5;word-break:break-word}.page-wrap{padding:2rem 0 4rem}.page-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.page-inline-actions{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.footer{padding:2rem 0 3rem;color:var(--muted);text-align:center}.trust-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:1rem;gap:1rem;align-items:center;margin-top:2rem;color:#111827;opacity:.7}.trust-pill{display:grid;place-items:center;min-height:4rem;border-radius:1rem;border:1px solid rgba(17,24,39,.08);background:rgba(255,255,255,.55);font-weight:700}.game-shell{min-height:100svh;background:#12052b;background-image:radial-gradient(ellipse at 20% 0,rgba(139,92,246,.22) 0,transparent 55%),radial-gradient(ellipse at 80% 100%,rgba(59,130,246,.12) 0,transparent 50%);color:white;display:flex;flex-direction:column}.game-header{justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08);animation:fade-in .3s ease both}.game-header,.game-meta{display:flex;align-items:center}.game-meta{gap:.75rem}.game-badge{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:.4rem .9rem;font-size:.85rem;color:rgba(255,255,255,.75)}.timer-ring{position:relative;width:64px;height:64px;display:grid;place-items:center;flex-shrink:0}.timer-svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.timer-track{fill:none;stroke:rgba(255,255,255,.1);stroke-width:6}.timer-fill{fill:none;stroke:#8b5cf6;stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .95s linear,stroke .4s ease}.timer-urgent .timer-fill{stroke:#ef4444;animation:pulse-stroke .5s ease-in-out infinite alternate}.timer-count{font-size:1.4rem;font-weight:700;font-family:Space Grotesk,Inter,sans-serif;position:relative;z-index:1;transition:color .4s ease}.timer-urgent .timer-count{color:#fca5a5;animation:pulse-scale .5s ease-in-out infinite alternate}.game-question-wrap{flex:1 1;display:flex;align-items:center;justify-content:center;padding:2.5rem 1.5rem 1.5rem}.game-question{font-size:clamp(1.5rem,4vw,2.5rem);color:white;max-width:52rem;animation:fade-up .45s ease both}.game-choices{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem;padding:0 .75rem 1.5rem;max-width:56rem;width:100%;margin:0 auto}.game-choice{display:flex;align-items:center;gap:1rem;border:none;border-radius:1.25rem;padding:1.25rem 1.5rem;font:inherit;font-size:1.05rem;font-family:Space Grotesk,Inter,sans-serif;font-weight:600;color:white;cursor:pointer;text-align:left;transition:transform .15s ease,filter .15s ease,opacity .25s ease,box-shadow .15s ease;animation:pop-in .35s var(--ease-spring) both;min-height:5rem}.game-choice:hover:not(:disabled){transform:scale(1.025);filter:brightness(1.1)}.game-choice:active:not(:disabled){transform:scale(.97)}.game-choice-picked{box-shadow:0 0 0 4px rgba(255,255,255,.5),0 12px 40px rgba(0,0,0,.3);transform:scale(.98)}.game-choice-dimmed{opacity:.3;pointer-events:none}.game-choice-0{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.game-choice-1{background:linear-gradient(135deg,#0ea5e9,#22d3ee)}.game-choice-2{background:linear-gradient(135deg,#f97316,#ef4444)}.game-choice-3{background:linear-gradient(135deg,#22c55e,#10b981)}.game-choice-shape{font-size:1.5rem;flex-shrink:0;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.game-choice-label{flex:1 1;line-height:1.35}.done-shell{min-height:100svh;background:#12052b;background-image:radial-gradient(ellipse at 50% 20%,rgba(139,92,246,.3) 0,transparent 60%);color:white;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;text-align:center;padding:2rem}.done-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:2rem;padding:2.5rem 2rem;width:min(100%,28rem);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:fade-up .4s ease both}.done-title{margin:0 0 .5rem;font-size:2rem;font-family:Space Grotesk,Inter,sans-serif;font-weight:700}.done-subtitle{color:rgba(255,255,255,.6);margin:0 0 1.5rem}.score-display{font-size:clamp(3rem,10vw,5rem);font-weight:800;font-family:Space Grotesk,Inter,sans-serif;background:linear-gradient(135deg,#a78bfa,#f0abfc);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;animation:score-pop .7s var(--ease-spring) both .2s;display:block;margin-top:.5rem}.score-label{color:rgba(255,255,255,.5);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;margin-top:.5rem}.host-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4rem 2rem;gap:.75rem}.host-empty-icon{margin-bottom:.5rem}.host-empty-title{margin:0;font-size:1.5rem}.host-empty-svg{width:48px;height:48px;color:var(--muted)}.host-empty-cta{display:inline-flex;margin-top:1rem}.host-header-row{margin-bottom:1rem}.panel-empty{margin:0}.badge-capitalize{text-transform:capitalize}.qa-text{margin:.4rem 0 0}.host-status-row{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.host-socket-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);transition:background .3s ease;flex-shrink:0}.host-socket-dot.connected{background:#4ade80;box-shadow:0 0 6px rgba(74,222,128,.5)}.host-code{font-size:.9rem}.host-title{margin:.25rem 0 0;font-size:1.6rem;letter-spacing:-.02em}.host-slide-nav{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.host-nav-btn{width:2.5rem;height:2.5rem;padding:0;font-size:1.25rem;line-height:1}.host-slide-label{font-size:.85rem;white-space:nowrap}.host-question-card{background:rgba(91,103,232,.05);border:1px solid rgba(91,103,232,.15);border-radius:1.25rem;padding:1.25rem;margin:1rem 0}.host-question-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--violet);margin-bottom:.5rem}.host-question-title{margin:0 0 1rem;font-size:1.3rem}.vote-list{display:grid;grid-gap:.6rem;gap:.6rem}.vote-row{display:grid;grid-gap:.35rem;gap:.35rem}.vote-meta{display:flex;justify-content:space-between;font-size:.9rem}.vote-label{font-weight:500}.vote-count{color:var(--muted)}.vote-track{height:10px;border-radius:999px;background:rgba(0,0,0,.06);overflow:hidden}.vote-fill{height:100%;border-radius:999px;transition:width .4s ease}.host-total-votes{margin:.5rem 0 0;font-size:.85rem}.host-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}.host-btn-start{background:linear-gradient(135deg,#22c55e,#16a34a)}.host-btn-close{background:linear-gradient(135deg,#f97316,#ea580c)}.host-btn-end{color:#ef4444;border-color:rgba(239,68,68,.3)}.host-sidebar{display:grid;grid-gap:1rem;gap:1rem;align-content:start}.host-panel-title{margin:0 0 .85rem;font-size:1rem;font-weight:700}.leaderboard-rank{color:var(--violet);font-weight:700;font-size:.9rem}.toast-stack{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.6rem;pointer-events:none}.toast{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1.1rem;border-radius:1rem;font-size:.9rem;font-weight:500;min-width:240px;max-width:340px;box-shadow:0 12px 40px rgba(0,0,0,.18);pointer-events:all;animation:pop-in .25s var(--ease-spring) both}.toast-success{background:#052e16;color:#4ade80;border:1px solid rgba(74,222,128,.2)}.toast-error{background:#2d0a14;color:#fda4af;border:1px solid rgba(253,164,175,.2)}.toast-info{background:#0d1b3e;color:#93c5fd;border:1px solid rgba(147,197,253,.2)}.toast-close{background:none;border:none;color:inherit;opacity:.6;cursor:pointer;padding:.1rem .3rem;font-size:.8rem;flex-shrink:0;transition:opacity .15s ease}.toast-close:hover{opacity:1}.sessions-stats{margin-bottom:1.25rem}.sessions-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.sessions-title{margin:0;font-size:1.5rem}.sessions-filters{display:flex;gap:.4rem}.filter-btn{background:transparent;border:1px solid var(--border);border-radius:999px;padding:.4rem .85rem;font:inherit;font-size:.85rem;font-weight:500;color:var(--muted);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.filter-btn:hover{background:rgba(91,103,232,.06);color:var(--text)}.filter-btn-active{background:var(--gradient);color:white;border-color:transparent}.filter-btn-active:hover{filter:brightness(1.08)}.sessions-loading{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 0}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--violet);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.sessions-empty{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 0;text-align:center}.session-name-cell{display:grid;grid-gap:.2rem;gap:.2rem}.session-host{font-size:.8rem}.session-actions{display:flex;align-items:center;gap:.5rem}.session-action-btn{padding:.4rem .75rem;font-size:.85rem}.export-group{display:flex;gap:.35rem}.export-btn{padding:.35rem .65rem;font-size:.8rem}.join-card{animation:fade-up .35s ease both}.join-heading{margin-top:0}.join-error{color:#fda4af;margin-top:.75rem}.join-success{color:#34d399;margin-top:.75rem;font-weight:600}.join-actions{margin-top:1rem}@media (max-width:960px){.dashboard-grid,.grid-2,.grid-3,.hero-grid,.host-layout,.quick-action-grid,.recent-grid,.stat-grid,.visual-grid{grid-template-columns:1fr}.nav-links{display:none}.join-strip-inner,.trust-row{grid-template-columns:1fr;justify-items:center}.join-strip-inner{flex-direction:column;padding:1rem 0}.visual-grid{min-height:24rem}.photo-card,.visual-main,.visual-side{position:relative!important;inset:auto!important;width:100%!important}.app-topbar,.dashboard-hero,.live-session-item{flex-direction:column;align-items:stretch}}@media (max-width:600px){.game-choices{grid-template-columns:1fr}.game-choice{min-height:4rem}}.game-brand{color:white}.game-choice:first-child{animation-delay:0s}.game-choice:nth-child(2){animation-delay:.08s}.game-choice:nth-child(3){animation-delay:.16s}.game-choice:nth-child(4){animation-delay:.24s}.lobby-body{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center}.lobby-pulse{width:80px;height:80px;border-radius:50%;background:rgba(139,92,246,.18);border:2px solid rgba(139,92,246,.4);animation:pulse-scale 2s ease-in-out infinite;margin-bottom:.5rem}.lobby-title{margin:0;font-size:clamp(1.5rem,5vw,2.5rem);font-family:Space Grotesk,Inter,sans-serif;font-weight:700;animation:fade-up .5s ease both}.lobby-subtitle{color:rgba(255,255,255,.55);margin:0;animation:fade-up .5s ease .1s both}.lobby-you{font-size:.9rem;color:rgba(255,255,255,.45);margin:0}.lobby-names{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;max-width:480px;margin-top:.5rem}.lobby-name-pill{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:.3rem .9rem;font-size:.85rem;animation:pop-in .22s var(--ease-spring) both}.result-choices{pointer-events:none}.result-choice{cursor:default!important}.result-choice:first-child{animation-delay:0s}.result-choice:nth-child(2){animation-delay:.06s}.result-choice:nth-child(3){animation-delay:.12s}.result-choice:nth-child(4){animation-delay:.18s}.result-correct{background:linear-gradient(135deg,#15803d,#16a34a)!important;box-shadow:0 0 30px rgba(34,197,94,.4),0 0 60px rgba(34,197,94,.15)!important;animation:pop-in .35s var(--ease-spring) both!important}.result-wrong{background:rgba(255,255,255,.06)!important;opacity:.45}.result-shake{animation:shake .4s ease both!important}@keyframes shake{0%{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(7px)}60%{transform:translateX(-5px)}80%{transform:translateX(3px)}to{transform:translateX(0)}}.result-wordcloud-wrap{flex:1 1;display:flex;align-items:center;justify-content:center;padding:1rem}.result-score-wrap{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1.5rem 0 2rem;animation:fade-up .4s ease .3s both}.result-correct-label{font-size:1.5rem;font-weight:700;color:#4ade80}.result-wrong-label{font-size:1.5rem;font-weight:700;color:rgba(255,255,255,.45)}.lb-body{flex:1 1;display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem 2rem;width:100%;max-width:480px;margin:0 auto}.lb-title{margin:0 0 1rem;font-family:Space Grotesk,Inter,sans-serif;font-size:1.4rem;font-weight:700}.lb-list{display:grid;grid-gap:.5rem;gap:.5rem;width:100%}.lb-row{display:flex;align-items:center;gap:.75rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:.75rem 1rem;animation:fade-up .35s ease both}.lb-row:first-child{animation-delay:0s}.lb-row:nth-child(2){animation-delay:.05s}.lb-row:nth-child(3){animation-delay:.1s}.lb-row:nth-child(4){animation-delay:.15s}.lb-row:nth-child(5){animation-delay:.2s}.lb-row:nth-child(6){animation-delay:.25s}.lb-row:nth-child(7){animation-delay:.3s}.lb-row:nth-child(8){animation-delay:.35s}.lb-row:nth-child(9){animation-delay:.4s}.lb-row:nth-child(10){animation-delay:.45s}.lb-row-me{background:rgba(139,92,246,.15);border-color:rgba(139,92,246,.4)}.lb-row-outside{margin-top:.5rem;border-style:dashed}.lb-rank{font-size:1.1rem;width:2rem;text-align:center;flex-shrink:0}.lb-name{flex:1 1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-score{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#a78bfa}.lb-waiting{margin-top:1.5rem;font-size:.85rem;color:rgba(255,255,255,.35);animation:pulse-scale 2s ease-in-out infinite}.winner-card{text-align:center;max-width:28rem;width:100%}.winner-trophy{font-size:4rem;line-height:1;margin-bottom:.75rem;animation:score-pop .6s var(--ease-spring) both}.winner-board{display:grid;grid-gap:.5rem;gap:.5rem;margin-top:1.5rem}.winner-entry{display:flex;align-items:center;gap:.75rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:.75rem 1rem;animation:fade-up .4s ease both}.winner-rank{font-size:1.25rem;width:2rem;text-align:center;flex-shrink:0}.winner-name{flex:1 1;font-weight:600;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.winner-score{font-weight:700;color:#a78bfa;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.winner-myrank{margin-top:1rem;font-size:.9rem;color:rgba(255,255,255,.45)}.game-scale-wrap{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem 2rem 2rem;width:100%;max-width:420px;margin:0 auto}.game-scale-value{font-size:4rem;font-weight:800;font-family:Space Grotesk,Inter,sans-serif;background:linear-gradient(135deg,#a78bfa,#f0abfc);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}.game-scale-slider{width:100%;accent-color:#8b5cf6;height:6px;cursor:pointer}.game-scale-labels{display:flex;justify-content:space-between;width:100%;font-size:.85rem;color:rgba(255,255,255,.45)}.game-text-input-wrap{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem 2rem 2rem;width:100%;max-width:480px;margin:0 auto}.game-text-input,.game-textarea{width:100%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:.75rem;padding:.85rem 1rem;font:inherit;font-size:1.1rem;color:white;outline:none;transition:border-color .2s ease;resize:none}.game-text-input:focus,.game-textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.25)}.game-text-input::placeholder,.game-textarea::placeholder{color:rgba(255,255,255,.3)}.wc-container{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center;justify-content:center;padding:1.5rem;max-width:600px}.wc-word{font-family:Space Grotesk,Inter,sans-serif;font-weight:600;line-height:1.2;animation:fade-up .35s ease both;transition:transform .2s ease}.wc-word:hover{transform:scale(1.05)}.wc-empty{text-align:center}.emoji-overlay{position:fixed;inset:0;pointer-events:none;z-index:50}.emoji-float{position:absolute;bottom:60px;font-size:2.5rem;animation:emoji-rise var(--dur,2.5s) ease-out both;-webkit-user-select:none;-moz-user-select:none;user-select:none}.confetti-root{position:fixed;inset:0;pointer-events:none;z-index:100;overflow:hidden}.confetti-piece{position:absolute;top:-20px;border-radius:2px;animation:confetti-fall var(--dur,3s) ease-in both}.game-question-wrap{padding:1rem 1.5rem .5rem;text-align:center}.game-question{margin:0;font-size:clamp(1.1rem,3.5vw,1.75rem);font-family:Space Grotesk,Inter,sans-serif;font-weight:700;line-height:1.3;animation:fade-up .3s ease both}.builder-shell{display:flex;flex-direction:column;height:calc(100vh - 64px);min-height:0}.builder-header{justify-content:space-between;padding:.85rem 1.25rem;margin-bottom:.75rem;flex-shrink:0}.builder-header,.builder-header-left{display:flex;align-items:center;gap:1rem}.builder-header-left{min-width:0}.builder-header-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.builder-title-input{font:inherit;font-size:1.05rem;font-weight:700;border:none;background:transparent;outline:none;color:var(--text);min-width:0;max-width:280px;padding:.25rem .5rem;border-radius:.5rem;transition:background .15s ease}.builder-title-input:focus,.builder-title-input:hover{background:rgba(91,103,232,.06)}.builder-mode-toggle{display:flex;gap:.25rem;background:rgba(0,0,0,.05);border-radius:.7rem;padding:.2rem}.mode-btn{padding:.35rem .85rem;border-radius:.5rem;border:none;background:transparent;font:inherit;font-size:.85rem;font-weight:600;color:var(--muted);cursor:pointer;transition:background .15s ease,color .15s ease}.mode-btn.active{background:#fff;color:var(--violet);box-shadow:0 1px 4px rgba(0,0,0,.12)}.builder-error{font-size:.82rem;color:#ef4444;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.save-indicator{font-size:.82rem;font-weight:500;min-width:60px;text-align:right}.save-idle{color:transparent}.save-saving{color:var(--muted)}.save-saved{color:#22c55e}.save-error{color:#ef4444}.builder-body{display:grid;grid-template-columns:220px minmax(0,1fr);grid-gap:.75rem;gap:.75rem;flex:1 1;min-height:0;overflow:hidden}.builder-slides-panel{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;background:rgba(255,255,255,.6);border-radius:1.1rem;padding:.75rem;border:1px solid var(--border)}.builder-slides-list{display:grid;grid-gap:.4rem;gap:.4rem}.slide-thumb{display:grid;grid-template-columns:24px 1fr;grid-template-rows:auto auto;grid-gap:0 .5rem;gap:0 .5rem;align-items:center;padding:.6rem .7rem;border-radius:.75rem;border:1px solid transparent;background:transparent;text-align:left;cursor:pointer;font:inherit;color:var(--text);transition:background .15s ease,border-color .15s ease;position:relative}.slide-thumb:hover{background:rgba(91,103,232,.06)}.slide-thumb.active{background:rgba(91,103,232,.1);border-color:rgba(91,103,232,.25)}.slide-thumb-num{grid-row:1/3;font-size:.75rem;font-weight:700;color:var(--muted);width:24px;text-align:center}.slide-thumb-label{font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slide-thumb-type{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.slide-thumb-del{position:absolute;top:.35rem;right:.4rem;width:18px;height:18px;border-radius:50%;border:none;background:rgba(239,68,68,.12);color:#ef4444;font-size:.85rem;line-height:1;display:none;align-items:center;justify-content:center;cursor:pointer;padding:0}.slide-thumb:hover .slide-thumb-del{display:flex}.builder-add-label{margin:.75rem 0 .4rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.builder-add-types{flex-shrink:0}.add-type-btn{display:block;width:100%;text-align:left;padding:.45rem .7rem;border-radius:.6rem;border:1px solid var(--border);background:#fff;font:inherit;font-size:.8rem;font-weight:500;color:var(--text);cursor:pointer;margin-bottom:.3rem;transition:background .12s ease,border-color .12s ease}.add-type-btn:hover{background:rgba(91,103,232,.07);border-color:rgba(91,103,232,.3)}.builder-editor{overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.builder-editor-card{padding:1.5rem;display:grid;grid-gap:1.25rem;gap:1.25rem}.editor-type-row{display:flex;flex-wrap:wrap;gap:.4rem}.qtype-btn{padding:.35rem .8rem;border-radius:999px;border:1px solid var(--border);background:transparent;font:inherit;font-size:.8rem;font-weight:500;color:var(--muted);cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.qtype-btn:hover{border-color:var(--violet);color:var(--violet)}.qtype-btn.active{background:var(--violet);border-color:var(--violet);color:#fff}.editor-question-input{width:100%;font:inherit;font-size:1.25rem;font-weight:600;line-height:1.45;border:1px solid var(--border);border-radius:.85rem;padding:.85rem 1rem;background:rgba(245,245,245,.6);color:var(--text);resize:none;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.editor-question-input:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(91,103,232,.12)}.editor-options{display:grid;grid-gap:.5rem;gap:.5rem}.option-row{display:flex;align-items:center;gap:.5rem}.option-correct-btn{width:28px;height:28px;border-radius:50%;border:2px solid var(--border);background:transparent;color:var(--muted);font-size:.85rem;font-weight:700;cursor:pointer;flex-shrink:0;transition:background .15s ease,border-color .15s ease,color .15s ease}.option-correct-btn.active{background:#22c55e;border-color:#22c55e;color:#fff}.option-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.option-input{flex:1 1;font:inherit;font-size:.95rem;border:1px solid var(--border);border-radius:.6rem;padding:.55rem .8rem;background:#fff;color:var(--text);outline:none;transition:border-color .15s ease}.option-input:focus{border-color:var(--violet)}.option-input:disabled{background:rgba(0,0,0,.03);color:var(--muted)}.option-del-btn{width:26px;height:26px;border-radius:50%;border:none;background:rgba(239,68,68,.1);color:#ef4444;font-size:1rem;cursor:pointer;flex-shrink:0;line-height:1}.add-option-btn{align-self:start;padding:.45rem 1rem;border-radius:999px;border:1px dashed var(--border);background:transparent;font:inherit;font-size:.85rem;color:var(--muted);cursor:pointer;transition:border-color .15s ease,color .15s ease}.add-option-btn:hover{border-color:var(--violet);color:var(--violet)}.editor-scale-row{display:flex;gap:1.5rem}.editor-scale-label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;font-weight:600;color:var(--muted)}.scale-num-input{width:80px;font:inherit;font-size:1rem;border:1px solid var(--border);border-radius:.6rem;padding:.45rem .65rem;outline:none}.scale-num-input:focus{border-color:var(--violet)}.editor-settings-row{display:flex;gap:2rem;flex-wrap:wrap;padding-top:.5rem;border-top:1px solid var(--border)}.editor-setting-label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;font-weight:600;color:var(--muted)}.setting-input{width:100px;font:inherit;font-size:1rem;border:1px solid var(--border);border-radius:.6rem;padding:.45rem .65rem;outline:none}.setting-input:focus{border-color:var(--violet)}.builder-preview-hint{text-align:center;font-size:.82rem}@media (max-width:860px){.builder-body{grid-template-columns:1fr;overflow:auto}.builder-slides-panel{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;border-radius:.85rem;max-height:160px}.builder-slides-list{grid-auto-flow:column;grid-template-rows:1fr}.app-shell-v2{grid-template-columns:1fr}.sidebar-v2{position:static;height:auto;flex-direction:row;flex-wrap:wrap;padding:.75rem 1rem}.sidebar-nav{flex-direction:row;flex:auto}.sidebar-footer{border-top:none;flex-direction:row;padding-top:0}}