:root{--bg0:#060816;--bg1:#0a0f2a;--card: rgba(255,255,255,.06);--card2: rgba(0,0,0,.22);--stroke: rgba(255,255,255,.14);--text: rgba(255,255,255,.94);--muted: rgba(255,255,255,.72);--muted2: rgba(255,255,255,.55);--cyan:#21e6ff;--pink:#ff3dbb;--violet:#8a5bff;--lime:#7CFF6B;--warn:#ffb020;--danger:#ff3a3a;--shadow: 0 18px 60px rgba(0,0,0,.45);--radius: 22px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 800px at 18% 10%,rgba(33,230,255,.18),transparent 60%),radial-gradient(1100px 700px at 78% 18%,rgba(255,61,187,.16),transparent 62%),radial-gradient(900px 600px at 60% 80%,rgba(138,91,255,.14),transparent 60%),linear-gradient(180deg,var(--bg0),var(--bg1));overflow-x:hidden}a{color:inherit}.container{max-width:1220px;margin:0 auto;padding:22px}.grid{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}@media(max-width:980px){.grid{grid-template-columns:1fr}}.card{background:linear-gradient(180deg,#ffffff12,#ffffff0a);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:-2px;background:radial-gradient(700px 200px at 20% 0%,rgba(33,230,255,.12),transparent 60%),radial-gradient(700px 220px at 80% 0%,rgba(255,61,187,.1),transparent 60%);pointer-events:none}.divider{height:1px;background:#ffffff1a;margin:14px 0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.brand{display:flex;align-items:center;gap:14px;min-width:320px}.brand img{width:56px;height:56px;border-radius:18px;border:1px solid rgba(33,230,255,.25);box-shadow:0 0 0 4px #21e6ff0f;background:#0003;object-fit:cover;flex:0 0 auto}.brand h1{margin:0;font-size:20px;font-weight:950;letter-spacing:.2px}.sub{margin-top:4px;color:var(--muted);font-weight:850;font-size:13px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid var(--stroke);background:#0000002e;color:var(--muted);font-size:13px;font-weight:900}.sectionTitle{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.sectionTitle h2{margin:0;font-size:16px;font-weight:950}.input{width:100%;padding:11px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#00000038;color:var(--text);outline:none;font-weight:850}.input:focus{border-color:#21e6ff61;box-shadow:0 0 0 4px #21e6ff1a}.btn{border:1px solid rgba(255,255,255,.16);background:#00000038;color:var(--text);padding:10px 12px;border-radius:14px;font-weight:950;cursor:pointer;transition:transform .06s ease,filter .12s ease}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn.small{padding:8px 10px;border-radius:12px;font-size:13px}.btnPrimary{border-color:#21e6ff57;background:radial-gradient(500px 120px at 20% 0%,rgba(33,230,255,.28),transparent 55%),linear-gradient(180deg,#21e6ff24,#0000002e)}.btnDanger{border-color:#ff3a3a59;background:radial-gradient(500px 120px at 20% 0%,rgba(255,58,58,.26),transparent 55%),linear-gradient(180deg,#ff3a3a1a,#0000002e)}.groupList{display:flex;flex-direction:column;gap:12px}.groupItem{padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#00000029}.groupItem.active{border-color:#21e6ff59;box-shadow:0 0 0 4px #21e6ff0f}.groupHead{display:flex;justify-content:space-between;gap:10px}.groupName{font-weight:950}.groupPlayers{color:var(--muted);font-weight:850;margin-top:4px}.kv{color:var(--muted);font-weight:900}.score{font-weight:980;font-size:20px;color:var(--text)}.meta{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 10px}.question{margin:6px 0 14px;font-size:20px;font-weight:950;line-height:1.15}.optGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:700px){.optGrid{grid-template-columns:1fr}}.opt{border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#00000029;padding:14px}.opt .k{color:var(--muted2);font-weight:950;font-size:12px;letter-spacing:.25px;text-transform:uppercase}.opt .v{margin-top:10px;font-weight:900}.choiceRow{display:flex;gap:10px;flex-wrap:wrap}.choiceBtn{width:62px;height:52px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#0000002e;color:var(--text);font-weight:980;font-size:16px;cursor:pointer}.choiceBtn.active{border-color:#ff3dbb61;box-shadow:0 0 0 4px #ff3dbb1a;background:radial-gradient(300px 120px at 20% 0%,rgba(255,61,187,.2),transparent 60%),#00000029}.timer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:18px;border:1px solid rgba(33,230,255,.24);background:#21e6ff0f}.timer .label{color:var(--muted);font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.25px}.timer .t{font-size:28px;font-weight:980}.correctTag{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid rgba(124,255,107,.3);background:#7cff6b1a;font-weight:950}body.present .container{max-width:1400px}body.present img{max-width:100%}body.present .brand img{width:64px!important;height:64px!important;border-radius:20px;object-fit:cover}body.present .brand h1{font-size:30px}body.present .presentImageWrap.single{height:clamp(320px,46vh,540px)}body.present .presentQImage,body.present .presentVisualImg{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;transform:none!important}body.present .presentVisualImg.distorted{transform:none!important}body.present .topbar{justify-content:center}body.present .brand{width:100%;justify-content:center;text-align:center}body.present .brand>div{display:flex;flex-direction:column;align-items:center}body.present .presentLogo{width:90px!important;max-width:90px!important;height:auto!important;object-fit:contain;border-radius:16px;border:1px solid rgba(33,230,255,.28);box-shadow:0 10px 30px #00000073}body.present .grid{grid-template-columns:1.4fr .9fr}body.present .question{font-size:34px;line-height:1.08;letter-spacing:.1px;margin-top:12px}body.present .bigTimer{margin-left:auto;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:180px;padding:14px 16px;border-radius:22px;border:1px solid rgba(33,230,255,.28);background:radial-gradient(600px 140px at 50% 0%,rgba(33,230,255,.18),transparent 60%),#0000002e;box-shadow:0 14px 50px #00000073}body.present .bigTimerLabel{font-size:12px;font-weight:950;letter-spacing:.35px;text-transform:uppercase;color:#ffffffbf}body.present .bigTimerValue{font-size:54px;font-weight:1000;line-height:1;margin-top:4px}body.present .bigTimer.danger{border-color:#ff3a3a73;background:radial-gradient(600px 140px at 50% 0%,rgba(255,58,58,.2),transparent 60%),#0000002e;animation:timerPulse .55s infinite ease-in-out,timerShake .35s infinite linear}body.present .bigTimer.danger .bigTimerValue{animation:colorCycle .7s infinite linear}@keyframes timerPulse{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.06);filter:brightness(1.15)}to{transform:scale(1);filter:brightness(1)}}@keyframes timerShake{0%{transform:translate(0)}25%{transform:translate(-1px)}50%{transform:translate(1px)}75%{transform:translate(-1px)}to{transform:translate(0)}}@keyframes colorCycle{0%{color:#fffffff2}33%{color:#ff3dbbf2}66%{color:#21e6fff2}to{color:#fffffff2}}body.present .answersGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}@media(max-width:900px){body.present .answersGrid{grid-template-columns:1fr}}body.present .answerBtn{position:relative;display:flex;align-items:center;gap:14px;text-align:left;padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.16);background:#0000002e;color:#fffffff2;cursor:default;box-shadow:0 18px 55px #0000006b;overflow:hidden}body.present .answerBtn:before{content:"";position:absolute;inset:-2px;opacity:.85;filter:saturate(1.05);pointer-events:none}body.present .answerKey{width:54px;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-weight:1000;font-size:20px;border:1px solid rgba(255,255,255,.2);background:#0003;box-shadow:0 0 0 4px #ffffff0f;flex:0 0 auto}body.present .answerText{font-size:18px;font-weight:900;line-height:1.15}body.present .answerBadge{margin-left:auto;padding:10px 12px;border-radius:999px;font-weight:950;border:1px solid rgba(124,255,107,.32);background:#7cff6b1a}body.present .answer-A:before{background:radial-gradient(900px 220px at 20% 0%,rgba(33,230,255,.35),transparent 60%)}body.present .answer-B:before{background:radial-gradient(900px 220px at 20% 0%,rgba(255,61,187,.35),transparent 60%)}body.present .answer-C:before{background:radial-gradient(900px 220px at 20% 0%,rgba(138,91,255,.35),transparent 60%)}body.present .answer-D:before{background:radial-gradient(900px 220px at 20% 0%,rgba(124,255,107,.28),transparent 60%)}body.present .answerBtn.correct{border-color:#7cff6b73;box-shadow:0 0 0 6px #7cff6b1a,0 26px 80px #0000008c}body.present .presentQLayout{display:grid;grid-template-columns:clamp(420px,42vw,720px) 1fr;gap:18px;align-items:start;margin-top:10px}body.present .presentImageWrap{border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#0000002e;box-shadow:0 18px 55px #0000006b;min-height:clamp(320px,46vh,540px)}body.present .presentQImage{width:100%;height:100%;object-fit:contain;display:block;background:#00000059}body.present .presentImagePlaceholder{height:100%;display:grid;place-items:center;font-weight:900;opacity:.78}body.present .presentTextWrap{min-width:0}@media(max-width:1100px){body.present .presentQLayout{grid-template-columns:1fr}body.present .presentQImage,body.present .presentImagePlaceholder{height:clamp(260px,38vh,420px)}}body.present .presentImageWrap.collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px;height:260px}body.present .presentImageWrap.single{height:clamp(320px,46vh,540px);border-radius:12px;overflow:hidden;background:#0003;display:flex;align-items:center;justify-content:center}body.present .presentImageWrap.single img{width:100%;height:100%;object-fit:contain;display:block;background:#00000059}body.present .presentVisualStage{position:relative;width:100%;height:100%}body.present .presentVisualImg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;will-change:opacity,filter,transform;transition:opacity .65s ease,filter .65s ease,transform .65s ease}body.present .presentVisualImg.distorted{opacity:1;filter:blur(10px) saturate(1.15) contrast(1.08);transform:scale(1.01);background:#00000059}body.present .presentVisualStage.isRevealed .presentVisualImg.distorted{opacity:0;filter:blur(0px);transform:scale(1)}body.present .presentVisualImg.reveal{opacity:0;filter:blur(0px);transform:scale(1.01);background:#00000059}body.present .presentVisualStage.isRevealed .presentVisualImg.reveal{opacity:1;transform:scale(1)}body.present .presentVisualStage.flash:after{content:"";position:absolute;inset:-2px;border-radius:inherit;background:radial-gradient(circle at 50% 50%,#fffffff2,#ffffff59,#fff0 70%);opacity:0;pointer-events:none;mix-blend-mode:screen;animation:presentFlashPop .22s ease-out}@keyframes presentFlashPop{0%{opacity:0;transform:scale(.98)}30%{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(1.03)}}body.present .collageItem{overflow:hidden;border-radius:12px;background:#0003}body.present .collageItem img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}body.present .collageItem:hover img{transform:scale(1.08)}body.present .presentImageWrap.collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px;height:260px;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#0000002e;box-shadow:0 18px 55px #0000006b}body.present .collageItem{position:relative;overflow:hidden;background:#0003}body.present .collageItem img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02)}body.present .collageLabel{position:absolute;left:10px;top:10px;font-weight:1000;font-size:16px;padding:6px 10px;border-radius:999px;background:#0000008c;border:1px solid rgba(255,255,255,.16)}body.present .collageItem.dim{opacity:.25;filter:grayscale(.7)}body.present .collageItem.correct{outline:3px solid rgba(0,255,140,.9);box-shadow:0 0 0 6px #00ff8c2e}@media(max-width:1100px){body.present .presentImageWrap.collage{height:220px}}body.present .presentTimerHint{margin-top:6px;font-weight:1000;opacity:.9}body.present .presentTimerCorner.timeout{border-color:#ff2d558c;box-shadow:0 0 0 5px #ff2d5533,0 26px 90px #000000a6;animation:tilShake .35s ease-in-out infinite}body.present .presentTimerHint{margin-top:6px;font-weight:1100;font-size:14px;opacity:.95;letter-spacing:.05em}body.present .presentTimer.bigTimer.timeout{animation:tilShake .35s ease-in-out infinite;border-color:#ff2d558c;box-shadow:0 0 0 5px #ff2d552e,0 26px 90px #000000a6}body.present .bigTimerHint{margin-top:6px;font-weight:1000;font-size:16px;letter-spacing:.06em;opacity:.95}@keyframes tilShake{0%{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-1px)}80%{transform:translate(1px)}to{transform:translate(0)}}body.present .answersGrid.isRevealed .answerBtn.dim{animation:tilRevealDim .35s ease both}@keyframes tilRevealDim{0%{opacity:1;filter:none;transform:translateY(0)}to{opacity:.22;filter:grayscale(.65);transform:translateY(1px)}}body.present .answersGrid.isRevealed .answerBtn.correct{animation:tilRevealCorrect .55s cubic-bezier(.2,.9,.2,1) both;border-color:#7cff6b8c;box-shadow:0 0 0 6px #7cff6b1f,0 26px 80px #0000008c}@keyframes tilRevealCorrect{0%{transform:translateY(0) scale(1)}45%{transform:translateY(-2px) scale(1.03)}to{transform:translateY(0) scale(1)}}body.present .answersGrid.isRevealed .answerBtn.correct:after{content:"";position:absolute;inset:-10px;border-radius:28px;background:radial-gradient(650px 180px at 50% 50%,rgba(124,255,107,.22),transparent 62%);opacity:0;animation:tilCorrectAura .7s ease both;pointer-events:none}@keyframes tilCorrectAura{0%{opacity:0;transform:scale(.96)}35%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.02)}}body.present .answersGrid.isRevealed .answerBtn.pickedWrong{animation:tilWrongShake .45s ease both;border-color:#ff3a3a8c}@keyframes tilWrongShake{0%{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}to{transform:translate(0)}}body.present .presentImageWrap.collage.revealOn .collageItem.dim{animation:tilRevealDim .35s ease both}body.present .presentImageWrap.collage.revealOn .collageItem.correct{animation:tilRevealTile .55s cubic-bezier(.2,.9,.2,1) both}@keyframes tilRevealTile{0%{transform:scale(1);filter:none}45%{transform:scale(1.02)}to{transform:scale(1)}}body.present .presentImageWrap.collage.revealOn .collageItem.correct:after{content:"";position:absolute;inset:0;background:radial-gradient(800px 300px at 50% 50%,rgba(124,255,107,.2),transparent 66%);opacity:0;animation:tilTileAura .7s ease both;pointer-events:none}@keyframes tilTileAura{0%{opacity:0}35%{opacity:1}to{opacity:0}}body.present .tvFlash{position:absolute;inset:0;border-radius:32px;pointer-events:none;mix-blend-mode:screen;animation:tvFlashAnim .2s ease-out both;z-index:10}body.present .tvFlash.good{background:radial-gradient(1200px 400px at 50% 20%,rgba(255,255,255,.35),transparent 60%),radial-gradient(900px 320px at 50% 80%,rgba(0,255,163,.28),transparent 60%)}body.present .tvFlash.bad{background:radial-gradient(1200px 400px at 50% 20%,rgba(255,255,255,.28),transparent 60%),radial-gradient(900px 320px at 50% 80%,rgba(255,45,85,.28),transparent 60%)}@keyframes tvFlashAnim{0%{opacity:0;transform:scale(.985)}35%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.02)}}body.present .answerBadge{position:absolute;right:18px;top:14px;padding:6px 10px;border-radius:999px;font-weight:900;font-size:13px;letter-spacing:.04em;animation:badgePop .25s ease-out}body.present .answerBadge.good{background:linear-gradient(135deg,#00ffb3,#00cc8f);color:#001a14;box-shadow:0 0 18px #00ffa373}body.present .answerBadge.bad{background:linear-gradient(135deg,#ff4d6d,#ff1f4d);color:#200;box-shadow:0 0 18px #ff2d5573}@keyframes badgePop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}body.present .presentShell{position:relative;overflow:hidden;background:radial-gradient(1100px 520px at 15% 10%,rgba(255,61,187,.2),transparent 60%),radial-gradient(900px 480px at 85% 15%,rgba(33,230,255,.18),transparent 60%),radial-gradient(900px 520px at 50% 95%,rgba(138,91,255,.16),transparent 62%),linear-gradient(135deg,#060816,#090f2a 45%,#070819)}body.present .presentShell:before{content:"";position:absolute;inset:-20%;background:conic-gradient(from 210deg at 30% 30%,#ff3dbb24,#21e6ff1f,#8a5bff1f,#ff3dbb24);filter:blur(40px);opacity:.75;animation:tilBgDrift 14s ease-in-out infinite alternate;pointer-events:none}body.present .presentShell:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(1200px 700px at 50% 45%,transparent 55%,rgba(0,0,0,.55) 100%),repeating-linear-gradient(to bottom,rgba(255,255,255,.035) 0px,rgba(255,255,255,.035) 1px,transparent 2px,transparent 5px);mix-blend-mode:overlay;opacity:.12}@keyframes tilBgDrift{0%{transform:translate3d(-3%,-2%,0) rotate(-2deg) scale(1.02)}to{transform:translate3d(3%,2%,0) rotate(2deg) scale(1.06)}}body.present .presentH{text-shadow:0 0 10px rgba(33,230,255,.35),0 0 22px rgba(255,61,187,.2),0 18px 60px rgba(0,0,0,.55)}body.present .presentSub{text-shadow:0 10px 40px rgba(0,0,0,.55)}body.present .presentTimer.bigTimer{animation:tilTimerFloat 2.2s ease-in-out infinite;transform-origin:top right}@keyframes tilTimerFloat{0%{transform:translateY(0)}50%{transform:translateY(-2px)}to{transform:translateY(0)}}body.present .presentTimer.bigTimer.danger{animation:tilTimerPanic .55s ease-in-out infinite}@keyframes tilTimerPanic{0%{transform:translateY(0) scale(1);filter:saturate(1)}50%{transform:translateY(-2px) scale(1.01);filter:saturate(1.25)}to{transform:translateY(0) scale(1);filter:saturate(1)}}body.present .presentTimer.bigTimer.timeout{box-shadow:0 0 0 6px #ff2d5529,0 26px 90px #000000a6}.presentLogo{width:70px!important;height:auto!important;position:fixed!important;top:20px;left:25px;z-index:50;filter:drop-shadow(0 0 8px rgba(0,255,255,.4))}.presentTimer{position:fixed!important;top:20px;right:25px;z-index:50;text-align:right;background:#0006;padding:14px 20px;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 20px #0ff3}.bigTimerValue{font-size:42px!important;font-weight:900;letter-spacing:2px}.presentTimer.agotado .bigTimerValue{color:#ff2e63;animation:vibrar .15s infinite}@keyframes vibrar{0%{transform:translate(0)}25%{transform:translate(-2px)}50%{transform:translate(2px)}75%{transform:translate(-2px)}to{transform:translate(0)}}body.present .presentCard img:not(.presentQImage):not(.presentVisualImg){width:auto!important;max-width:none!important;height:auto!important}body.present .presentLogo{width:110px!important;height:110px!important;object-fit:contain!important;border-radius:16px!important;background:#00000026;padding:10px;box-shadow:0 14px 40px #00000059}body.present .presentHeaderCenter{align-items:center}body.present .turnLogo{width:96px!important;height:96px!important;max-width:96px!important;max-height:96px!important;object-fit:contain!important;border-radius:12px!important;flex:0 0 96px!important;display:block!important;margin:0 auto 6px!important;background:#0003!important;padding:10px!important;box-shadow:0 14px 34px #0006,inset 0 0 0 1px #ffffff1a!important;transform:translateZ(0)}body.present .presentRight{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;text-align:center!important}body.present .presentRight .presentPill:first-child{display:none!important}body.present img.groupLogo,body.present img.group-logo,body.present img.groupTurnLogo,body.present img.groupTurn,body.present img[data-role=group-logo]{width:44px!important;height:44px!important;max-width:44px!important;max-height:44px!important;object-fit:contain!important;border-radius:12px!important}body.present .presentHeaderRow{gap:16px}body.present img.presentQImage{width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;transform:none!important}body.present img.presentVisualImg,body.present .presentVisualImg.distorted,body.present .presentVisualImg.reveal,body.present .presentVisualStage.isRevealed .presentVisualImg.distorted,body.present .presentVisualStage.isRevealed .presentVisualImg.reveal{object-fit:contain!important;transform:none!important}body.present .presentImageWrap,body.present .presentVisualStage{overflow:hidden}body.present .presentCatBar{margin-top:10px;display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;border-radius:16px;background:linear-gradient(135deg,#00000038,#ffffff0f);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px #ffffff1f}body.present .presentCatBar .catItem{display:inline-flex;align-items:baseline;gap:10px;white-space:nowrap}body.present .presentCatBar .catK{font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:12px;opacity:.9}body.present .presentCatBar .catV{font-weight:900;font-size:14px}body.present .presentCatBar .catDot{opacity:.55;font-weight:900}body.present .presentJokersBar{margin-top:10px;width:100%;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#00000047,#ffffff12);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px #ffffff1f;display:flex;align-items:center;justify-content:space-between;gap:14px}body.present .presentJokersBar .pjTitle{font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:12px;opacity:.92;white-space:nowrap}body.present .presentJokersBar .pjItems{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}body.present .presentJokersBar .pjItem{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#0000002e;font-weight:900;white-space:nowrap}body.present .presentJokersBar .pjItem.on{opacity:1}body.present .presentJokersBar .pjItem.off{opacity:.45;filter:grayscale(1)}body.present .presentJokersBar .pjDot{font-size:14px;line-height:1}body.present .presentJokersBar .pjLabel{font-size:14px}body.present .presentJokersBar .pjCount{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;font-size:12px;line-height:1.2;opacity:.95}body.present .presentHeaderRow{position:relative!important}body.present img.presentLogo{position:fixed!important;top:18px!important;left:18px!important;width:120px!important;height:120px!important;max-width:120px!important;max-height:120px!important;object-fit:contain!important;display:block!important;border-radius:16px!important;padding:10px!important;background:#0c102073!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 18px 50px #00000073,0 0 0 1px #ffffff0f inset!important;z-index:60!important;pointer-events:none!important}body.present .presentCard img.presentLogo{width:120px!important;height:120px!important;max-width:120px!important;max-height:120px!important}body.present .presentHeaderCenter{justify-content:center!important;width:100%!important}body.present .presentTitles{text-align:center!important;margin:0 auto!important}body.present .presentTimerCorner,body.present .presentTimer{position:fixed!important;top:18px!important;right:18px!important;width:240px!important;z-index:60!important}@keyframes agotadoBlink{0%,to{opacity:1;filter:drop-shadow(0 0 10px rgba(255,60,60,.75))}50%{opacity:.55;filter:drop-shadow(0 0 20px rgba(255,60,60,1))}}body.present .presentTimerCorner.timeout .bigTimerValue,body.present .presentTimer.timeout .bigTimerValue{color:#ff3b3b!important;text-shadow:0 0 10px rgba(255,60,60,.85),0 0 26px rgba(255,60,60,.65);animation:agotadoBlink 1s infinite}body.present .presentPill{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;font-weight:850;letter-spacing:.2px;color:#ffffffeb;background:#0f121c59;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000040,0 0 0 1px #ffffff0f inset;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.present .presentRight .presentPill:nth-child(2){background:radial-gradient(120% 140% at 0% 0%,#00ffd12e,#ff3dbb1a 55%,#0f121c4d);border-color:#00ffd140;box-shadow:0 14px 40px #00000047,0 0 24px #00ffd12e,0 0 0 1px #ffffff12 inset}body.present .presentFooter .presentPill:first-child{background:radial-gradient(120% 140% at 0% 0%,#ffd60a2e,#ff3dbb1a 55%,#0f121c4d);border-color:#ffd60a40;box-shadow:0 14px 40px #00000047,0 0 26px #ffd60a29,0 0 0 1px #ffffff12 inset}body.present .answer-A:before{background:radial-gradient(1100px 260px at 18% 0%,rgba(33,230,255,.55),transparent 62%),radial-gradient(900px 240px at 80% 120%,rgba(33,230,255,.18),transparent 60%)}body.present .answer-B:before{background:radial-gradient(1100px 260px at 18% 0%,rgba(255,61,187,.55),transparent 62%),radial-gradient(900px 240px at 80% 120%,rgba(255,61,187,.18),transparent 60%)}body.present .answer-C:before{background:radial-gradient(1100px 260px at 18% 0%,rgba(138,91,255,.58),transparent 62%),radial-gradient(900px 240px at 80% 120%,rgba(138,91,255,.18),transparent 60%)}body.present .answer-D:before{background:radial-gradient(1100px 260px at 18% 0%,rgba(255,190,61,.5),transparent 62%),radial-gradient(900px 240px at 80% 120%,rgba(255,190,61,.16),transparent 60%)}@keyframes pendingPulse{0%,to{transform:translateY(0);box-shadow:0 18px 55px #0000006b,0 0 #21e6ff00}50%{transform:translateY(-1px);box-shadow:0 18px 55px #0000006b,0 0 0 8px #21e6ff24}}body.present .answerBtn.pending{border-color:#21e6ff8c!important;box-shadow:0 18px 55px #0000006b,0 0 0 6px #21e6ff1a!important;animation:pendingPulse 1.05s ease-in-out infinite}body.present .answerBadge.pending{border-color:#21e6ff61;background:#21e6ff1f}body.present .answerBadge.bad{border-color:#ff3c3c73;background:#ff3c3c1f}body.present .answerBtn.pickedWrong{border-color:#ff3c3c8c!important;box-shadow:0 0 0 6px #ff3c3c1a,0 26px 80px #0000008c!important}.wheelsOverlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:9999;pointer-events:auto;background:radial-gradient(1200px 700px at 50% 40%,#7850ff42,#0000 60%),radial-gradient(900px 560px at 18% 28%,#00dcff2e,#0000 62%),radial-gradient(900px 560px at 82% 28%,#ff5ab429,#0000 62%),linear-gradient(180deg,#0000009e,#000000b3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.wheelsFrame{width:min(1040px,calc(100vw - 28px));border-radius:22px;padding:16px 16px 14px;position:relative;overflow:hidden;background:radial-gradient(1200px 400px at 50% 0%,#ffffff1a,#fff0 55%),linear-gradient(180deg,#121622eb,#0a0c12eb);border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 90px #000000a6,0 0 0 1px #00000059 inset}.wheelsFrame:before{content:"";position:absolute;inset:-40% -60%;background:linear-gradient(115deg,#fff0 35%,#ffffff17,#fff0 55%);transform:translate(-30%) rotate(6deg);animation:wheelsSweep 5.6s ease-in-out infinite;pointer-events:none;mix-blend-mode:screen;opacity:.7}@keyframes wheelsSweep{0%,55%{transform:translate(-45%) rotate(6deg);opacity:.2}70%{opacity:.55}to{transform:translate(45%) rotate(6deg);opacity:.2}}.wheelsTop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.wheelsTitle{font-weight:950;letter-spacing:.14em;text-transform:uppercase;font-size:18px;padding:8px 12px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 22px #00000040}.wheelsRight{display:flex;align-items:center;gap:10px}.wheelsClose{cursor:pointer;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:inherit;padding:8px 12px;border-radius:12px;box-shadow:0 10px 20px #00000040}.wheelsClose:hover{background:#ffffff1a}.wheelsGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wheelCard{border-radius:18px;padding:14px 14px 10px;position:relative;background:radial-gradient(420px 220px at 50% 0%,#ffffff1a,#fff0 60%),#ffffff0b;border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 45px #00000073,0 0 0 1px #00000040 inset}.wheelHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.wheelName{font-weight:950;letter-spacing:.16em;text-transform:uppercase;opacity:.95;font-size:14px}.wheelDiscWrap{display:flex;align-items:center;justify-content:center;padding:10px 0 6px}.wheelPointer{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:22px solid rgba(255,255,255,.92);margin:0 auto 6px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.5)) drop-shadow(0 0 10px rgba(120,80,255,.25))}.wheelDisc{width:300px;height:300px;border-radius:50%;border:10px solid rgba(255,255,255,.14);box-shadow:inset 0 0 0 2px #00000040,0 18px 44px #00000073,0 0 0 1px #ffffff0f;transform:translateZ(0);will-change:transform;contain:paint}.wheelLabel{text-align:center;font-weight:950;font-size:20px;margin-top:10px;padding:10px 12px;border-radius:14px;background:#00000047;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 30px #00000059}.wheelResult.rolling{animation:wheelTextRoll .1s linear infinite}@keyframes wheelTextRoll{0%{filter:blur(0px);transform:translateY(0)}50%{filter:blur(.6px);transform:translateY(-.5px)}to{filter:blur(0px);transform:translateY(0)}}@media(max-width:780px){.wheelsGrid{grid-template-columns:1fr}.wheelDisc{width:260px;height:260px}}.wheelsOverlay:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,#ffffff09,#ffffff04 1px,#0000 3px 6px);opacity:.22;mix-blend-mode:overlay}.wheelsOverlay:after{content:"";position:absolute;inset:-2px;pointer-events:none;background:radial-gradient(1200px 680px at 50% 35%,#0000 55%,#0000008c),radial-gradient(900px 520px at 50% 110%,#0000 30%,#0000008c 88%)}.wheelsFrame{border:1px solid rgba(255,255,255,.16);box-shadow:0 34px 110px #000000b3,0 0 0 1px #00000073 inset,0 0 42px #21e6ff1a,0 0 42px #ff3dbb14}.wheelsFrame:after{content:"";position:absolute;inset:10px;border-radius:18px;pointer-events:none;background:radial-gradient(16px 16px at 20px 20px,#ffffffbf,#fff0 65%),radial-gradient(16px 16px at calc(100% - 20px) 20px,#ffffffb3,#fff0 65%),radial-gradient(16px 16px at 20px calc(100% - 20px),#ffffff8c,#fff0 65%),radial-gradient(16px 16px at calc(100% - 20px) calc(100% - 20px),#ffffff8c,#fff0 65%),linear-gradient(90deg,#21e6ff1a,#ff3dbb1a,#8a5bff1a);mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);-webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);padding:10px;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 1px #00000059 inset;opacity:.95}.wheelsTitle{text-shadow:0 2px 0 rgba(0,0,0,.35),0 0 18px rgba(33,230,255,.2),0 0 18px rgba(255,61,187,.14)}.wheelStage{display:flex;align-items:center;justify-content:center;position:relative;padding:10px 0 6px}.wheelDisk{width:310px;height:310px;border-radius:50%;border:10px solid rgba(255,255,255,.16);box-shadow:inset 0 0 0 2px #00000040,0 20px 54px #0000008c,0 0 0 1px #ffffff14,0 0 32px #21e6ff1a,0 0 26px #ff3dbb14;transform:translateZ(0);will-change:transform;contain:paint;position:relative;overflow:hidden}.wheelHub{position:absolute;left:50%;top:50%;width:74px;height:74px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 30% 30%,#fffffff2,#ffffff2e 35%,#00000040 70%),radial-gradient(circle at 50% 50%,#21e6ff24,#ff3dbb1a 55%,#00000059);border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 38px #0000008c,0 0 24px #ffffff14}.wheelDisk:before{content:"";position:absolute;inset:-35%;background:conic-gradient(from 0deg,#fff0,#ffffff1a,#fff0 80deg,#ffffff14 140deg,#fff0 220deg,#ffffff1a 280deg,#fff0 360deg);opacity:.55;animation:wheelSheen 3.8s linear infinite;mix-blend-mode:overlay;pointer-events:none}@keyframes wheelSheen{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wheelLeds{position:absolute;inset:-6px;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(from 0deg,#ffffffe6 0deg 3deg,#fff0 3deg 10deg);mask:radial-gradient(circle,rgba(0,0,0,0) 62%,rgba(0,0,0,1) 63% 74%,rgba(0,0,0,0) 75%);-webkit-mask:radial-gradient(circle,rgba(0,0,0,0) 62%,rgba(0,0,0,1) 63% 74%,rgba(0,0,0,0) 75%);opacity:.55;filter:drop-shadow(0 0 14px rgba(33,230,255,.22)) drop-shadow(0 0 12px rgba(255,61,187,.16));animation:ledsSpin 1.35s linear infinite}@keyframes ledsSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wheelPointer{position:absolute;top:6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:26px solid rgba(255,255,255,.95);filter:drop-shadow(0 12px 22px rgba(0,0,0,.55)) drop-shadow(0 0 18px rgba(33,230,255,.18)) drop-shadow(0 0 18px rgba(255,61,187,.12));z-index:2}.wheelResult{text-align:center;font-weight:950;font-size:20px;margin-top:10px;padding:12px 14px;border-radius:14px;background:linear-gradient(180deg,#ffffff24,#fff0),#00000047;border:1px solid rgba(255,255,255,.14);box-shadow:0 16px 34px #00000073,0 0 0 1px #0000004d inset,0 0 26px #21e6ff1a,0 0 22px #ff3dbb14;letter-spacing:.01em}.wheelResult.rolling{text-shadow:0 0 12px rgba(255,255,255,.25)}@media(max-width:780px){.wheelDisk{width:270px;height:270px}}body.present .presentShell:before{animation:none!important;opacity:.65!important;filter:blur(26px)!important;transform:translateZ(0) scale(1.04)!important}body.present .presentShell:after{mix-blend-mode:normal!important;opacity:.08!important}.wheelsOverlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:radial-gradient(1200px 720px at 50% 38%,#7850ff61,#0000 62%),radial-gradient(980px 600px at 18% 28%,#00dcff47,#0000 64%),radial-gradient(980px 600px at 82% 28%,#ff5ab442,#0000 64%),linear-gradient(180deg,#000000b3,#000000c7)!important;transform:translateZ(0);backface-visibility:hidden;will-change:opacity,transform;contain:paint}.wheelsFrame:before{mix-blend-mode:normal!important;opacity:.55!important;animation-duration:8.5s!important}.wheelsFrame{background:radial-gradient(1200px 460px at 50% 0%,#ffffff29,#fff0 58%),linear-gradient(180deg,#161a28f2,#0a0c12f0)!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 34px 110px #000000b8,0 0 0 1px #00000061 inset,0 0 42px #21e6ff1f,0 0 40px #ff3dbb1a!important;transform:translateZ(0);backface-visibility:hidden;will-change:transform;contain:paint}.wheelsTitle{background:#ffffff14!important;border:1px solid rgba(255,255,255,.14)!important;text-shadow:0 0 10px rgba(33,230,255,.38),0 0 16px rgba(255,61,187,.24),0 10px 30px rgba(0,0,0,.4)!important}.wheelDisk{box-shadow:0 26px 70px #0000008c,0 0 0 1px #ffffff1a inset,0 0 36px #21e6ff1f,0 0 30px #ff3dbb1a!important}.ledRing{opacity:.95!important;filter:drop-shadow(0 0 10px rgba(255,255,255,.2)) drop-shadow(0 0 18px rgba(33,230,255,.14))!important}.ledRing.animated{animation-duration:2.8s!important}.wheelsClose{box-shadow:0 10px 24px #00000059,0 0 0 1px #ffffff1a inset,0 0 18px #ff3dbb1f!important}.wheelsOverlay{filter:brightness(1.15) contrast(1.08) saturate(1.25)}.wheelsFrame{background:radial-gradient(1200px 520px at 50% 0%,#ffffff38,#fff0 58%),radial-gradient(900px 500px at 20% 20%,#00dcff2e,#0000 60%),radial-gradient(900px 500px at 80% 20%,#ff3dbb29,#0000 60%),linear-gradient(180deg,#1a1e30f5,#0a0c12f0)!important;border:1px solid rgba(255,255,255,.18)!important}.wheelDisk{position:relative;overflow:hidden;box-shadow:0 30px 80px #0000008c,0 0 0 1px #ffffff1f inset,0 0 46px #21e6ff29,0 0 38px #ff3dbb24!important}.wheelDisk:before{content:"";position:absolute;inset:-2px;background:repeating-conic-gradient(from -90deg,#ffffff38 0deg 1deg,#0000 1deg 30deg),radial-gradient(circle at 35% 28%,#ffffff61,#fff0 42%),radial-gradient(circle at 50% 120%,#00000038,#0000 52%);mix-blend-mode:screen;opacity:.55;pointer-events:none}.wheelDisk:after{content:"";position:absolute;inset:-10%;background:conic-gradient(from -90deg,#fff0,#ffffff38 20deg,#fff0 55deg 360deg);opacity:.55;transform:rotate(8deg);pointer-events:none}.wheelSegmentLabel{position:absolute;left:50%;top:50%;transform-origin:0 0;width:160px;margin-left:-80px;text-align:center;font-weight:900;letter-spacing:.5px;font-size:12px;color:#fffffff2;text-shadow:0 0 10px rgba(0,0,0,.65),0 0 12px rgba(33,230,255,.22),0 0 12px rgba(255,61,187,.18);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.92}.wheelHub{position:relative;z-index:2;box-shadow:0 0 0 1px #ffffff24 inset,0 0 18px #ffffff1a,0 10px 24px #00000059}.wheelLeds,.ledRing{filter:brightness(1.25) saturate(1.4);opacity:.95}.wheelResult{background:#ffffff1a;border:1px solid rgba(255,255,255,.16);box-shadow:0 14px 28px #00000059,0 0 24px #21e6ff1a}.wheelsOverlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:radial-gradient(1200px 680px at 50% 35%,#8c50ff99,#0000 60%),radial-gradient(980px 640px at 18% 30%,#00ffff75,#0000 62%),radial-gradient(980px 640px at 82% 30%,#ff50c866,#0000 62%),radial-gradient(1400px 900px at 50% 100%,#00a0ff29,#0000 60%),linear-gradient(180deg,#00000094,#000000c2)!important;filter:brightness(1.25) contrast(1.1) saturate(1.3)}.wheelsFrame{border:1px solid rgba(255,255,255,.22)!important;background:radial-gradient(1100px 520px at 50% 0%,#ffffff38,#fff0 55%),linear-gradient(180deg,#141828f0,#080a10f0)!important;box-shadow:0 34px 110px #000000b3,0 0 0 1px #0000005c inset,0 0 70px #00ffff2e,0 0 70px #ff50c824!important;position:relative;overflow:hidden}.wheelsFrame:after{content:"";position:absolute;inset:-2px;border-radius:26px;background:radial-gradient(circle at 10px 10px,#ffffffeb 0 3px,#0000 4px) 0 0/22px 22px,radial-gradient(circle at 10px 10px,#0ff9 0 2px,#0000 4px) 11px 11px/22px 22px;opacity:.62;filter:drop-shadow(0 0 16px rgba(0,255,255,.2)) drop-shadow(0 0 20px rgba(255,80,200,.16));animation:frameLeds 1.05s linear infinite;pointer-events:none}@keyframes frameLeds{0%{transform:translateZ(0)}to{transform:translate3d(-22px,0,0)}}.wheelLeds{opacity:1!important;filter:drop-shadow(0 0 16px rgba(255,255,255,.24)) drop-shadow(0 0 26px rgba(0,255,255,.22)) drop-shadow(0 0 24px rgba(255,80,200,.18))!important;animation-duration:1.15s!important}.wheelDiskStatic{filter:brightness(1.35) saturate(1.35) contrast(1.12)!important;box-shadow:0 26px 70px #0000008c,0 0 0 1px #ffffff1f inset,0 0 44px #00ffff29,0 0 40px #ff50c81f!important}.wheelSlotWindow{position:absolute;left:50%;top:50%;transform:translate(-50%,-54%);width:min(340px,80%);height:132px;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#00000061,#0009);border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 40px #0006,0 0 0 1px #00000059 inset,0 0 34px #00ffff24,0 0 30px #ff50c81f}.slotCenterLine{position:absolute;left:12px;right:12px;top:50%;height:2px;background:linear-gradient(90deg,#0000,#ffffffa6,#0000);filter:drop-shadow(0 0 12px rgba(255,255,255,.22));transform:translateY(-1px);pointer-events:none}.wheelsOverlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:radial-gradient(1000px 600px at 50% 28%,#785aff8c,#0000 62%),radial-gradient(900px 620px at 18% 30%,#00ffff6b,#0000 64%),radial-gradient(900px 620px at 82% 30%,#ff50c861,#0000 64%),linear-gradient(180deg,#00000085,#000000c7)!important;filter:brightness(1.3) contrast(1.1) saturate(1.25)}.wheelsFrame{border:1px solid rgba(255,255,255,.22)!important;background:radial-gradient(1100px 520px at 50% 0%,#ffffff38,#fff0 55%),linear-gradient(180deg,#141828eb,#080a10f0)!important;box-shadow:0 34px 110px #000000b3,0 0 0 1px #0000005c inset,0 0 80px #00ffff2e,0 0 80px #ff50c824!important;position:relative;overflow:hidden;transform:translateZ(0);contain:paint}.wheelsFrame:after{content:"";position:absolute;inset:-2px;border-radius:26px;background:radial-gradient(circle at 10px 10px,#ffffffeb 0 3px,#0000 4px) 0 0/22px 22px,radial-gradient(circle at 10px 10px,#0ff9 0 2px,#0000 4px) 11px 11px/22px 22px;opacity:.65;filter:drop-shadow(0 0 18px rgba(0,255,255,.2)) drop-shadow(0 0 22px rgba(255,80,200,.16));animation:frameLedsSimple 1.05s linear infinite;pointer-events:none}@keyframes frameLedsSimple{0%{transform:translateZ(0)}to{transform:translate3d(-22px,0,0)}}.wheelsTitle{background:#ffffff1a!important;border:1px solid rgba(255,255,255,.18)!important;text-shadow:0 0 12px rgba(0,255,255,.4),0 0 18px rgba(255,80,200,.26),0 10px 30px rgba(0,0,0,.42)!important}.wheelCard.simple{background:linear-gradient(180deg,#ffffff14,#00000047)!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 20px 60px #0006,0 0 0 1px #00000059 inset,0 0 34px #00ffff1f,0 0 30px #ff50c81a!important;overflow:hidden;position:relative}.wheelCard.simple:before{content:"";position:absolute;left:-40px;right:-40px;top:-1px;height:16px;background:radial-gradient(circle at 10px 8px,#ffffffd9 0 3px,#0000 4px) 0 0/20px 16px,radial-gradient(circle at 10px 8px,#00ffff8c 0 2px,#0000 4px) 10px 0/20px 16px;opacity:.6;animation:cardLeds .95s linear infinite;filter:drop-shadow(0 0 14px rgba(0,255,255,.18));pointer-events:none}@keyframes cardLeds{0%{transform:translateZ(0)}to{transform:translate3d(-20px,0,0)}}.wheelSimplePanel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px 14px 16px;min-height:260px}.wheelSimpleValue{width:100%;text-align:center;font-weight:900;letter-spacing:.3px;font-size:clamp(22px,3.2vw,42px);padding:14px;border-radius:16px;background:linear-gradient(180deg,#00000047,#0000008c);border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 34px #0006,0 0 0 1px #00000059 inset,0 0 26px #00ffff1f,0 0 22px #ff50c81a;color:#fffffffa;text-shadow:0 0 12px rgba(0,255,255,.28),0 0 14px rgba(255,80,200,.18),0 12px 24px rgba(0,0,0,.46)}.wheelSimpleSub{margin-top:8px;font-size:14px;opacity:.9;letter-spacing:.2px}.wheelSimpleSpinner{width:54px;height:54px;position:relative;border-radius:999px;background:conic-gradient(from 0deg,#21e6fff2,#7cff6bbf,#ff3dbbe6,#21e6fff2);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 4px));box-shadow:0 0 22px #21e6ff2e,0 0 18px #ff3dbb24;opacity:0;transform:translateZ(0);will-change:transform,opacity}.wheelSimpleSpinner.on{opacity:1;animation:spinFast .75s linear infinite}.wheelSimpleSpinner.stop{opacity:1;animation:spinStop .52s cubic-bezier(.12,.9,.18,1) 1 forwards}.wheelSimpleSpinner.impact{filter:brightness(1.35)}@keyframes spinFast{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinStop{0%{transform:rotate(0)}to{transform:rotate(540deg)}}.wheelsFrame:after{content:none!important;display:none!important}:root{--wheelRowH: 44px}.wheelReelWindow{width:100%;height:var(--wheelRowH);min-height:var(--wheelRowH);max-height:var(--wheelRowH);overflow:hidden;position:relative;display:block;padding:0;border:0;box-sizing:border-box;line-height:var(--wheelRowH)}.wheelReel{width:100%;will-change:transform;transform:translateZ(0);position:absolute;top:0;left:0}.wheelReelItem{height:var(--wheelRowH);min-height:var(--wheelRowH);max-height:var(--wheelRowH);line-height:var(--wheelRowH);display:block;text-align:center;white-space:nowrap}.wheelReelWindow:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 18px 18px #000000a6,inset 0 -18px 18px #000000a6}body.present .presentHeader .brand img,body.present img.brandLogo,body.present img.rankingLogo{width:auto!important;max-width:260px!important;height:clamp(56px,7vh,86px)!important;object-fit:contain!important;display:block!important;filter:none!important}body.present .card img.brandLogo,body.present .card img.rankingLogo{width:auto!important;max-width:260px!important}.wheelsOverlay{background:radial-gradient(1200px 700px at 50% 40%,#7850ff59,#0000 60%),radial-gradient(900px 560px at 18% 28%,#00dcff4d,#0000 62%),radial-gradient(900px 560px at 82% 28%,#ff5ab442,#0000 62%),linear-gradient(180deg,#050a1459,#00000073)!important;-webkit-backdrop-filter:blur(5px) saturate(1.25)!important;backdrop-filter:blur(5px) saturate(1.25)!important}.wheelsFrame{background:radial-gradient(1200px 420px at 50% 0%,#ffffff24,#fff0 58%),linear-gradient(180deg,#12285feb,#08122deb)!important;border:1px solid rgba(0,220,255,.28)!important;box-shadow:0 28px 90px #0000008c,0 0 45px #00c8ff33,0 0 0 1px #0000004d inset!important}.wheelCard{background:radial-gradient(520px 260px at 50% 0%,#ffffff24,#fff0 62%),linear-gradient(180deg,#ffffff17,#ffffff0d)!important;border:1px solid rgba(0,220,255,.22)!important;box-shadow:0 18px 45px #0006,0 0 26px #00c8ff29,0 0 0 1px #00000038 inset!important}.wheelLabel{color:#f4fbff!important;text-shadow:0 0 10px rgba(0,220,255,.65),0 0 18px rgba(0,160,255,.45)!important}.wheelReelWindow{background:#0003!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:inset 0 0 24px #00000040,0 0 18px #00c8ff1f!important}.wheelReelItem{color:#fff!important;text-shadow:0 0 14px rgba(0,220,255,.35)!important}.wheelSimpleSub{color:#ffffffe0!important}.wheelsFrame,.wheelsGrid{filter:brightness(1.18) contrast(1.12) saturate(1.12)!important}body.present .ruletasOverlay,body.present .wheelsOverlay{background:radial-gradient(1200px 600px at 50% 35%,#50b4ff47,#0000 60%),radial-gradient(900px 500px at 15% 20%,#7850ff2e,#0000 55%),linear-gradient(180deg,#0814378c,#060c1ccc)!important}body.present .ruletasContainer,body.present .wheelsFrame,body.present .ruletaPanel{filter:brightness(1.55) contrast(1.22) saturate(1.25)!important}body.present .ruletaBox,body.present .wheelCard,body.present .ruleta{box-shadow:0 0 18px #00f0ff47,0 0 36px #00b4ff38,inset 0 0 26px #ffffff1a!important}body.present .ruletaTitulo,body.present .wheelTitle,body.present .ruletaResultado,body.present .wheelResult,body.present .resultado{text-shadow:0 0 10px rgba(0,240,255,.95),0 0 22px rgba(0,200,255,.7),0 0 40px rgba(0,160,255,.45)!important}body.present .card img.rankingLogo,body.present img.rankingLogo,body.present .card img.brandLogo,body.present img.brandLogo{width:auto!important;max-width:320px!important;height:clamp(60px,7vh,100px)!important;object-fit:contain!important;display:block!important}body.present .wheelsFrame:after{content:"";position:absolute;inset:-3px;border-radius:26px;padding:3px;opacity:.95;pointer-events:none;background:conic-gradient(from 0deg,#ffffffeb 0deg 6deg,#00f0ffbf 6deg 14deg,#0000 14deg 22deg,#ff50c88c 22deg 30deg,#0000 30deg 38deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;filter:drop-shadow(0 0 14px rgba(0,240,255,.45)) drop-shadow(0 0 18px rgba(255,80,200,.28)) drop-shadow(0 0 10px rgba(255,255,255,.2));animation:frameLedsOrbit 3.2s linear infinite!important}@keyframes frameLedsOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.visual-image{width:100%;max-height:260px;object-fit:contain;border-radius:14px;transition:filter .6s ease,transform .6s ease}.visual-image.distorted{filter:blur(32px) brightness(.75) contrast(1.35) saturate(1.4);transform:none}.visual-image.revealed{filter:none;transform:none}body.present .visual-image{max-height:60vh;width:100%;height:auto;object-fit:contain}body.present .visual-image.distorted{transform:none}.scorePanel{display:flex;flex-direction:column;gap:10px}.scoreSubTitle{font-weight:900;letter-spacing:.5px;margin-bottom:6px}.scoreField{display:flex;flex-direction:column;gap:6px}.scoreField>span{font-size:12px;opacity:.8}.onlineLobbyCard{margin:18px 0;border:1px solid rgba(102,126,234,.28)}.onlineNotice,.onlineError{border-radius:12px;padding:12px 14px;font-weight:800}.onlineNotice{background:#667eea1f;color:var(--text)}.onlineError{margin-top:14px;background:#ff415c24;border:1px solid rgba(255,65,92,.32);color:#ffb6c0}.onlineCreateRow{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.onlineField{display:grid;gap:6px;flex:1 1 280px;font-weight:900}.onlineField>span{color:var(--muted);font-size:.86rem}.onlineLobbyGrid{display:grid;grid-template-columns:minmax(0,1.35fr) auto minmax(240px,.8fr);gap:18px;align-items:start}.onlineRoomMain{display:grid;gap:12px}.onlineRoomCodeLabel{color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.onlineRoomCode{font-size:clamp(2.7rem,7vw,5.4rem);line-height:.9;font-weight:1000;letter-spacing:.12em;color:#fff;text-shadow:0 0 28px rgba(102,126,234,.58)}.onlineStatusRow{display:flex;flex-wrap:wrap;gap:8px}.onlineQrWrap{display:grid;justify-items:center;gap:8px;padding:10px;border-radius:16px;background:#fff;color:#111}.onlineQrCaption{font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.onlinePlayers{display:grid;gap:8px}.onlinePlayersTitle{font-weight:1000;margin-bottom:4px}.onlinePlayerRow{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:#ffffff0e;border:1px solid rgba(255,255,255,.08)}.onlineDot{width:10px;height:10px;border-radius:999px;flex:0 0 auto}.onlineDot.active{background:#38e787;box-shadow:0 0 12px #38e787e6}.onlineDot.idle{background:#f4b942}.onlinePlayerMeta{color:var(--muted);font-size:.78rem;margin-top:2px}.mobileJoinShell{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 10%,rgba(102,126,234,.28),transparent 42%),radial-gradient(circle at 85% 85%,rgba(255,61,187,.2),transparent 40%),#070812}.mobileJoinCard{width:min(100%,460px);padding:26px;border-radius:24px;background:#121424f0;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 80px #00000073;color:#fff;text-align:center}.mobileJoinCard h1{margin:8px 0 6px;font-size:clamp(2rem,8vw,3rem)}.mobileJoinCard p{color:#ffffffb8;line-height:1.5}.mobileJoinLogo{width:92px;height:92px;object-fit:contain;border-radius:18px}.mobileEyebrow,.mobileConnectionBadge{margin-top:14px;font-weight:1000;letter-spacing:.09em;font-size:.75rem}.mobileConnectionBadge{color:#38e787}.mobileField{display:grid;gap:7px;text-align:left;margin:15px 0;font-weight:900}.mobileField span{color:#ffffffad;font-size:.82rem}.mobileField input{width:100%;box-sizing:border-box;padding:15px 16px;border-radius:13px;border:1px solid rgba(255,255,255,.15);background:#ffffff12;color:#fff;font-size:1.1rem;font-weight:900;outline:none}.mobileField:first-of-type input{text-align:center;font-size:1.7rem;letter-spacing:.16em}.mobileField input:focus{border-color:#667eeaf2;box-shadow:0 0 0 3px #667eea2e}.mobilePrimaryButton,.mobileSecondaryButton{width:100%;border:0;border-radius:14px;padding:15px 18px;font-weight:1000;font-size:1rem;cursor:pointer}.mobilePrimaryButton{margin-top:6px;background:linear-gradient(135deg,#667eea,#ff3dbb);color:#fff}.mobilePrimaryButton:disabled{opacity:.6;cursor:wait}.mobileSecondaryButton{margin-top:22px;background:#ffffff14;color:#ffffffd9}.mobileRoomCode{margin:18px 0;font-size:clamp(2.6rem,15vw,4.6rem);font-weight:1000;letter-spacing:.12em;text-shadow:0 0 24px rgba(102,126,234,.65)}.mobileWaitingPulse{width:18px;height:18px;margin:22px auto 10px;border-radius:999px;background:#667eea;animation:mobileLobbyPulse 1.4s ease-in-out infinite}.mobileWaitingText{color:#ffffffa6;font-weight:900}.mobileJoinError{margin-top:14px;padding:11px 12px;border-radius:12px;background:#ff415c26;border:1px solid rgba(255,65,92,.32);color:#ffc0c8;font-weight:800}@keyframes mobileLobbyPulse{0%,to{transform:scale(.75);opacity:.45}50%{transform:scale(1.25);opacity:1;box-shadow:0 0 24px #667eeae6}}@media(max-width:900px){.onlineLobbyGrid{grid-template-columns:1fr}.onlineQrWrap{justify-self:start}}.roundPresetRow{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.roundSequenceEditor{display:flex;gap:8px;flex-wrap:wrap;align-items:stretch}.roundSequenceItem{display:grid;grid-template-columns:auto minmax(100px,1fr) auto auto auto;align-items:center;gap:7px;min-width:250px;padding:9px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.11);background:#ffffff0e}.roundSequenceItem.trivia{border-color:#667eea6b}.roundSequenceItem.visual{border-color:#ff3dbb6b}.roundSequenceItem>span{display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#ffffff1a;font-weight:1000}.roundSequenceIcon{width:28px;height:28px;padding:0;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff12;color:#fff;font-weight:1000;cursor:pointer}.roundSequenceIcon:disabled{opacity:.3;cursor:not-allowed}.roundSequenceIcon.danger:not(:disabled){color:#ff9cad;border-color:#ff415c4d}.onlineAnswerMonitor{margin:16px 0;padding:14px;border-radius:16px;border:1px solid rgba(102,126,234,.3);background:#667eea12}.onlineSubmissionList{display:grid;gap:8px}.onlineSubmissionRow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:#ffffff0e;border:1px solid rgba(255,255,255,.08)}.onlineSubmissionAnswer{min-width:42px;max-width:220px;overflow-wrap:anywhere;padding:7px 10px;border-radius:10px;background:#ffffff1a;font-weight:1000;text-align:center}.mobileRoomCode.small{margin:10px 0 4px;font-size:clamp(1.8rem,9vw,2.8rem)}.mobileQuestionPanel,.mobileRevealPanel{margin-top:18px;text-align:left}.mobileQuestionMeta{color:#ffffff94;font-size:.78rem;font-weight:1000;letter-spacing:.06em;text-transform:uppercase}.mobileQuestionTitle{margin:10px 0 16px!important;font-size:clamp(1.45rem,6vw,2.2rem)!important;line-height:1.15}.mobileChoiceGrid{display:grid;gap:10px}.mobileChoiceButton{width:100%;padding:14px 15px;border-radius:13px;border:1px solid rgba(255,255,255,.14);background:#ffffff12;color:#fff;text-align:left;font-size:1rem;font-weight:900;cursor:pointer}.mobileChoiceButton:not(:disabled):active,.mobileChoiceButton.selected{border-color:#ff3dbbcc;background:linear-gradient(135deg,#667eea73,#ff3dbb66)}.mobileChoiceButton:disabled{cursor:not-allowed;opacity:.7}.mobileAnswerLocked,.mobileResultCorrect,.mobileResultWrong,.mobileVisualSolution{margin-top:14px;padding:11px 12px;border-radius:12px;font-weight:900;text-align:center}.mobileAnswerLocked{background:#667eea24;border:1px solid rgba(102,126,234,.32)}.mobileResultCorrect{background:#38e78726;border:1px solid rgba(56,231,135,.35);color:#8fffc0}.mobileResultWrong{background:#ff415c26;border:1px solid rgba(255,65,92,.35);color:#ffc0c8}.mobileVisualSolution{background:#ff3dbb24;border:1px solid rgba(255,61,187,.32);font-size:1.2rem}.mobileVisualImage{width:100%;max-height:280px;object-fit:contain;border-radius:14px;margin:4px 0 12px;background:#00000040}@media(max-width:620px){.roundSequenceItem{min-width:100%}.onlineSubmissionRow{grid-template-columns:1fr auto}.onlineSubmissionRow .btn{grid-column:1 / -1}}.mobileSyncedTimer{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"label value" "note note";align-items:center;gap:4px 12px;margin:16px 0 8px;padding:13px 15px;border-radius:15px;border:1px solid rgba(102,126,234,.45);background:linear-gradient(135deg,#667eea2b,#ff3dbb1c);text-align:left}.mobileSyncedTimerLabel{grid-area:label;color:#ffffff9e;font-size:.75rem;font-weight:1000;letter-spacing:.1em}.mobileSyncedTimerValue{grid-area:value;justify-self:end;font-size:2rem;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 0 18px rgba(102,126,234,.7)}.mobileSyncedTimerNote{grid-area:note;color:#ffffffa8;font-size:.78rem;font-weight:800}.mobileSyncedTimer.danger{border-color:#ffb940b3;background:#ffb9401f}.mobileSyncedTimer.danger .mobileSyncedTimerValue{color:#ffd67f;animation:mobileTimerPulse .72s ease-in-out infinite}.mobileSyncedTimer.paused{border-color:#46c3ff8c;background:#46c3ff1a}.mobileSyncedTimer.expired{border-color:#ff415c7a;background:#ff415c1c}.mobileSyncedTimer.expired .mobileSyncedTimerValue{color:#ffc0c8;font-size:1.45rem}.mobileChoiceButton{display:grid;gap:5px}.mobileChoiceHint{color:#ffd6f3;font-size:.72rem;font-weight:900}.mobileConfirmAnswer{margin-top:13px}.mobileConfirmAnswer:disabled{cursor:not-allowed;opacity:.48}.mobileSelectionHelp{margin-top:8px;color:#ffffff94;font-size:.76rem;font-weight:750;line-height:1.35;text-align:center}@keyframes mobileTimerPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.07);opacity:1}}.mobileTeamSelector{display:grid;gap:6px;margin:12px 0 8px;padding:10px 12px;border-radius:13px;border:1px solid rgba(102,126,234,.32);background:#667eea14;text-align:left}.mobileTeamSelector>span{color:#ffffffb8;font-size:.76rem;font-weight:1000;letter-spacing:.06em;text-transform:uppercase}.mobileTeamSelector select{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#202338;color:#fff;font-size:.98rem;font-weight:900;outline:none}.mobileTeamSelector select:focus{border-color:#ff3dbbbf;box-shadow:0 0 0 3px #ff3dbb21}.mobileTeamSelector select:disabled{opacity:.58}.mobileTeamSelector small{color:#ffffff94;font-size:.72rem;font-weight:750;line-height:1.3}.mobileSyncedTimer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:9px 0 5px;padding:8px 11px;border-radius:11px;min-height:0}.mobileSyncedTimerLabel{font-size:.68rem;letter-spacing:.08em}.mobileSyncedTimerValue{font-size:1.35rem;line-height:1}.mobileSyncedTimer.expired .mobileSyncedTimerValue{font-size:1.05rem}.mobileJokerPanel{margin:10px 0 4px;padding:11px;border-radius:13px;border:1px solid rgba(255,197,61,.26);background:#ffc53d12;text-align:left}.mobileJokerHeader{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:9px}.mobileJokerHeader strong{font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}.mobileJokerHeader span{color:#ffffff8f;font-size:.72rem;font-weight:800}.mobileJokerGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.mobileJokerGrid button{min-width:0;padding:9px 6px;border-radius:10px;border:1px solid rgba(255,255,255,.13);background:#ffffff13;color:#fff;font-size:.84rem;font-weight:1000;cursor:pointer}.mobileJokerGrid button small{display:block;margin-top:3px;color:#ffffff94;font-size:.64rem;font-weight:800}.mobileJokerGrid button:disabled{opacity:.42;cursor:not-allowed}.mobileJokerNotice,.mobileJokerRequested{padding:8px 9px;border-radius:9px;background:#ffffff0e;color:#ffffffad;font-size:.74rem;font-weight:800;text-align:center}.mobileJokerRequested{margin-top:8px;color:#ffe29a}.onlineJokerMonitor{margin:12px 0 16px;padding:14px;border-radius:16px;border:1px solid rgba(255,197,61,.28);background:#ffc53d0e}@media(max-width:380px){.mobileJokerGrid{grid-template-columns:1fr}}.mobileTeamLockedSummary{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 7px;padding:8px 11px;border-radius:11px;border:1px solid rgba(102,126,234,.28);background:#667eea12;text-align:left}.mobileTeamLockedSummary span{color:#ffffff94;font-size:.7rem;font-weight:950;letter-spacing:.06em;text-transform:uppercase}.mobileTeamLockedSummary strong{color:#fff;font-size:.88rem;font-weight:1000}.questionDbRuntimeSummary{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin:12px 0}.questionDbRuntimeSummary>div{border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px 12px;background:#ffffff09;display:grid;gap:4px}.questionDbRuntimeSummary span,.difficultyControls label>span{color:var(--muted);font-size:12px;font-weight:800}.questionDbRuntimeSummary strong{font-size:15px}.difficultyControls{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin:10px 0}.difficultyControls label{display:grid;gap:5px;min-width:120px}.hostQuestionSourcePanel{margin:14px auto;max-width:1500px}.onlineResolveMonitor{margin-top:14px}.mobileResolveRequestPanel{display:grid;gap:8px;padding:12px;border-radius:16px;border:1px solid rgba(118,226,255,.24);background:#37c6ff12}.mobileResolveRequestPanel small{color:#ffffffb8;line-height:1.35}.mobileResolveButton{margin:0}.mobileResultComparison{display:grid;gap:10px}.mobileResultComparison>div{display:grid;gap:5px;text-align:left}.mobileResultComparison span{font-size:12px;opacity:.78;text-transform:uppercase;letter-spacing:.06em}.mobileResultComparison strong{font-size:16px;line-height:1.35}@media(max-width:760px){.questionDbRuntimeSummary{grid-template-columns:repeat(2,minmax(0,1fr))}}.mobileRankingToggle{width:100%;margin:8px 0 10px}.mobileRankingPanel{display:grid;gap:10px;margin:0 0 12px;padding:12px;border-radius:16px;border:1px solid rgba(125,211,252,.24);background:#38bdf811;text-align:left}.mobileRankingHeader{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.mobileRankingHeader.users{margin-top:5px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.mobileRankingHeader strong{font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}.mobileRankingHeader span{color:#ffffff94;font-size:.72rem;font-weight:850}.mobileRankingList,.mobileUserStatsList{display:grid;gap:7px}.mobileRankingRow,.mobileUserStatsRow{display:grid;align-items:center;gap:9px;padding:9px 10px;border-radius:11px;border:1px solid rgba(255,255,255,.09);background:#ffffff0b}.mobileRankingRow{grid-template-columns:auto minmax(0,1fr) auto}.mobileRankingPosition{min-width:30px;color:#7dd3fc;font-size:.82rem;font-weight:1000}.mobileRankingRow>div,.mobileUserStatsRow>div{min-width:0;display:grid;gap:2px}.mobileRankingRow strong,.mobileUserStatsRow strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobileRankingRow small,.mobileUserStatsRow small{color:#ffffff94;font-size:.68rem;font-weight:800}.mobileRankingRow b{color:#fff;font-size:.86rem}.mobileUserStatsRow{grid-template-columns:minmax(0,1fr) auto}.mobileUserStatsRow>span{color:#ffffffc7;font-size:.72rem;font-weight:900;white-space:nowrap}.mobileNextTurnPanel{display:grid;gap:8px;margin-top:12px;padding:12px;border-radius:16px;border:1px solid rgba(167,139,250,.28);background:#8b5cf614}.mobileNextTurnPanel small{color:#ffffffb3;line-height:1.35}.mobileReadyPanel{display:grid;gap:10px;margin:14px 0;padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:#ffffff0b;text-align:center}.mobileReadyPanel.ready{border-color:#58ffb08c;background:#1fae7021}.mobileReadyPanel.requested{border-color:#ffbf47b8;box-shadow:0 0 0 3px #ffbf4717}.mobileReadyPanel small{color:var(--muted, #b9bdd0);font-weight:800}.mobileReadyPrompt{padding:10px 12px;border-radius:12px;background:#ffbf4721;color:#ffe6ad;font-weight:900;line-height:1.35}.mobileForceCountdown{position:sticky;top:10px;z-index:20;display:grid;place-items:center;gap:4px;margin:12px 0;padding:14px;border:1px solid rgba(255,99,132,.72);border-radius:16px;background:linear-gradient(135deg,#701431f5,#30144af5);box-shadow:0 12px 30px #00000052;text-align:center}.mobileForceCountdown span{font-weight:900}.mobileForceCountdown strong{font-size:clamp(2.5rem,16vw,4.25rem);line-height:.95;color:#fff}.gameModeGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gameModeCard{display:grid;gap:7px;min-height:116px;padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:#ffffff0a;color:inherit;text-align:left;cursor:pointer}.gameModeCard strong{font-size:1rem}.gameModeCard span{color:var(--muted);line-height:1.4}.gameModeCard.selected{border-color:#49d9ffb8;background:linear-gradient(135deg,#17a4cc2e,#b844ff21);box-shadow:0 0 0 3px #49d9ff14}.directedQuestionPanel{border-color:#ffc14959;background:linear-gradient(135deg,#ffb4260e,#8e43ff0f)}.onlineSessionManager{margin-bottom:18px}.onlineSessionList{display:grid;gap:10px;margin-top:12px}.onlineSessionRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#ffffff09}.onlineSessionMain{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start}.onlineSessionMain>div:last-child{display:grid;gap:3px;min-width:0}.onlineSessionMain small{color:var(--muted);overflow-wrap:anywhere}.onlineSessionCode{padding:8px 10px;border-radius:12px;background:#49d9ff1a;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:1000;letter-spacing:.12em}.onlineSessionActions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.onlineSessionResult{grid-column:1 / -1;display:grid;gap:7px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.onlineSessionResult>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:8px 10px;border-radius:10px;background:#ffffff09}.onlineSessionResult small{color:var(--muted)}.mobileModeBadge{align-self:center;margin:2px auto 10px;padding:6px 10px;border:1px solid rgba(73,217,255,.28);border-radius:999px;background:#49d9ff14;color:#ffffffe6;font-size:.74rem;font-weight:950}@media(max-width:760px){.gameModeGrid,.onlineSessionRow{grid-template-columns:1fr}.onlineSessionActions{justify-content:flex-start}.onlineSessionResult>div{grid-template-columns:minmax(0,1fr) auto}.onlineSessionResult small{grid-column:1 / -1}}.resumedSessionNotice{display:grid;gap:4px;margin-bottom:12px;border-color:#38e78752;background:#38e78714}.resumedSessionNotice strong{color:#8fffc0}.mobileConfettiLayer{position:fixed;inset:0;z-index:10000;overflow:hidden;pointer-events:none}.mobileConfettiLayer i{position:absolute;top:-24px;display:block;border-radius:2px;opacity:0;animation-name:mobileConfettiFall;animation-timing-function:cubic-bezier(.18,.72,.32,1);animation-fill-mode:forwards}.mobileResultShake .mobileJoinCard{animation:mobileWrongShake .62s cubic-bezier(.36,.07,.19,.97) both;border-color:#ff415c9e;box-shadow:0 0 0 3px #ff415c1f,0 24px 80px #00000073}@keyframes mobileWrongShake{0%,to{transform:translateZ(0)}15%{transform:translate3d(-9px,0,0) rotate(-.5deg)}30%{transform:translate3d(8px,0,0) rotate(.45deg)}45%{transform:translate3d(-6px,0,0) rotate(-.35deg)}60%{transform:translate3d(5px,0,0) rotate(.25deg)}75%{transform:translate3d(-3px,0,0)}}@keyframes mobileConfettiFall{0%{opacity:1;transform:translate3d(0,-8vh,0) rotate(0)}35%{opacity:1}to{opacity:0;transform:translate3d(18px,108vh,0) rotate(760deg)}}@media(prefers-reduced-motion:reduce){.mobileResultShake .mobileJoinCard,.mobileConfettiLayer i{animation:none}}.mobileLateJoinNotice{display:block;margin:4px 0 8px;color:#ffdd8bf5;font-size:12px;line-height:1.35}.mobileConfettiSpectacular{background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.42) 0,rgba(255,255,255,.1) 18%,transparent 42%),radial-gradient(circle at 28% 38%,rgba(255,61,187,.26),transparent 36%),radial-gradient(circle at 72% 38%,rgba(56,231,135,.24),transparent 36%);animation:mobileCelebrationBackdrop 1.1s ease-out both}.mobileCelebrationFlash{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.88),rgba(255,221,102,.44) 12%,rgba(255,61,187,.2) 28%,transparent 58%);animation:mobileCelebrationFlash 1.05s ease-out both}.mobileCelebrationBadge{position:fixed;z-index:3;left:50%;top:42%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:2px;min-width:min(82vw,360px);padding:18px 22px 16px;border:2px solid rgba(255,255,255,.82);border-radius:24px;color:#fff;text-align:center;background:linear-gradient(135deg,#667eeaf5,#ff3dbbf5 52%,#38e787f0);box-shadow:0 0 0 8px #ffffff1a,0 24px 80px #00000085,0 0 60px #ff3dbb8c,0 0 80px #38e78757;animation:mobileCelebrationBadge 3.65s cubic-bezier(.16,.9,.22,1) both}.mobileCelebrationBadge span{font-size:42px;line-height:1;filter:drop-shadow(0 8px 14px rgba(0,0,0,.32))}.mobileCelebrationBadge strong{font-size:clamp(30px,10vw,48px);line-height:1;letter-spacing:1.5px;text-shadow:0 4px 18px rgba(0,0,0,.35),0 0 20px rgba(255,255,255,.42)}.mobileCelebrationBadge small{font-size:14px;font-weight:800;letter-spacing:.5px;color:#ffffffeb}.mobileConfettiSpectacular i{top:-42px;opacity:0;box-shadow:0 0 8px #ffffff47;animation-name:mobileConfettiSpectacularFall;animation-timing-function:cubic-bezier(.13,.72,.24,1)}.mobileConfettiBurst{position:fixed;z-index:2;left:50%;top:45%;width:1px;height:1px}.mobileConfettiBurst b{--burst-angle: 0deg;--burst-distance: 150px;--burst-delay: 0s;position:absolute;left:0;top:0;font-size:18px;line-height:1;opacity:0;text-shadow:0 0 12px currentColor;animation:mobileConfettiBurst 1.45s cubic-bezier(.12,.76,.25,1) var(--burst-delay) both}@keyframes mobileCelebrationBackdrop{0%{opacity:0}10%{opacity:1}75%{opacity:1}to{opacity:0}}@keyframes mobileCelebrationFlash{0%{opacity:0;transform:scale(.4)}14%{opacity:1;transform:scale(1.2)}48%{opacity:.42;transform:scale(1.55)}to{opacity:0;transform:scale(2)}}@keyframes mobileCelebrationBadge{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-8deg)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.12) rotate(2deg)}20%{transform:translate(-50%,-50%) scale(.98) rotate(0)}74%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-62%) scale(.88)}}@keyframes mobileConfettiSpectacularFall{0%{opacity:1;transform:translate3d(0,-12vh,0) rotate(0) scale(.85)}15%{opacity:1}72%{opacity:1}to{opacity:0;transform:translate3d(var(--confetti-drift),112vh,0) rotate(var(--confetti-spin)) scale(1.08)}}@keyframes mobileConfettiBurst{0%{opacity:0;transform:rotate(var(--burst-angle)) translate(0) scale(.2)}18%{opacity:1}78%{opacity:1}to{opacity:0;transform:rotate(var(--burst-angle)) translate(var(--burst-distance)) scale(1.35) rotate(360deg)}}@media(prefers-reduced-motion:reduce){.mobileConfettiSpectacular,.mobileCelebrationFlash,.mobileCelebrationBadge,.mobileConfettiSpectacular i,.mobileConfettiBurst b{animation:none!important}.mobileCelebrationBadge{opacity:1}}.mobileQrScanButton{width:100%;margin:-4px 0 8px;padding:12px 16px;border:1px solid rgba(125,211,252,.38);border-radius:13px;background:#7dd3fc17;color:#dff7ff;font-size:.96rem;font-weight:1000;cursor:pointer}.mobileQrScanButton span{display:inline-grid;place-items:center;margin-right:7px;font-size:1.15rem;transform:rotate(45deg)}.mobileQrScanButton:active{transform:translateY(1px)}.mobileQrScannerOverlay{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:18px;background:#02040ce6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobileQrScannerDialog{position:relative;width:min(100%,440px);max-height:calc(100vh - 36px);overflow-y:auto;padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:#111426;box-shadow:0 30px 100px #0000009e;color:#fff;text-align:center}.mobileQrScannerDialog h2{margin:2px 34px 4px;font-size:1.55rem}.mobileQrScannerDialog>p{margin:0 0 14px;color:#ffffffb3}.mobileQrScannerClose{position:absolute;top:10px;right:10px;width:38px;height:38px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff14;color:#fff;font-size:1.6rem;line-height:1;cursor:pointer}.mobileQrVideoFrame{position:relative;overflow:hidden;aspect-ratio:1 / 1;border:1px solid rgba(125,211,252,.38);border-radius:20px;background:#03050c;box-shadow:inset 0 0 0 1px #ffffff0d}.mobileQrVideoFrame video{width:100%;height:100%;object-fit:cover}.mobileQrTarget{position:absolute;inset:17%;border:3px solid rgba(255,255,255,.94);border-radius:18px;box-shadow:0 0 0 999px #00000047,0 0 28px #7dd3fc80}.mobileQrTarget:before,.mobileQrTarget:after{content:"";position:absolute;left:8%;right:8%;height:2px;background:linear-gradient(90deg,transparent,#38e787,transparent);box-shadow:0 0 12px #38e787e6;animation:mobileQrScanLine 1.8s ease-in-out infinite}.mobileQrTarget:before{top:8%}.mobileQrTarget:after{display:none}.mobileQrStarting{position:absolute;inset:0;display:grid;place-items:center;background:#03050cd1;color:#fff;font-weight:1000}.mobileQrScannerHint{margin-top:12px;color:#ffffffb3;font-size:.85rem;line-height:1.4}@keyframes mobileQrScanLine{0%,to{transform:translateY(0);opacity:.65}50%{transform:translateY(calc(100% + 155px));opacity:1}}.mobileConfettiSpectacular{animation:mobileCelebrationBackdrop 6.45s ease-out both}.mobileCelebrationFlash{animation:mobileCelebrationFlash 1.55s ease-out both}.mobileCelebrationBadge{animation:mobileCelebrationBadge 5.85s cubic-bezier(.16,.9,.22,1) .2s both}.mobileConfettiBurst b{animation-duration:2.25s}@keyframes mobileCelebrationBackdrop{0%{opacity:0}7%{opacity:1}88%{opacity:1}to{opacity:0}}@keyframes mobileCelebrationBadge{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-8deg)}9%{opacity:1;transform:translate(-50%,-50%) scale(1.12) rotate(2deg)}16%{transform:translate(-50%,-50%) scale(.98) rotate(0)}82%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-60%) scale(.9)}}@media(max-width:520px){.mobileQrScannerDialog{padding:18px}.mobileQrVideoFrame{border-radius:16px}}.hostRelaunchPanel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;border:1px solid rgba(255,196,61,.62);background:radial-gradient(circle at 12% 20%,rgba(255,203,77,.17),transparent 36%),linear-gradient(135deg,#432b08f0,#1f1b37f5);box-shadow:0 18px 45px #00000047,0 0 0 3px #ffc43d0f}.hostRelaunchIcon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#ffc43d29;color:#ffd96a;font-size:2rem;font-weight:1000}.hostRelaunchCopy p{margin:4px 0 8px;color:#fffc;line-height:1.45}.hostRelaunchStatus{color:#ffe9a8;font-weight:900}.hostRelaunchButton{min-width:230px;min-height:48px}.mobileReadyPanel.nextRequestNeedsReady,.mobileNextTurnPanel.needsReadyAttention{border-color:#ffcf40f2;background:linear-gradient(135deg,#6c4c04eb,#3e2a08f0);box-shadow:0 0 0 3px #ffcf4021,0 12px 32px #ffb7002e;animation:mobileReadyAttentionShake .58s ease both,mobileReadyAttentionBreath 1.65s ease-in-out .58s infinite}.mobileReadyWarning,.mobileNextReadyWarning{padding:11px 12px;border-radius:12px;border:1px solid rgba(255,221,107,.5);background:#ffd34624;color:#fff0a8;font-weight:900;line-height:1.35;text-align:center}@keyframes mobileReadyAttentionShake{0%,to{transform:translate(0)}18%{transform:translate(-7px) rotate(-.5deg)}36%{transform:translate(6px) rotate(.5deg)}54%{transform:translate(-4px)}72%{transform:translate(3px)}}@keyframes mobileReadyAttentionBreath{0%,to{filter:brightness(1);box-shadow:0 0 0 3px #ffcf401a,0 10px 26px #ffb70021}50%{filter:brightness(1.18);box-shadow:0 0 0 6px #ffcf4033,0 16px 42px #ffb7004d}}@media(max-width:760px){.hostRelaunchPanel{grid-template-columns:1fr}.hostRelaunchButton{width:100%;min-width:0}}@media(prefers-reduced-motion:reduce){.mobileReadyPanel.nextRequestNeedsReady,.mobileNextTurnPanel.needsReadyAttention{animation:none}}.onlineCreationChooser,.onlineManualCreate{display:grid;gap:18px}.onlineCreationIntro,.onlineCreationModeHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.onlineCreationIntro h3,.onlineCreationModeHeader h3{margin:4px 0 6px;font-size:clamp(1.2rem,2vw,1.55rem)}.onlineCreationIntro p,.onlineCreationModeHeader p{margin:0;max-width:760px;color:var(--muted);font-weight:700;line-height:1.45}.onlineCreationEyebrow,.roomWizardEyebrow{display:inline-flex;font-size:.72rem;font-weight:1000;letter-spacing:.14em;color:#78e8ff}.onlineCreationChoiceGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.onlineCreationChoice{position:relative;display:grid;gap:10px;min-height:180px;padding:22px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:linear-gradient(145deg,#141b30f5,#0c101ff5);color:var(--text);text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.onlineCreationChoice:hover,.onlineCreationChoice:focus-visible{transform:translateY(-3px);border-color:#63daffb3;box-shadow:0 18px 40px #00000047;outline:none}.onlineCreationChoice.recommended{background:linear-gradient(145deg,#0f485cf5,#341652f5);border-color:#66e6ff61}.onlineCreationChoice strong{font-size:1.15rem}.onlineCreationChoice span:not(.onlineCreationBadge){color:#ebf2ffc2;line-height:1.5;font-weight:700}.onlineCreationChoice em{align-self:end;font-style:normal;font-weight:1000;color:#8feeff}.onlineCreationBadge{position:absolute;top:12px;right:12px;padding:5px 9px;border-radius:999px;background:#d9ff53;color:#172000;font-size:.65rem;font-weight:1000;letter-spacing:.08em}.onlineManualActions{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.roomWizard{display:grid;gap:18px;border-radius:24px;border:1px solid rgba(113,225,255,.28);background:radial-gradient(circle at 8% 0%,rgba(20,173,216,.16),transparent 34%),radial-gradient(circle at 92% 0%,rgba(223,52,193,.14),transparent 34%),#080d1bf0;padding:20px}.roomWizardHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.roomWizardHeader h3{margin:4px 0 5px;font-size:clamp(1.3rem,2.5vw,1.85rem)}.roomWizardHeader p{margin:0;color:var(--muted);font-weight:700}.roomWizardProgress{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.roomWizardProgressStep{display:grid;justify-items:center;gap:6px;padding:9px 5px;border:0;border-radius:12px;background:#ffffff0b;color:#e8eeff94}.roomWizardProgressStep span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ffffff14;font-weight:1000}.roomWizardProgressStep small{font-weight:900;white-space:nowrap}.roomWizardProgressStep.active{color:#fff;background:#50c1e624}.roomWizardProgressStep.active span{background:linear-gradient(135deg,#35d7ff,#d93ec9)}.roomWizardProgressStep.done{color:#bdfbce;cursor:pointer}.roomWizardProgressStep.done span{background:#4ad3753d}.roomWizardBody{min-height:350px;padding:22px;border-radius:20px;background:#ffffff09;border:1px solid rgba(255,255,255,.07)}.roomWizardStep{display:grid;gap:20px}.roomWizardStepTitle{display:flex;align-items:center;gap:14px}.roomWizardStepTitle>span{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#2fd5fff2,#da39c5f2);font-weight:1000}.roomWizardStepTitle h4{margin:0 0 4px;font-size:1.25rem}.roomWizardStepTitle p{margin:0;color:var(--muted);font-weight:700}.roomWizardFormGrid{display:grid;gap:14px}.roomWizardFormGrid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.roomWizardFormGrid label,.roomWizardTimePresets label,.roomWizardGroupCount,.roomWizardGroupGrid label{display:grid;gap:7px;font-weight:900}.roomWizardChoiceGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.roomWizardChoice{display:grid;gap:8px;min-height:130px;padding:18px;border-radius:17px;border:1px solid rgba(255,255,255,.12);background:#080d19c7;color:var(--text);text-align:left;cursor:pointer}.roomWizardChoice.selected{border-color:#56ddff;box-shadow:inset 0 0 0 1px #56ddff59,0 12px 28px #0003;background:linear-gradient(145deg,#114e62b3,#33174eb8)}.roomWizardChoice span{color:var(--muted);font-weight:700;line-height:1.4}.roomWizardTimePresets{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.roomWizardTimePresets label{width:150px}.roomWizardCategoryBox,.manualCategoryFilter{display:grid;gap:12px;padding:15px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#050a1575}.roomWizardCategoryHeader,.manualCategoryFilterHeader{display:flex;justify-content:space-between;align-items:center;gap:12px}.roomWizardCategoryHeader>div,.manualCategoryFilterHeader>div{display:grid;gap:3px}.roomWizardCategoryHeader span,.manualCategoryFilterHeader span{color:var(--muted);font-size:.85rem;font-weight:800}.roomWizardCategoryChips,.manualCategoryChips{display:flex;flex-wrap:wrap;gap:8px;max-height:220px;overflow:auto}.roomWizardCategoryChip,.manualCategoryChip{padding:8px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--text);font-weight:850;cursor:pointer}.roomWizardCategoryChip.selected,.manualCategoryChip.selected{color:#08131b;background:#73e5ff;border-color:#73e5ff}.roomWizardOrderGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.roomWizardOrderButton{padding:11px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.11);background:#ffffff0b;color:var(--text);font-weight:900;cursor:pointer}.roomWizardOrderButton.selected{border-color:#dd4ed0;background:#dd4ed029}.roomWizardSequencePreview{display:grid;gap:10px;padding:14px;border-radius:14px;background:#0003}.roomWizardSequencePreview>div{display:flex;gap:5px;flex-wrap:wrap}.roomWizardSequencePreview span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;font-size:.75rem;font-weight:1000}.roomWizardSequencePreview span.trivia{background:#32d3ff33;color:#9cf0ff}.roomWizardSequencePreview span.visual{background:#e447cb33;color:#ff9bee}.roomWizardSequencePreview em{align-self:center;color:var(--muted);font-weight:900}.roomWizardGroupCount{max-width:220px}.roomWizardGroupGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.roomWizardSummary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.roomWizardSummary>div{display:grid;gap:4px;padding:13px;border-radius:13px;background:#ffffff0b}.roomWizardSummary span{color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.roomWizardSummary strong{overflow-wrap:anywhere}.roomWizardFinalNotice{padding:13px 15px;border-radius:13px;background:#5cdbff1a;border:1px solid rgba(92,219,255,.2);color:#d8f8ff;font-weight:800}.roomWizardFooter{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.roomWizardFooter>.btn:last-child{justify-self:end}.roomWizardFooterStatus{color:var(--muted);font-weight:900}#manual-setup{scroll-margin-top:18px}@media(max-width:850px){.onlineCreationChoiceGrid,.roomWizardChoiceGrid,.roomWizardFormGrid.two,.roomWizardSummary{grid-template-columns:1fr}.roomWizardProgress{grid-template-columns:repeat(3,minmax(0,1fr))}.roomWizardGroupGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.onlineCreationIntro,.onlineCreationModeHeader,.roomWizardHeader{display:grid}.roomWizard{padding:12px}.roomWizardBody{min-height:0;padding:14px}.roomWizardProgressStep small{font-size:.66rem}.roomWizardOrderGrid,.roomWizardGroupGrid{grid-template-columns:1fr}.roomWizardFooter{grid-template-columns:1fr 1fr}.roomWizardFooterStatus{display:none}}.onlineChatCreationToggle,.roomWizardChatToggle{display:flex;align-items:flex-start;gap:11px;flex:1 1 330px;padding:13px 14px;border-radius:14px;border:1px solid rgba(125,211,252,.22);background:#38bdf814;cursor:pointer}.onlineChatCreationToggle input,.roomWizardChatToggle input{width:19px;height:19px;margin-top:2px;accent-color:#38bdf8}.onlineChatCreationToggle span,.roomWizardChatToggle span{display:grid;gap:3px}.onlineChatCreationToggle small,.roomWizardChatToggle small{color:var(--muted);line-height:1.35}.onlineChatAccessBox{display:grid;gap:10px;margin-top:4px;padding:14px;border-radius:16px;border:1px solid rgba(56,189,248,.24);background:linear-gradient(135deg,#38bdf81a,#a855f714)}.onlineChatAccessBox>div:first-child{display:grid;gap:3px}.onlineChatAccessBox small{color:var(--muted)}.onlineQrColumn{display:grid;gap:12px}.onlineQrWrap.chat{background:linear-gradient(145deg,#fff,#dff6ff);box-shadow:0 0 0 2px #38bdf840}.onlineChatRankingPanel{grid-column:1 / -1;display:grid;gap:8px;padding:14px;border-radius:16px;border:1px solid rgba(56,189,248,.18);background:#070f1f8c}.onlineChatRankingRow{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:#ffffff0e;border:1px solid rgba(255,255,255,.07)}.onlineChatRankingRow>div{display:grid;min-width:0}.onlineChatRankingRow small{color:var(--muted);overflow-wrap:anywhere}.mobileJoinCard{position:relative}.mobileSoundToggle{position:absolute;top:14px;right:14px;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#080a16c2;color:#fff;font-size:1.15rem;cursor:pointer;z-index:8;box-shadow:0 8px 24px #00000047;touch-action:manipulation}.mobileSoundToggle:focus-visible{outline:3px solid rgba(125,211,252,.62);outline-offset:2px}.mobileChatBadge{width:fit-content;margin:10px auto 0;padding:7px 11px;border-radius:999px;color:#d9f7ff;border:1px solid rgba(56,189,248,.34);background:#38bdf81f;font-size:.75rem;font-weight:1000;letter-spacing:.06em}.mobileChatBadge.join{margin-top:14px}.mobileChatIdentity{display:grid;gap:5px;margin:16px 0;padding:15px;border-radius:16px;border:1px solid rgba(56,189,248,.25);background:linear-gradient(135deg,#38bdf81f,#a855f71a);text-align:left}.mobileChatIdentity>span{color:#7dd3fc;font-size:.72rem;font-weight:1000;letter-spacing:.08em}.mobileChatIdentity>strong{font-size:1.2rem}.mobileChatIdentity>small{color:#ffffffb3;line-height:1.4}.mobileRankingRow.current{border-color:#38bdf880;background:#38bdf81f;box-shadow:inset 3px 0 #38bdf8}.mobileChatPodium{display:grid;gap:8px;margin-top:16px;padding:14px;border-radius:15px;background:#ffd1661a;border:1px solid rgba(255,209,102,.25);text-align:left}.mobileChatPodium>strong{color:#ffe9a6}.mobileChatPodium>div{display:flex;justify-content:space-between;gap:12px;padding-top:7px;border-top:1px solid rgba(255,255,255,.08)}@media(max-width:900px){.onlineQrColumn{grid-template-columns:repeat(2,minmax(0,auto));justify-content:start}}@media(max-width:560px){.onlineQrColumn{grid-template-columns:1fr}.onlineChatRankingRow{grid-template-columns:38px minmax(0,1fr) auto;padding-inline:9px}.mobileSoundToggle{top:10px;right:10px}}.mobileTeamLockedSummary.assigning{border-color:#7dd3fc47;background:#38bdf817}.mobileTeamLockedSummary.assigning small{color:#ffffffad}.onlineV811Attention{border-color:#38bdf880;box-shadow:0 0 0 1px #38bdf81f,0 18px 44px #0000003d}.onlineV811Lead{margin:0 0 14px;color:#ebf4ffd1;font-weight:800;line-height:1.5}.onlineV811FeaturePreview{display:grid;gap:7px;margin-top:14px;padding:14px;border-radius:14px;background:#38bdf814;border:1px solid rgba(56,189,248,.18)}.onlineChatCreationToggle.prominent{border-width:2px;border-color:#38bdf885;background:linear-gradient(135deg,#38bdf824,#a855f71a)}.onlineChatCreationToggle.prominent.enabled{border-color:#4ade80b3;background:linear-gradient(135deg,#22c55e29,#38bdf81f);box-shadow:0 0 0 3px #4ade8014}.onlineV811SessionActions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 4px}.onlineChatStatusEnabled{border-color:#4ade807a!important;color:#c9ffd8!important;background:#22c55e1f!important}.onlineChatStatusDisabled{border-color:#fbbf246b!important;color:#ffe6a0!important;background:#f59e0b1a!important}.onlineChatRankingsGrid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.onlineChatRankingsGrid .onlineChatRankingPanel{grid-column:auto;align-content:start}.onlineChatRankingPanel.speed{border-color:#facc1538;background:linear-gradient(145deg,#facc1511,#070f1f94)}.onlineChatSpeedRule,.mobileChatSpeedRule{color:#ffffffa3;font-size:.72rem;font-weight:800;line-height:1.4}.onlineChatRankingRow.speed>span,.mobileRankingRow.speed>b{color:#fde68a}.onlineChatRankingRow.provisional,.mobileRankingRow.provisional{opacity:.68;border-style:dashed}.mobileChatRankingTabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mobileChatRankingTabs button{min-height:38px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff0b;color:#ffffffb8;font-weight:950;cursor:pointer}.mobileChatRankingTabs button.active{border-color:#facc157a;background:#facc151f;color:#fff1a8}.mobileChatSpeedWinner{color:#fff1a8;background:#facc150f}@media(max-width:980px){.onlineChatRankingsGrid{grid-template-columns:1fr}}
