:root{--ink: #1b1230;--violet: #6c4cf1;--violet-d: #4b31c0;--coral: #ff5a5f;--teal: #12bfa6;--amber: #ffc93c;--pink: #f45d9e;--blue: #3d7bf4;--paper: #fff7ee;--card: #ffffff;--font-display: "Bricolage Grotesque", sans-serif;--font-body: "Space Grotesk", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);color:var(--ink);background:var(--paper);background-image:radial-gradient(circle at 15% 12%,rgba(108,76,241,.16),transparent 42%),radial-gradient(circle at 85% 8%,rgba(255,90,95,.14),transparent 40%),radial-gradient(circle at 75% 88%,rgba(18,191,166,.16),transparent 45%),radial-gradient(circle at 25% 92%,rgba(255,201,60,.18),transparent 42%);min-height:100vh;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;line-height:.98}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn{font-family:var(--font-body);font-weight:700;font-size:16px;border:3px solid var(--ink);border-radius:14px;padding:10px 20px;cursor:pointer;background:var(--card);color:var(--ink);box-shadow:4px 4px #1b123033;transition:transform .12s,box-shadow .12s;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn:hover{transform:translate(-1px,-1px);box-shadow:6px 6px #1b123038}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px #1b123038}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--violet);color:#fff;box-shadow:4px 4px 0 var(--amber)}.btn-primary:hover{box-shadow:6px 6px 0 var(--amber)}.btn-danger{background:var(--coral);color:#fff}.btn-sm{font-size:13px;padding:5px 12px;border-width:2px;border-radius:10px;box-shadow:3px 3px #1b12302e}.btn-ghost{background:transparent;border-color:transparent;box-shadow:none}.btn-ghost:hover{border-color:var(--ink);box-shadow:none;transform:none}.card{background:var(--card);border:3px solid var(--ink);border-radius:20px;padding:22px;box-shadow:8px 8px #1b12301f}.input,.textarea,.select{font-family:var(--font-body);font-size:16px;border:3px solid var(--ink);border-radius:12px;padding:10px 14px;background:#fff;color:var(--ink);width:100%}.input:focus,.textarea:focus,.select:focus{outline:none;box-shadow:3px 3px 0 var(--teal)}.textarea{resize:vertical;min-height:84px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field>label{font-weight:700;font-size:14px;color:var(--violet-d)}.field .hint{font-size:13px;color:#4b4160}.badge{display:inline-flex;align-items:center;font-family:var(--font-display);font-weight:600;font-size:12px;letter-spacing:.04em;text-transform:uppercase;border:2px solid var(--ink);border-radius:999px;padding:3px 10px;color:var(--ink)}.badge-quiz{background:var(--coral);color:#fff}.badge-wordcloud{background:var(--teal);color:#fff}.badge-poll{background:var(--amber);color:#5a3d00}.badge-open{background:var(--violet);color:#fff}.badge-leaderboard{background:var(--ink);color:#fff}.badge-scale{background:#3d7bf4;color:#fff}.badge-ranking{background:#f45d9e;color:#fff}.badge-matching{background:#12805e;color:#fff}.badge-estimate{background:#e2711d;color:#fff}.error-box{background:#fff0f0;border:2px solid var(--coral);border-radius:12px;padding:10px 14px;color:#a41217;font-weight:600;font-size:14px;margin-bottom:16px}.wordmark{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:24px;color:var(--ink);text-decoration:none}.wordmark .m{width:26px;height:26px;border-radius:8px;background:var(--coral);transform:rotate(8deg);box-shadow:3px 3px 0 var(--violet)}.appbar{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1080px;margin:0 auto;padding:22px 20px}.appbar .who{font-weight:600;color:#4b4160;display:flex;align-items:center;gap:14px}.legal-body h2{font-size:20px;margin:22px 0 8px}.legal-body p,.legal-body li{font-size:15px;color:#3a3350;line-height:1.55;margin-bottom:8px}.legal-body ul{padding-left:22px;margin-bottom:10px}.review-note{background:#fff7da;border:2px solid var(--amber);border-radius:12px;padding:10px 14px;font-weight:600;font-size:14px!important}.btn:focus-visible,.input:focus-visible,.textarea:focus-visible,.select:focus-visible,.pbtn:focus-visible,a:focus-visible{outline:3px solid var(--violet-d);outline-offset:2px}.stage{position:relative;border-radius:26px;overflow:hidden;background:linear-gradient(160deg,#fffdf9,#fff2e4);border:3px solid var(--ink);box-shadow:14px 14px #1b123024;min-height:calc(100vh - 120px);display:flex;flex-direction:column}.brandmark{position:absolute;top:22px;right:26px;font-family:var(--font-display);font-weight:800;font-size:20px;display:flex;align-items:center;gap:9px;z-index:5}.brandmark .m{width:26px;height:26px;border-radius:8px;background:var(--coral);transform:rotate(8deg);box-shadow:3px 3px 0 var(--violet)}.blob{position:absolute;border-radius:46% 54% 62% 38%/48% 42% 58% 52%;filter:blur(1px);opacity:.5;z-index:0;animation:blob-float 9s ease-in-out infinite;pointer-events:none}.blob.b1{width:150px;height:150px;background:var(--teal);left:-40px;top:120px}.blob.b2{width:110px;height:110px;background:var(--amber);right:8%;bottom:-30px;animation-delay:-3s}.blob.b3{width:90px;height:90px;background:var(--coral);left:20%;bottom:40px;animation-delay:-5s}@keyframes blob-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-22px) rotate(12deg)}}.lobby-counter{position:absolute;top:22px;left:26px;z-index:5;background:var(--violet);color:#fff;font-weight:700;padding:9px 18px;border-radius:999px;font-size:15px;display:flex;gap:8px;align-items:center}.lobby-counter .n{font-family:var(--font-display);font-weight:800}.lobby-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:72px 46px 140px;align-items:center;flex:1}.kicker{display:inline-block;background:var(--amber);color:#5a3d00;font-weight:700;font-size:14px;padding:7px 16px;border-radius:999px;margin-bottom:18px;transform:rotate(-2deg)}.lobby-grid h1{font-size:clamp(40px,6vw,74px);margin-bottom:20px}.hl-teal{background:linear-gradient(transparent 62%,var(--teal) 62%);padding:0 4px}.lobby-step{font-size:18px;color:#4b4160;margin-bottom:6px}.lobby-url{font-weight:700;font-size:24px}.lobby-pin{font-family:var(--font-display);font-weight:800;font-size:clamp(46px,8vw,88px);letter-spacing:.06em;color:var(--violet-d);line-height:1;margin:6px 0 4px}.qrcard{justify-self:center;background:var(--card);border:3px solid var(--ink);border-radius:22px;padding:clamp(14px,1.4vw,22px);box-shadow:8px 8px 0 var(--violet);text-align:center;transform:rotate(2deg)}.qrcard img{width:clamp(240px,26vw,500px);height:auto;aspect-ratio:1;display:block}.qrcard .cap{margin-top:12px;font-weight:700;color:#4b4160}.player-chips{position:absolute;left:46px;bottom:76px;right:46px;z-index:3;display:flex;flex-wrap:wrap;gap:10px}.chip{background:#fff;border:2px solid var(--ink);border-radius:999px;padding:7px 15px 7px 8px;font-weight:600;font-size:15px;display:flex;align-items:center;gap:8px;box-shadow:3px 3px #1b123026;animation:chip-pop .5s cubic-bezier(.2,1.4,.4,1) both}.chip.gone{opacity:.4}.chip .av{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:14px;background:var(--paper);border:1px solid rgba(27,18,48,.2)}@keyframes chip-pop{0%{transform:scale(0) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.qwrap{position:relative;z-index:2;padding:44px 46px 96px;flex:1;display:flex;flex-direction:column}.qtop{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.qmeta{font-weight:700;color:var(--violet-d);font-size:16px;letter-spacing:.04em;text-transform:uppercase}.qwrap h2{font-size:clamp(30px,4.4vw,50px);max-width:78%;margin:6px 0 26px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:auto}.ans{border:3px solid var(--ink);border-radius:18px;padding:20px 22px;font-weight:700;font-size:22px;display:flex;align-items:center;gap:16px;color:#fff;position:relative;box-shadow:6px 6px #1b123038;transition:opacity .3s,transform .3s}.ans .sh{width:38px;height:38px;flex:none;display:grid;place-items:center;background:#ffffff38;border-radius:10px;font-size:20px}.a1{background:var(--coral)}.a2{background:var(--teal)}.a3{background:var(--amber);color:#5a3d00}.a3 .sh{background:#5a3d0026}.a4{background:var(--violet)}.a5{background:var(--pink)}.a6{background:var(--blue)}.ans.dim{opacity:.32;transform:scale(.98)}.ans.correct{outline:5px solid var(--ink);outline-offset:3px}.ans .dist{margin-left:auto;font-family:var(--font-display);font-weight:800;font-size:26px;background:#ffffff47;border-radius:10px;padding:2px 12px}.a3 .dist{background:#5a3d001f}.qfoot{display:flex;align-items:center;gap:12px;margin-top:20px;font-weight:600;color:#4b4160}.live-pill{display:flex;align-items:center;gap:7px;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:6px 14px;white-space:nowrap}.live-pill .p{width:10px;height:10px;border-radius:50%;background:var(--coral);animation:pulse 1.1s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}.progressbar{flex:1;height:12px;border-radius:999px;background:#1b12301a;overflow:hidden}.progressbar i{display:block;height:100%;background:var(--violet);border-radius:999px;transition:width .4s ease}.timer{width:96px;height:96px;flex:none;position:relative}.timer svg{transform:rotate(-90deg)}.timer .t{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:34px}.ring-track{stroke:#1b12301f}.ring-fill{stroke:var(--coral);stroke-linecap:round}.pollboard{display:flex;flex-direction:column;gap:18px;margin-top:auto}.pollrow{display:flex;align-items:center;gap:16px}.pollrow .lbl{width:26%;font-weight:700;font-size:20px;text-align:right}.pollrow .bar{flex:1;height:46px;border:3px solid var(--ink);border-radius:14px;background:#fff;overflow:hidden;position:relative}.pollrow .bar i{display:block;height:100%;border-radius:8px 0 0 8px;transition:width .6s cubic-bezier(.2,.9,.3,1)}.pollrow .val{min-width:90px;font-family:var(--font-display);font-weight:800;font-size:24px}.estboard{display:flex;flex-direction:column;gap:22px;margin-top:auto}.estline{position:relative;height:150px}.estline .axis{position:absolute;left:0;right:0;top:100px;height:4px;background:var(--ink);border-radius:999px}.estline .marker{position:absolute;top:26px;bottom:22px;width:4px;background:var(--coral);transform:translate(-50%);z-index:1}.estline .marker .flag{position:absolute;top:-38px;left:50%;transform:translate(-50%);z-index:4;white-space:nowrap;background:var(--coral);color:#fff;border:3px solid var(--ink);border-radius:999px;padding:4px 14px;font-family:var(--font-display);font-weight:800;font-size:22px}.estline .dot{position:absolute;width:30px;height:30px;margin-left:-15px;border-radius:50%;background:#fff;border:3px solid var(--ink);display:grid;place-items:center;font-size:15px;animation:dot-in .5s cubic-bezier(.2,1.4,.4,1) both}.estline .dot.lane0{top:86px}.estline .dot.lane1{top:54px}.estline .dot.lane2{top:118px}.estline .dot.win{background:var(--amber);box-shadow:0 0 0 5px #ffc93c59;z-index:3}@keyframes dot-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.estscale{display:flex;justify-content:space-between;color:#4b4160;font-weight:600}.cloud{flex:1;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:14px 22px;padding:20px 0}.cloud .w{font-family:var(--font-display);font-weight:800;line-height:1;animation:word-in .45s cubic-bezier(.2,1.3,.4,1) both;transition:font-size .4s ease}@keyframes word-in{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}.cardsboard{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;align-content:start;margin-top:10px;overflow-y:auto}.cardsboard .rc{background:#fff;border:3px solid var(--ink);border-radius:16px;padding:16px 18px;font-weight:600;font-size:17px;box-shadow:5px 5px #1b123029;animation:chip-pop .5s cubic-bezier(.2,1.4,.4,1) both;overflow-wrap:anywhere}.lb{position:relative;z-index:2;padding:44px 46px 96px;flex:1;display:flex;flex-direction:column}.lb h2{font-size:clamp(34px,5vw,58px);margin-bottom:26px}.lb-rows{display:flex;flex-direction:column;gap:12px;max-width:760px}.lb-row{display:flex;align-items:center;gap:14px;background:#fff;border:3px solid var(--ink);border-radius:16px;padding:10px 18px;box-shadow:5px 5px #1b123024;animation:lb-in .5s cubic-bezier(.2,1.2,.4,1) both}.lb-row:nth-child(1){border-color:var(--amber);box-shadow:5px 5px 0 var(--amber);transform-origin:left center}.lb-row .medal{font-size:22px}.ended-hero{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:44px}.ended-hero h1{font-size:clamp(48px,7vw,92px);margin:16px 0 12px}.ended-hero p{font-size:22px;color:#4b4160;font-weight:600}.lb-row .rk{font-family:var(--font-display);font-weight:800;font-size:26px;min-width:40px}.lb-row .av{font-size:24px}.lb-row .nm{font-weight:700;font-size:20px;flex:1}.lb-row .sc{font-family:var(--font-display);font-weight:800;font-size:24px;color:var(--violet-d)}@keyframes lb-in{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}.hostbar{position:fixed;left:50%;bottom:14px;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:10px;background:#1b1230eb;color:#fff;border-radius:999px;padding:8px 14px;box-shadow:0 8px 24px #1b123059;font-size:14px}.hostbar .cnt{font-weight:700;display:flex;gap:6px;align-items:center;padding:0 6px}.hostbar button{font-family:var(--font-body);font-weight:700;font-size:14px;border:2px solid #fff;background:transparent;color:#fff;border-radius:999px;padding:7px 16px;cursor:pointer}.hostbar button:hover{background:#ffffff26}.hostbar button.primary{background:var(--violet);border-color:var(--violet)}.hostbar button.danger{border-color:var(--coral);color:var(--coral)}.phone-screen{max-width:480px;margin:0 auto;min-height:100vh;padding:26px 18px 32px;display:flex;flex-direction:column}.phone-screen .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.you-chip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:6px 14px 6px 8px;font-weight:700;box-shadow:3px 3px #1b123026}.you-chip .av{font-size:18px}.score-pill{background:var(--violet);color:#fff;border-radius:999px;padding:6px 14px;font-weight:700}.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:auto}.pbtn{aspect-ratio:1;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;font-size:30px;border:3px solid var(--ink);box-shadow:5px 5px #1b123033;cursor:pointer;font-family:var(--font-body);font-weight:700;padding:10px;transition:transform .1s}.pbtn .txt{font-size:15px;line-height:1.2;text-align:center;overflow-wrap:anywhere}.pbtn:active{transform:translate(3px,3px);box-shadow:1px 1px #1b123033}.pbtn.selected{outline:4px solid var(--ink);outline-offset:2px}.pbtn:disabled{opacity:.5}.big-emoji{font-size:64px;text-align:center;margin-bottom:8px}.pstatus{text-align:center;margin:auto 0}.pstatus h2{font-size:30px;margin-bottom:10px}.pstatus p{color:#4b4160;font-size:17px}.pstatus .big-emoji{animation:bounce-in .6s cubic-bezier(.2,1.4,.4,1) both}@keyframes bounce-in{0%{transform:scale(.2) rotate(-12deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.pulse-soft{animation:pulse-soft 2s ease-in-out infinite}@keyframes pulse-soft{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.points-pop{font-family:var(--font-display);font-weight:800;font-size:34px;color:var(--teal);animation:bounce-in .5s cubic-bezier(.2,1.5,.4,1) both .15s}.result-good{color:var(--teal)}.result-bad{color:var(--coral)}.countdown-mini{text-align:center;font-family:var(--font-display);font-weight:800;font-size:30px;margin-bottom:8px}.join-hero{position:relative;min-height:100vh;min-height:100dvh;width:100%;overflow:hidden;display:flex;flex-direction:column;align-items:center}.join-hero .backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.join-hero .backdrop .blob{opacity:.55}.join-hero .backdrop .jb1{width:min(34vw,380px);height:min(34vw,380px);background:var(--teal);left:-6vw;top:-4vh}.join-hero .backdrop .jb2{width:min(26vw,300px);height:min(26vw,300px);background:var(--amber);right:-5vw;top:12vh;animation-delay:-2.5s}.join-hero .backdrop .jb3{width:min(30vw,340px);height:min(30vw,340px);background:var(--coral);left:4vw;bottom:-8vh;animation-delay:-4.5s}.join-hero .backdrop .jb4{width:min(22vw,260px);height:min(22vw,260px);background:var(--violet);right:8vw;bottom:4vh;animation-delay:-6.5s}.join-content{position:relative;z-index:1;width:100%;max-width:480px;padding:26px 18px 12px;display:flex;flex-direction:column;flex:1}@media(min-width:761px){.join-content .join-card{background:var(--card);border:3px solid var(--ink);border-radius:24px;box-shadow:10px 10px #1b123029;padding:30px 30px 24px}}.waiting-pulse{font-size:54px;line-height:1;margin-bottom:12px;animation:waiting-breathe 2.2s ease-in-out infinite}@keyframes waiting-breathe{0%,to{transform:scale(1);opacity:.75}50%{transform:scale(1.12);opacity:1}}@media(prefers-reduced-motion:reduce){.waiting-pulse{animation:none}}.lobby-code{margin-top:12px;font-size:15px;font-weight:700;color:#4b4160}.lobby-code b{font-size:20px;letter-spacing:.08em;color:var(--violet-d)}.hidden-board{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.hidden-board .eye{font-size:72px;animation:pulse-soft 2s ease-in-out infinite}.hidden-board .cnt{font-family:var(--font-display);font-weight:800;font-size:clamp(40px,6vw,72px);color:var(--violet-d)}.hidden-board p{color:#4b4160;font-weight:600;font-size:18px}.rc .reactions{display:flex;gap:8px;margin-top:10px}.rc .reactions span{font-size:14px;font-weight:700;background:var(--paper);border:2px solid rgba(27,18,48,.25);border-radius:999px;padding:2px 9px}.react-card{background:#fff;border:2px solid var(--ink);border-radius:14px;padding:12px 14px;margin-bottom:10px;font-weight:600;font-size:15px;box-shadow:3px 3px #1b12301f;overflow-wrap:anywhere}.react-card .rbtns{display:flex;gap:8px;margin-top:8px}.react-card .rbtns button{font-family:var(--font-body);font-size:14px;font-weight:700;border:2px solid rgba(27,18,48,.3);background:var(--paper);border-radius:999px;padding:4px 12px;cursor:pointer;transition:transform .1s}.react-card .rbtns button:active{transform:scale(1.2)}.react-card .rbtns button.on{border-color:var(--ink);background:var(--amber)}.podium-wrap{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;padding:36px 46px 96px}.podium-wrap h2{font-size:clamp(34px,5vw,58px);margin-bottom:10px;text-align:center}.podium{display:flex;align-items:flex-end;justify-content:center;gap:22px;margin:26px 0 20px}.pod{display:flex;flex-direction:column;align-items:center;width:min(200px,26vw)}.pod .pav{font-size:52px;animation:pod-bounce 1.6s ease-in-out infinite}.pod .pname{font-family:var(--font-display);font-weight:800;font-size:20px;margin:4px 0 2px;text-align:center;overflow-wrap:anywhere}.pod .pscore{font-weight:700;color:var(--violet-d);margin-bottom:10px}.pod .col{width:100%;border:3px solid var(--ink);border-radius:16px 16px 0 0;box-shadow:6px 0 #1b12302e;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:40px;color:#fff;transform-origin:bottom;animation:pod-rise .9s cubic-bezier(.2,1.2,.35,1) both}.pod.p1 .col{height:190px;background:var(--amber);color:#5a3d00;animation-delay:.55s}.pod.p2 .col{height:135px;background:var(--teal);animation-delay:.25s}.pod.p3 .col{height:95px;background:var(--coral);animation-delay:.05s}.pod .pav{animation-delay:inherit}@keyframes pod-rise{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes pod-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.flash-badge{display:inline-block;margin-left:6px;animation:pulse-soft 1.4s ease-in-out infinite}.podium-rest{max-width:620px;margin:0 auto;width:100%}.podium-rest .lb-row{padding:6px 16px}.podium-rest .lb-row .nm{font-size:17px}.podium-rest .lb-row .rk{font-size:20px;min-width:34px}.confetti-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.confetti{position:absolute;top:-20px;width:10px;height:16px;border-radius:3px;opacity:.9;animation:confetti-fall linear infinite}@keyframes confetti-fall{0%{transform:translateY(-5vh) rotate(0) rotateY(0)}to{transform:translateY(110vh) rotate(720deg) rotateY(540deg)}}@media(max-width:760px){.lobby-grid{grid-template-columns:1fr;padding:64px 24px 140px}.qrcard img{width:min(320px,72vw)}.answers{grid-template-columns:1fr}.qwrap h2{max-width:100%}.pollrow .lbl{width:34%;font-size:16px}.podium{gap:10px}.pod .pav{font-size:38px}.estline{height:118px}.estline .axis{top:76px}.estline .dot.lane0{top:64px}.estline .dot.lane1{top:38px}.estline .dot.lane2{top:90px}.estline .marker .flag{font-size:17px;padding:3px 10px}}