@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=Cormorant+Garamond:ital@1&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--stage-1:#2a1145;--stage-2:#4c1d63;--stage-edge:#190a2e;--spot:#ffd9b8;--punch:#ff3d7f;--zap:#8b5cff;--gold:#ffc83a;--good:#16c784;--bad:#ff4d5e;--surface:#fffdf9;--surface-2:#f6f1fb;--ink:#22113a;--sub:#7a6e90;--line:#ece4f4;--a0:#ff5a5f;--a1:#3d7bff;--a2:#ffab1d;--a3:#16c784;--a4:#9b5cff;--a5:#ff5aa0;--display:"Bricolage Grotesque",sans-serif;--ui:"Plus Jakarta Sans",sans-serif;--r-lg:22px;--r-md:15px;--r-sm:11px;--shadow:0 18px 40px -12px rgba(15,4,30,.55);--shadow-sm:0 6px 18px -6px rgba(15,4,30,.4)}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--ui);color:var(--ink);-webkit-font-smoothing:antialiased}.bg{position:relative;min-height:100dvh;overflow:hidden;background:radial-gradient(120% 80% at 50% -10%,var(--stage-2) 0%,var(--stage-1) 45%,var(--stage-edge) 100%);display:flex;justify-content:center;padding:clamp(10px,2vh,20px) 16px clamp(16px,3.5vh,40px)}.bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(60% 42% at 50% -2%,#ffd9b847,#ffd9b800 70%)}.bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background-image:radial-gradient(2px 2px at 12% 22%,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 82% 12%,rgba(255,200,58,.5),transparent),radial-gradient(2px 2px at 68% 40%,rgba(255,61,127,.5),transparent),radial-gradient(2px 2px at 28% 64%,rgba(139,92,255,.5),transparent),radial-gradient(2px 2px at 90% 72%,rgba(255,255,255,.4),transparent)}.wrap{position:relative;z-index:1;width:100%;max-width:460px;animation:rise .5s cubic-bezier(.2,.8,.2,1) both}.wrap.wide{max-width:min(1000px,96vw)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.hero{text-align:center;color:#fff;padding:30px 0 12px}.logo{font-family:var(--display);font-weight:800;font-size:46px;line-height:.95;letter-spacing:-.02em}.logo span{display:block;color:var(--gold)}.logo.small{font-size:26px;color:var(--ink)}.logo.small span{display:inline;color:var(--punch)}.tag{font-weight:600;color:#e7d8f6;opacity:.85;margin-top:10px}.card{position:relative;background:var(--surface);border-radius:var(--r-lg);padding:22px;margin:14px 0;box-shadow:var(--shadow);color:var(--ink)}.card:before{content:"";position:absolute;left:16px;right:16px;top:0;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent)}.card.center,.center{text-align:center}.muted{color:var(--sub)}.small{font-size:13px}.mt{margin-top:10px}.mb{margin-bottom:10px}.lbl{font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--zap);margin-bottom:12px}.row{display:flex;align-items:center;gap:10px}.row.spread{justify-content:space-between}.err{color:var(--bad);font-weight:700;margin-top:10px;text-align:center}.inp{width:100%;padding:14px 16px;border:2px solid var(--line);border-radius:var(--r-md);font-size:16px;font-family:var(--ui);font-weight:500;margin-bottom:11px;outline:none;background:var(--surface);transition:border-color .15s,box-shadow .15s}.inp:focus-visible{border-color:var(--zap);box-shadow:0 0 0 4px #8b5cff2e}.inp.code{text-align:center;letter-spacing:.55em;font-size:30px;font-weight:800;font-family:var(--display);padding-left:.55em}.inp.title{font-size:19px;font-weight:700;font-family:var(--display)}.inp.area{resize:vertical;line-height:1.4}.seln{margin-left:6px;padding:7px 9px;border-radius:9px;border:2px solid var(--line);font-family:var(--ui);font-weight:600}.btn{font-family:var(--display);font-weight:700;border:none;border-radius:var(--r-md);padding:14px 20px;font-size:16px;cursor:pointer;transition:transform .07s ease,filter .15s,box-shadow .15s}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.4;cursor:default}.btn.solid{background:linear-gradient(135deg,var(--punch),var(--zap));color:#fff;box-shadow:0 10px 22px -8px #ff3d7f99}.btn.solid:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 14px 26px -8px #ff3d7fb3}.btn.ghost{background:transparent;color:var(--zap);border:2px solid var(--line)}.btn.ghost:hover{border-color:var(--zap);background:var(--surface-2)}.btn.full{width:100%}.btn.sm{padding:9px 13px;font-size:14px;border-radius:10px}.btn.danger{color:var(--bad)}.btn:focus-visible{outline:3px solid var(--zap);outline-offset:2px}.bar{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.bar.center{justify-content:center}.linkbtn{background:none;border:none;color:var(--punch);font-weight:700;cursor:pointer;margin-left:8px;text-decoration:underline;font-size:13px;font-family:var(--ui)}.qr{background:#fff;padding:16px;border-radius:18px;display:inline-block;margin:8px 0 4px;box-shadow:var(--shadow-sm)}.bigcode{font-family:var(--display);font-weight:800;font-size:clamp(44px,9vh,72px);letter-spacing:.16em;line-height:1.05;margin:10px 0 4px;padding-left:.16em;background:linear-gradient(135deg,var(--punch),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 18px rgba(255,61,127,.35));animation:glow 3.2s ease-in-out infinite}@keyframes glow{0%,to{filter:drop-shadow(0 4px 16px rgba(255,61,127,.3))}50%{filter:drop-shadow(0 4px 26px rgba(255,200,58,.5))}}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips.center{justify-content:center}.chip{background:var(--surface-2);color:var(--zap);border-radius:999px;padding:7px 14px;font-weight:700;font-size:14px}.pill{background:linear-gradient(135deg,var(--punch),var(--zap));color:#fff;border-radius:999px;padding:6px 14px;font-weight:800;font-size:13px;font-family:var(--display);letter-spacing:.04em}.timer{position:relative;height:16px;background:var(--surface-2);border-radius:999px;overflow:hidden;margin:14px 0;box-shadow:inset 0 1px 3px #00000014}.timerbar{position:absolute;inset:0 auto 0 0;border-radius:999px;transition:width .1s linear,background-color .4s}.timer.low .timerbar{animation:pulse .7s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}.timernum{position:absolute;right:9px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:800;color:var(--ink);font-family:var(--display)}.qbig{font-family:var(--display);font-size:clamp(22px,4.2vh,36px);font-weight:700;line-height:1.15;letter-spacing:-.01em;margin:8px 0 clamp(10px,2vh,20px)}.qimgwrap{text-align:center;margin:4px 0 16px}.qimg{max-width:100%;max-height:38vh;border-radius:18px;box-shadow:var(--shadow)}.optgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.opt{padding:clamp(12px,2.2vh,20px);border-radius:16px;color:#fff;font-weight:800;font-size:19px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-sm);transition:transform .2s,opacity .25s,filter .25s}.opt.dim{opacity:.35;filter:grayscale(.5);transform:scale(.97)}.opt.right{transform:scale(1.03);box-shadow:0 0 0 4px #fff,0 0 0 9px var(--good),var(--shadow)}.optltr{background:#ffffff47;width:32px;height:32px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--display);flex:0 0 auto}.c0{background:linear-gradient(135deg,var(--a0),#ff8a5b)}.c1{background:linear-gradient(135deg,var(--a1),#4cc2ff)}.c2{background:linear-gradient(135deg,var(--a2),#ffd14d)}.c3{background:linear-gradient(135deg,var(--a3),#4be0a0)}.c4{background:linear-gradient(135deg,var(--a4),#c08bff)}.c5{background:linear-gradient(135deg,var(--a5),#ff8ac0)}.answers{display:grid;grid-template-columns:1fr 1fr;gap:13px}.abtn{border:none;border-radius:18px;padding:28px 14px;color:#fff;font-weight:800;font-size:19px;font-family:var(--display);cursor:pointer;display:flex;align-items:center;gap:12px;min-height:100px;box-shadow:var(--shadow-sm);transition:transform .08s}.abtn:active{transform:scale(.96)}.abtn:focus-visible{outline:3px solid #fff;outline-offset:3px}.big{font-family:var(--display);font-size:34px;font-weight:800}.big.good{color:var(--good)}.big.bad{color:var(--bad)}.good{color:var(--good)}.bad{color:var(--bad)}.ribbon{background:linear-gradient(135deg,var(--gold),#ffe08a);color:#5a3d00;font-weight:800;border-radius:999px;padding:9px 18px;display:inline-block;margin:8px 4px 0;box-shadow:var(--shadow-sm)}.lbcard{position:relative;overflow:hidden}.lblist{margin-top:6px}.lbrow{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:12px;border-bottom:1px solid var(--line);animation:lbIn .4s cubic-bezier(.2,.8,.3,1) both}.lbrow:last-child{border-bottom:none}.lbrow.lead{background:linear-gradient(90deg,#ffc83a29,#ffc83a00);border-bottom:none}.lbrank{font-family:var(--display);font-weight:800;min-width:30px;text-align:center;font-size:18px;flex:0 0 auto}.lbname{flex:1;font-weight:700}.lbcorrect{font-family:var(--display);font-weight:800;font-size:19px;color:var(--gold)}.lbunit{font-family:var(--ui);font-weight:600;font-size:11px;color:var(--sub);text-transform:uppercase;letter-spacing:.05em}@keyframes lbIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.leadspot{display:flex;align-items:center;gap:14px;justify-content:center;margin:6px 0 10px;background:linear-gradient(135deg,#ffc83a29,#ff3d7f1f);border:1px solid rgba(255,200,58,.4);border-radius:16px;padding:12px 16px;animation:pop .5s cubic-bezier(.2,1.3,.4,1) both}.crownmark{width:clamp(42px,6vh,58px);height:auto;filter:drop-shadow(0 4px 12px rgba(245,166,35,.6));animation:crownBob 2.4s ease-in-out infinite}@keyframes crownBob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-4px) rotate(3deg)}}.leadname{font-family:var(--display);font-weight:800;font-size:clamp(20px,3vh,26px);line-height:1.05}.leadstat{font-size:12px;color:var(--sub);font-weight:600}.jokebubble{position:relative;margin:0 auto 14px;max-width:560px;font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-size:clamp(15px,2.3vh,19px);line-height:1.4;color:#ffe9c2;text-align:center;background:#ffffff0d;border:1px dashed rgba(255,200,58,.4);border-radius:14px;padding:11px 16px;animation:fadeIn .5s ease .15s both}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.qmid{font-family:var(--display);font-weight:700;font-size:clamp(18px,2.6vh,24px);line-height:1.2;margin-top:8px}.tickgood{color:var(--good);font-weight:800}.tickbad{color:var(--bad);font-weight:800}.ranklist{list-style:none;margin:16px auto 8px;padding:0;max-width:520px;text-align:left}.rankrow{display:flex;align-items:center;gap:14px;padding:clamp(9px,1.5vh,13px) 16px;border-radius:14px;background:var(--surface-2);margin-bottom:8px;box-shadow:var(--shadow-sm);animation:lbIn .4s cubic-bezier(.2,.8,.3,1) both}.rankrow.top0{background:linear-gradient(90deg,#ffc83a38,#ffc83a0d);box-shadow:0 6px 18px -10px #ffb01f80}.rankrow.top1{background:linear-gradient(90deg,#c4ccda47,#c4ccda0f)}.rankrow.top2{background:linear-gradient(90deg,#f3a86a3d,#f3a86a0d)}.rankpos{font-family:var(--display);font-weight:800;font-size:clamp(18px,2.6vh,24px);min-width:38px;text-align:center}.rankname{flex:1;font-weight:800;font-size:clamp(15px,2vh,19px)}.rankscore{font-family:var(--display);font-weight:800;font-size:clamp(16px,2.2vh,20px);color:var(--gold)}.rankunit{font-family:var(--ui);font-weight:600;font-size:11px;color:var(--sub);text-transform:uppercase;letter-spacing:.05em}.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:clamp(8px,1.4vh,13px);margin:clamp(12px,2vh,18px) 0}.cat{background:var(--surface-2);border-radius:14px;padding:clamp(10px,1.6vh,15px);text-align:center}.catemoji{font-size:clamp(22px,3.2vh,30px)}.catlabel{font-family:var(--display);font-weight:700;color:var(--zap);font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.catwinner{font-weight:800;font-size:clamp(15px,2vh,18px);margin-top:3px}.catdetail{color:var(--sub);font-size:12px}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;border-radius:var(--r-lg)}.confetti i{position:absolute;top:-12px;width:9px;height:14px;border-radius:2px;opacity:.9;animation:fall linear infinite}@keyframes fall{to{transform:translateY(140%) rotate(540deg)}}.qrow{display:flex;align-items:center;justify-content:space-between;gap:10px}.qtitle{font-family:var(--display);font-weight:700;font-size:19px}.qrow-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.qedit{padding:18px}.optedit{display:flex;align-items:center;gap:8px;margin-bottom:9px}.optedit .inp{margin-bottom:0}.radio{flex:0 0 auto;width:40px;height:40px;border-radius:50%;border:2px solid var(--line);background:var(--surface);font-family:var(--display);font-weight:800;color:var(--sub);cursor:pointer;transition:.15s}.radio.on{background:var(--good);border-color:var(--good);color:#fff}.photofield{margin:6px 0 12px}.photothumb{display:flex;align-items:center;gap:12px}.photothumb img{width:78px;height:78px;object-fit:cover;border-radius:12px;box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion: reduce){.wrap,.bigcode,.timer.low .timerbar,.confetti i{animation:none!important}.opt,.abtn,.btn{transition:none!important}}.bg{padding-top:clamp(30px,5vh,46px)}.lights{position:absolute;top:0;left:0;right:0;height:40px;display:flex;justify-content:space-evenly;align-items:flex-start;z-index:3;pointer-events:none}.lights:before{content:"";position:absolute;top:7px;left:-1%;right:-1%;height:0;border-top:3px dotted rgba(0,0,0,.28)}.bulb{width:13px;height:17px;margin-top:7px;border-radius:50% 50% 48% 48%/58% 58% 42% 42%;background:radial-gradient(circle at 50% 32%,#fff,var(--c) 62%);box-shadow:0 0 12px 2px var(--c),0 0 3px #fff inset;animation:twinkle 2.6s ease-in-out infinite}.bulb:before{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);width:5px;height:5px;background:#2a1a3c;border-radius:2px}@keyframes twinkle{0%,to{filter:brightness(1)}50%{filter:brightness(.55)}}.heromark{width:84px;height:84px;margin:0 auto 4px;display:block;filter:drop-shadow(0 8px 20px rgba(255,61,127,.45))}.trophy{width:64px;height:64px;margin:0 auto -2px;display:block;filter:drop-shadow(0 6px 16px rgba(255,176,31,.5));animation:trophyPop .6s cubic-bezier(.2,1.3,.4,1) both}@keyframes trophyPop{0%{transform:scale(.4) translateY(8px);opacity:0}to{transform:none;opacity:1}}.emptyart{width:150px;height:auto;margin:4px auto 12px;display:block}.catemoji{width:50px;height:50px;margin:0 auto 4px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;background:radial-gradient(circle at 50% 35%,#fff,var(--surface-2));box-shadow:var(--shadow-sm),0 0 0 2px #fff}.confetti i.c{border-radius:50%;width:10px;height:10px}.confetti i.s{width:5px;height:22px;border-radius:3px}@media (prefers-reduced-motion: reduce){.bulb,.trophy{animation:none!important}}.bg:after{opacity:.4}.ambiance{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;mix-blend-mode:screen;animation:drift 16s ease-in-out infinite}.orb1{width:340px;height:340px;left:-90px;top:-40px;background:radial-gradient(circle,#ff3d7f,transparent 70%)}.orb2{width:300px;height:300px;right:-80px;top:40px;background:radial-gradient(circle,#8b5cff,transparent 70%);animation-delay:-4s}.orb3{width:260px;height:260px;left:20%;bottom:-60px;background:radial-gradient(circle,#ffc83a,transparent 70%);opacity:.4;animation-delay:-8s}.orb4{width:220px;height:220px;right:14%;bottom:6%;background:radial-gradient(circle,#16c784,transparent 70%);opacity:.32;animation-delay:-11s}@keyframes drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(22px,-26px) scale(1.08)}66%{transform:translate(-18px,16px) scale(.96)}}.bg{background-image:radial-gradient(120% 80% at 50% -10%,var(--stage-2) 0%,var(--stage-1) 45%,var(--stage-edge) 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");background-blend-mode:normal,soft-light}.heroscene{width:200px;height:auto;margin:0 auto 2px;display:block;filter:drop-shadow(0 14px 26px rgba(124,58,237,.45))}.float-a{animation:bob 5s ease-in-out infinite;transform-origin:62px 64px}.float-b{animation:bob 5.6s ease-in-out infinite -1.2s;transform-origin:138px 64px}.float-c{animation:bob 4.6s ease-in-out infinite -.6s;transform-origin:100px 58px}@keyframes bob{50%{transform:translateY(-5px) rotate(1.5deg)}}.logo{text-shadow:0 6px 30px rgba(255,61,127,.4)}.card{background:linear-gradient(180deg,#fffefb,#fbf6ff);border:1px solid rgba(255,255,255,.7)}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-lg);pointer-events:none;box-shadow:inset 0 1px #ffffffe6}@media (prefers-reduced-motion: reduce){.orb,.float-a,.float-b,.float-c{animation:none!important}}.timesup{background:linear-gradient(135deg,var(--bad),#ff7a85);color:#fff;font-family:var(--display);font-weight:700;text-align:center;border-radius:12px;padding:10px;margin:6px 0 14px;box-shadow:var(--shadow-sm)}.hostpanel{border:2px dashed var(--gold)}.hostqr{background:#fff;padding:10px;border-radius:14px;display:inline-block;margin:6px 0;box-shadow:var(--shadow-sm)}.hostbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--surface);border:2px solid var(--gold);border-radius:16px;padding:10px 14px;margin:12px 0;box-shadow:var(--shadow-sm)}.hostbadge{font-family:var(--display);font-weight:800;font-size:12px;letter-spacing:.06em;color:var(--ink);opacity:.75}.reconnect{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:50;background:var(--surface);color:var(--ink);font-weight:800;font-size:13px;border-radius:999px;padding:8px 16px;box-shadow:var(--shadow)}.podiumart{width:clamp(180px,32vh,240px);height:auto;margin:6px auto 4px;display:block;animation:pop .6s cubic-bezier(.2,1.2,.4,1) both}.sparkle{width:18px;height:18px}.botchip{background:#8b5cff24;color:var(--zap);border:1px dashed rgba(139,92,255,.5)}.botmark{display:inline-block;margin-left:6px;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--zap);border-radius:5px;padding:1px 5px;vertical-align:middle}.simpill{display:inline-block;font-family:var(--display);font-weight:800;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,var(--zap),var(--punch));border-radius:999px;padding:3px 10px;margin-right:6px;animation:simGlow 2s ease-in-out infinite}@keyframes simGlow{0%,to{box-shadow:0 0 #8b5cff80}50%{box-shadow:0 0 12px 2px #8b5cff80}}@media (prefers-reduced-motion: reduce){.simpill{animation:none!important}}body[data-mode=display],body[data-mode=display] #root{height:100dvh;overflow:hidden}body[data-mode=display] .bg{height:100dvh;min-height:0;overflow:hidden;padding:clamp(8px,1.6vh,18px) clamp(10px,2vw,20px);align-items:center}body[data-mode=display] .wrap{max-height:100%;display:flex;flex-direction:column;justify-content:center;gap:clamp(6px,1vh,12px)}body[data-mode=display] .card{margin:0;padding:clamp(12px,2vh,22px);max-height:100%;overflow:auto}body[data-mode=display] .lbcard,body[data-mode=display] .card.center{overflow:hidden}body[data-mode=display] .qr svg{width:clamp(120px,22vh,200px)!important;height:auto!important}body[data-mode=display] .hostqr svg{width:clamp(72px,12vh,110px)!important;height:auto!important}body[data-mode=display] .bigcode{font-size:clamp(38px,8vh,72px);margin:clamp(4px,1vh,10px) 0}body[data-mode=display] .chips{max-height:22vh;overflow:auto}body[data-mode=display] .qbig{font-size:clamp(20px,3.6vh,36px);margin:clamp(6px,1.2vh,14px) 0}body[data-mode=display] .optgrid{gap:clamp(8px,1.5vh,13px)}body[data-mode=display] .opt{font-size:clamp(15px,2.4vh,22px);padding:clamp(10px,2vh,20px)}body[data-mode=display] .qimg{max-height:30vh}body[data-mode=display] .timer{margin:clamp(8px,1.4vh,14px) 0}body[data-mode=display] .lblist{max-height:30vh;overflow:auto}body[data-mode=display] .ranklist{max-height:34vh;overflow:auto;margin:clamp(8px,1.5vh,16px) auto}body[data-mode=display] .cats{max-height:30vh;overflow:auto}body[data-mode=display] .logo.small{font-size:clamp(20px,3.4vh,26px)}body[data-mode=display] .trophy{width:clamp(70px,12vh,110px);height:auto}@media (min-width:1000px) and (min-height:560px){body[data-mode=display] .wrap.wide{max-width:min(1180px,96vw)}}.qedit-actions{display:flex;align-items:center;gap:6px}.iconbtn{min-width:34px;padding:6px 9px;font-weight:800;line-height:1}.iconbtn:disabled{opacity:.35;cursor:not-allowed}.musictoggle{position:fixed;z-index:60;right:14px;bottom:14px;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:20px;line-height:1;cursor:pointer;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;transition:transform .12s,filter .2s}.musictoggle:hover{filter:brightness(1.04);transform:scale(1.06)}.musictoggle:active{transform:scale(.96)}@media (prefers-reduced-motion: reduce){.musictoggle{transition:none}}.lobbycard,.lbl.center{text-align:center}.joinrow{display:flex;gap:clamp(16px,3vw,40px);justify-content:center;align-items:stretch;flex-wrap:wrap;margin:clamp(6px,1.5vh,14px) 0}.joincol{display:flex;flex-direction:column;align-items:center;gap:6px;flex:0 1 auto}.joincol.hostcol{border-left:1px dashed var(--line);padding-left:clamp(16px,3vw,40px)}.joinhdr{font-family:var(--display);font-weight:800;font-size:clamp(12px,1.7vh,15px);letter-spacing:.02em;color:var(--sub);text-transform:uppercase}.hostjoined{font-family:var(--display);font-weight:800;color:var(--good);font-size:clamp(16px,2.4vh,20px);padding:clamp(20px,5vh,50px) 0}@media (max-width:620px){.joincol.hostcol{border-left:none;border-top:1px dashed var(--line);padding-left:0;padding-top:16px}}.ansstrip{font-weight:700;font-size:clamp(13px,1.9vh,16px);color:var(--good)}.ansstrip b{color:var(--ink)}body[data-mode=display] .joinrow .qr svg{width:clamp(130px,26vh,210px)!important;height:auto!important}body[data-mode=display] .joinrow .hostqr svg{width:clamp(110px,20vh,160px)!important;height:auto!important}body[data-mode=display] .lobbycard .chips{max-height:16vh}body[data-mode=display] .lbcard .lblist{max-height:44vh}.hostjoined .linkbtn.mt,.hostcol .linkbtn.mt{display:inline-block;margin-left:0}