.play-shell{padding:0!important}.play-root{color:#fff;background:radial-gradient(at 20% 30%,#ffffff40,#0000 45%),radial-gradient(at 80% 60%,#b478ff2e,#0000 40%),linear-gradient(160deg,#4f7fd6 0%,#6a95e9 45%,#3f6ec0 100%);min-height:100vh;position:relative;overflow:hidden}.audio-unlock{z-index:100;cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080010b8;border:0;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex;position:fixed;inset:0}.audio-unlock-title{font-size:clamp(1.6rem,4vw,2.6rem);font-weight:900}.audio-unlock-sub{color:#ffffffbf;max-width:28rem;font-size:1.05rem;line-height:1.4}.audio-unlock-error{color:#ffb4b4;font-size:.95rem}.play-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;padding:2rem;display:flex}.title-screen{background:0 0;place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.title-fx{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.title-fx-glow{background:radial-gradient(circle at 50% 48%,#ff78b41f,#0000 42%),radial-gradient(circle at 40% 40%,#ffb45014,#0000 38%),radial-gradient(circle at 62% 55%,#8c50ff1a,#0000 40%);animation:9s ease-in-out infinite alternate titleGlowBreathe;position:absolute;inset:-10%}.title-ripple{opacity:0;border:1.5px solid #ffc87847;border-radius:50%;width:12vmin;height:12vmin;margin-top:-6vmin;margin-left:-6vmin;animation:12s ease-out infinite titleRipple;position:absolute;top:48%;left:50%;box-shadow:0 0 12px #ff8cc81f,inset 0 0 12px #ffdca00f}.title-star{width:calc(10px * var(--s,1));height:calc(10px * var(--s,1));clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);filter:drop-shadow(0 0 6px #fff)drop-shadow(0 0 12px #ffd24a);opacity:0;z-index:1;background:#fff;animation-name:titleStarTwinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}.title-soft-light{opacity:0;background:#fff0c899;border-radius:50%;width:14px;height:14px;animation-name:titleLightFade;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;box-shadow:0 0 10px #ffdc8c73,0 0 24px #ff78b447,0 0 40px #ffb4502e}.title-burst{display:none}.title-logo{z-index:1;width:min(92vw,1100px);margin:0;padding:1rem;position:relative}.title-logo-img{object-fit:contain;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 10px 24px #00000059);width:100%;height:auto;max-height:92vh;display:block}.title-script,.title-block,.title-base,.title-hint{display:none}@keyframes titleGlowBreathe{0%{opacity:.45;transform:scale(1)}to{opacity:.9;transform:scale(1.06)}}@keyframes titleRipple{0%{opacity:0;transform:scale(.45)}8%{opacity:.45}55%{opacity:.14}to{opacity:0;transform:scale(16)}}@keyframes titleLightFade{0%,to{opacity:0;transform:scale(.6)}40%{opacity:.55;transform:scale(1.15)}65%{opacity:.15;transform:scale(.9)}}@keyframes titleStarTwinkle{0%,to{opacity:0;transform:scale(.45)rotate(0)}35%{opacity:.85;transform:scale(1.15)rotate(12deg)}65%{opacity:.2;transform:scale(.75)rotate(-6deg)}}.intro-screen{isolation:isolate;place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.intro-bg-base{z-index:0;background:linear-gradient(135deg,#1d001c 0%,#4f0042 100%);position:absolute;inset:0}.intro-bg-glow{z-index:1;pointer-events:none;background:radial-gradient(circle at 12% 30%,#ff1478a6,#0000 34%),radial-gradient(circle at 88% 22%,#ffaa1499,#0000 32%),radial-gradient(circle at 70% 78%,#5028ff8c,#0000 36%),radial-gradient(circle at 28% 75%,#00dcb459,#0000 34%),radial-gradient(circle at 52% 48%,#ff3cc847,#0000 40%);animation:2.6s ease-in-out infinite alternate introGlowShift;position:absolute;inset:-30%}.intro-bg-wash{z-index:2;mix-blend-mode:screen;pointer-events:none;background:linear-gradient(105deg,#ff006e8c,#ff8c0073,#5a00dc80,#00d2b452,#ff28a07a,#ffd22866) 0 0/420% 420%;animation:1.35s linear infinite introWash;position:absolute;inset:0}.intro-bg-wash-b{opacity:.75;mix-blend-mode:color-dodge;background:linear-gradient(250deg,#ff500066,#ff00b473,#28b4ff66,#ffdc3c59) 0 0/420% 420%;animation:1.9s linear infinite reverse introWash}.intro-rays{z-index:2;pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0}.intro-rays span{--angle:calc(var(--i) * 360deg / var(--n));width:4px;height:70vmax;transform:rotate(var(--angle));transform-origin:50%;filter:blur(1px);animation:1.8s ease-in-out infinite introRayPulse;animation-delay:calc(var(--i) * -.09s);opacity:.45;background:linear-gradient(#0000 0%,#ffdc788c 35%,#ff50b459 55%,#0000 78%);margin-top:-35vmax;margin-left:-2px;position:absolute;top:50%;left:50%}.intro-bg-grid{z-index:2;opacity:.55;pointer-events:none;background-image:radial-gradient(#ff78dcbf 1.2px,#0000 1.8px),radial-gradient(#ffd2468c 1px,#0000 1.6px),radial-gradient(#50dcff73 1px,#0000 1.6px);background-position:0 0,9px 14px,20px 6px;background-size:18px 18px,28px 28px,40px 40px;animation:.55s steps(2,end) infinite introGridPulse;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#0000 24%,#000 48% 100%);mask-image:radial-gradient(circle,#0000 24%,#000 48% 100%)}.intro-trails{z-index:3;pointer-events:none;position:absolute;inset:0}.intro-trails span{filter:drop-shadow(0 0 10px #ffa03cbf);border:3px solid #ffc850e6;border-color:#ffc850e6 #ff50a0a6 #0000 #0000;border-radius:50%;width:58vmax;height:58vmax;animation:4.2s linear infinite introTrailSpin;position:absolute;top:50%;left:50%;translate:-50% -50%}.intro-trails span:nth-child(2){border-top-color:#ff5a28f2;border-right-color:#28dcff8c;width:44vmax;height:44vmax;animation-duration:2.8s;animation-direction:reverse}.intro-trails span:nth-child(3){opacity:.7;border-top-color:#b450ffb3;border-left-color:#ffdc788c;width:72vmax;height:72vmax;animation-duration:5.5s}.intro-trails span:nth-child(4){border-top-color:#50dcffe6;border-right-color:#ff50c899;width:35vmax;height:35vmax;animation-duration:2.2s}.intro-rim-inner .intro-bulb-inner{width:clamp(6px,.9vw,11px);height:clamp(6px,.9vw,11px);animation-name:introBulbChaseInner;animation-duration:.5s;box-shadow:0 0 4px #fff,0 0 10px #7af0ff,0 0 16px #f6c}.intro-rim{z-index:4;pointer-events:none;position:absolute;inset:0}.intro-bulb{--angle:calc(var(--i) * 360deg / var(--n));width:clamp(9px,1.25vw,16px);height:clamp(9px,1.25vw,16px);transform:translate(-50%, -50%) rotate(var(--angle)) translateY(min(-46vh, -42vw)) scale(1);animation:.55s linear infinite introBulbChase;animation-delay:calc(var(--i) * -.012s);opacity:.25;background:#fff;border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 0 5px #fff,0 0 12px #ff7ad9,0 0 20px #ffd24a}.intro-logo-pulse{z-index:6;filter:drop-shadow(0 0 16px #ff50a08c)drop-shadow(0 0 36px #ffc83c59);width:min(86vw,980px);animation:2.45s ease-in-out infinite introLogoBeat;position:relative}.intro-logo-img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:auto;max-height:82vh;display:block}.intro-logo-shimmer{mix-blend-mode:soft-light;pointer-events:none;background:linear-gradient(115deg,#0000 34%,#ffffff59 48%,#0000 62%) 0 0/220% 220%;border-radius:8px;animation:2.4s ease-in-out infinite introShimmer;position:absolute;inset:0}.intro-sparks,.intro-stars{z-index:7;pointer-events:none;position:absolute;inset:0}.intro-star{width:calc(10px * var(--s,1));height:calc(10px * var(--s,1));clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);filter:drop-shadow(0 0 6px #fff)drop-shadow(0 0 12px #ffd24a);opacity:0;background:#fff;animation-name:introStarTwinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}.intro-star-1{filter:drop-shadow(0 0 5px #fff)drop-shadow(0 0 10px #ffd24a)}.intro-star-2{filter:drop-shadow(0 0 6px #fff)drop-shadow(0 0 14px #ff7ad9);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);background:#ffe9a8}.intro-star-3{clip-path:none;filter:none;background:#fff;border-radius:50%;box-shadow:0 0 4px #fff,0 0 10px #7af0ff,0 0 16px #f6c}.intro-flash-b{background:radial-gradient(circle at 70% 30%,#ffb43c66,#0000 45%);animation-duration:2.6s;animation-delay:1.1s}.intro-spark{opacity:0;background:#fff7c2;border-radius:50%;width:7px;height:7px;animation:1.45s ease-in-out infinite introSpark;position:absolute;box-shadow:0 0 10px #ffdf6a,0 0 18px #ff4fa3}.intro-flash{z-index:8;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,#ffffff52,#0000 58%);animation:3.4s ease-in-out infinite introFlash;position:absolute;inset:0}@keyframes introGlowShift{0%{filter:hue-rotate()saturate(1.2);transform:scale(1)translate(-3%,2%)rotate(-4deg)}to{filter:hue-rotate(55deg)saturate(1.55);transform:scale(1.2)translate(4%,-3%)rotate(5deg)}}@keyframes introWash{0%{filter:hue-rotate();background-position:0 40%}50%{filter:hue-rotate(25deg)}to{filter:hue-rotate();background-position:100% 60%}}@keyframes introGridPulse{0%,to{opacity:.35;filter:hue-rotate()}50%{opacity:.8;filter:hue-rotate(40deg)}}@keyframes introTrailSpin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes introShimmer{0%{opacity:.15;background-position:120% 0}45%,55%{opacity:.55}to{opacity:.15;background-position:-40% 0}}@keyframes introLogoBeat{0%,to{transform:scale(.96)}50%{transform:scale(1.07)}}@keyframes introBulbChase{0%,to{opacity:.15;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(min(-46vh, -42vw)) scale(.65)}35%{opacity:1;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(min(-46vh, -42vw)) scale(1.4)}}@keyframes introSpark{0%,to{opacity:0;transform:scale(.35)}40%{opacity:1;transform:scale(1.45)}70%{opacity:.15;transform:scale(.75)}}@keyframes introFlash{0%,55%,to{opacity:0}62%{opacity:.65}68%{opacity:.08}74%{opacity:.45}82%{opacity:.12}88%{opacity:.35}}@keyframes introRayPulse{0%,to{opacity:.15;transform:rotate(var(--angle)) scaleY(.85)}50%{opacity:.7;transform:rotate(var(--angle)) scaleY(1.15)}}@keyframes introBulbChaseInner{0%,to{opacity:.12;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(min(-32vh, -28vw)) scale(.6)}40%{opacity:1;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(min(-32vh, -28vw)) scale(1.35)}}@keyframes introStarTwinkle{0%,to{opacity:0;transform:scale(.4)rotate(0)}40%{opacity:1;transform:scale(1.25)rotate(18deg)}70%{opacity:.25;transform:scale(.8)rotate(-8deg)}}@media (prefers-reduced-motion:reduce){.intro-screen *{animation-duration:.01ms!important;animation-iteration-count:1!important}}.qr-panel{background:#fff;border-radius:18px;padding:1rem}.join-code-lg{letter-spacing:.18em;font-size:clamp(2rem,6vw,3.5rem);font-weight:900}.players-title{margin:0;font-size:clamp(2rem,6vw,3.5rem)}.players-row{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.player-chip{border-radius:999px;padding:1rem 1.6rem;font-size:1.4rem;font-weight:800;box-shadow:0 10px 24px #0003}.score-table{border-collapse:collapse;width:min(920px,94vw);font-size:clamp(1rem,2.4vw,1.4rem)}.score-table th,.score-table td{text-align:left;border-bottom:1px solid #ffffff59;padding:.75rem .5rem}.podium{align-items:flex-end;gap:1rem;min-height:340px;display:flex}.podium-col{flex-direction:column;align-items:center;gap:.5rem;width:min(28vw,180px);display:flex}.podium-block{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffff59;background:#ffffff38;border-radius:18px 18px 8px 8px;place-items:center;width:100%;font-size:4rem;font-weight:900;display:grid}.place-0 .podium-block{height:220px}.place-1 .podium-block{height:160px}.place-2 .podium-block{height:120px}.podium-name{border-radius:999px;padding:.45rem .9rem;font-weight:800}.board-layout{z-index:1;grid-template-columns:1fr;gap:.5rem;min-height:100vh;padding:clamp(.35rem,1.2vh,.9rem) clamp(.6rem,1.8vw,1.4rem);display:grid;position:relative}.board-layout.with-scores{grid-template-columns:1fr minmax(240px,340px);padding-right:0}.play-root-board{background:linear-gradient(135deg,#1d001c 0%,#4f0042 100%)}.play-root-stage{color:#fff;background:url(/images/music_background.png) 50%/cover no-repeat,linear-gradient(135deg,#1d001c 0%,#4f0042 100%)}.play-root-stage .muted{color:#ffffffe0}.play-root-stage h2,.play-root-stage .players-title,.play-root-stage .join-code-lg,.play-root-stage .podium-score{color:#fff}.play-root-stage .qr-screen h2{text-shadow:0 2px 12px #00000073}.melody-board{justify-content:center;align-items:center;min-height:calc(100vh - 1.5rem);display:flex}.board-frame{gap:clamp(.35rem,1.1vh,.75rem);width:min(100%,1380px);padding:.2rem 0;display:grid}.board-row{grid-template-columns:minmax(220px,1.05fr) minmax(0,3.2fr);align-items:center;gap:clamp(.55rem,1.2vw,1rem);display:grid;position:relative}.board-cat{z-index:2;aspect-ratio:800/320;box-sizing:border-box;color:#111;text-transform:uppercase;letter-spacing:.045em;text-align:center;width:auto;max-width:100%;height:clamp(92px,14.2vh,132px);min-height:0;box-shadow:none;filter:drop-shadow(0 6px 10px #00000059);background:url(/images/category_bg_sprite.png) top/100% 200% no-repeat;border:0;border-radius:0;justify-content:center;place-self:center start;align-items:center;margin-left:6px;padding:.45rem 1rem;font-size:clamp(1.02rem,2.05vw,1.72rem);font-weight:900;line-height:1.1;display:flex;position:relative}.board-row.row-active .board-cat{filter:drop-shadow(0 0 10px #fff096f2)drop-shadow(0 0 22px #ffd250bf)drop-shadow(0 6px 10px #00000059)}.board-cat.cat-flash,.board-cat.cat-active{background-position:bottom}.board-staff{z-index:2;align-items:center;min-height:clamp(92px,14.2vh,132px);display:flex;position:relative}.board-staff-lines{opacity:.95;pointer-events:none;z-index:0;background:url(/board/lines.png) 50%/100% 100% no-repeat;height:78%;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.board-notes{z-index:1;grid-template-columns:repeat(4,1fr);align-items:center;gap:clamp(.35rem,1.2vw,1rem);width:100%;padding:0 .25rem;display:grid;position:relative}.board-note{aspect-ratio:170/146;place-items:center;display:grid;position:relative}.note-sprite{-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 0 6px #b4285059);background:url(/images/note_sprite.png?v=5) top/100% 200% no-repeat;width:100%;height:100%;transition:filter .15s,transform .15s,background-position;transform:translateY(calc(2px - 16%))}.note-points{color:#fff;letter-spacing:.04em;text-shadow:0 0 4px #fffffff2,0 0 10px #ffdcb4b3,0 2px 2px #0000008c;pointer-events:none;font-family:Orbitron,Segoe UI,monospace;font-size:clamp(1.05rem,2.5vw,2.15rem);font-weight:700;line-height:1;position:absolute;top:calc(44% + 13px);left:44%;transform:translate(-50%,-50%)}.board-note.current .note-sprite{filter:drop-shadow(0 0 12px #ffb428bf);background-position:bottom;transform:translateY(calc(2px - 16%))scale(1.04)}.board-note.current .note-points{text-shadow:0 0 6px #fff,0 0 16px #ff7850e6,0 2px 2px #0000008c}.board-note.played{opacity:0;pointer-events:none}.score-column{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000047;border-left:1px solid #ffffff40;flex-direction:column;gap:.35rem;padding:1rem .75rem;display:flex}.score-column-art{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;justify-content:space-evenly;align-items:flex-end;gap:0;min-height:calc(100vh - 1.5rem);padding:0}.score-badge{width:100%;max-width:320px;line-height:0;position:relative}.score-badge img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:auto;display:block}.score-badge-digits{z-index:1;pointer-events:none;grid-template-columns:repeat(3,1fr);align-items:stretch;gap:4%;width:34%;height:18%;display:grid;position:absolute;top:38%;left:29%}.score-badge-digits span{color:#fff;letter-spacing:-.02em;text-shadow:0 1px 2px #00000073;box-sizing:border-box;background:linear-gradient(#6b2a8f 0%,#4a1468 55%,#3a0e55 100%);border-radius:14%;place-items:center;padding-top:.1em;font-family:Arial Narrow,Segoe UI,sans-serif;font-size:clamp(.95rem,2.8vw,1.85rem);font-weight:800;line-height:1;display:grid;box-shadow:inset 0 1px #ffffff2e,0 2px 4px #00000059}.score-badge-name{z-index:2;color:#fff;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 1px 2px #00000073;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;justify-content:center;align-items:center;width:62%;height:14%;font-family:Arial Narrow,Segoe UI,sans-serif;font-size:clamp(.85rem,2.1vw,1.45rem);font-weight:800;line-height:1;display:flex;position:absolute;top:62.5%;left:18%;overflow:hidden}.score-badge.hot .score-badge-digits span{box-shadow:inset 0 1px #ffffff38,0 0 12px #ffb428a6}.score-column-list{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;justify-content:space-evenly;align-items:stretch;gap:clamp(.75rem,2.2vh,1.4rem);min-height:calc(100vh - 1.5rem);padding:clamp(.6rem,2vh,1.2rem) .55rem clamp(.6rem,2vh,1.2rem) .35rem}.score-list-item{flex-direction:column;align-items:stretch;gap:.35rem;display:flex}.score-list-points{text-align:center;color:#fff;letter-spacing:.04em;text-shadow:0 0 8px #ffdc968c,0 2px 4px #0000008c;font-family:Orbitron,Segoe UI,monospace;font-size:clamp(1.8rem,4.2vw,3.1rem);font-weight:800;line-height:1}.score-list-name{color:#fff;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 1px 2px #00000073;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#6b2a8f 0%,#4a1468 55%,#3a0e55 100%);border-radius:8px;justify-content:center;align-items:center;min-height:clamp(2.4rem,5.2vh,3.4rem);padding:.45rem .7rem;font-family:Arial Narrow,Segoe UI,sans-serif;font-size:clamp(1rem,2.3vw,1.55rem);font-weight:800;line-height:1.1;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff2e,0 3px 8px #00000059}.score-list-item.hot .score-list-name{box-shadow:inset 0 1px #ffffff38,0 0 14px #ffb428b3}.score-list-item.hot .score-list-points{text-shadow:0 0 12px #ffc850d9,0 2px 4px #0000008c}.score-column-head,.score-column-row{grid-template-columns:2rem 1fr 3.5rem;gap:.35rem;padding:.45rem .35rem;display:grid}.score-column-head{opacity:.7;font-size:.9rem}.score-column-row.hot{background:#ec407ad9;border-radius:10px}.question-overlay{z-index:20;background:#0a1428b8;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.question-card-play{color:#1b2430;text-align:center;background:#fffffff5;border-radius:22px;width:min(900px,94vw);padding:1.6rem 1.8rem;box-shadow:0 20px 60px #00000059}.question-card-play h2{margin:.4rem 0 1rem;font-size:clamp(1.4rem,3.5vw,2.4rem)}.q-meta{color:#6b7a90;text-transform:uppercase;letter-spacing:.08em;font-size:.95rem}.pulse{color:#c62828;font-weight:800;animation:1s infinite pulse}@keyframes pulse{50%{opacity:.45}}.answering-banner{text-transform:uppercase;border-radius:14px;margin-top:1rem;padding:1rem;font-size:clamp(1.4rem,4vw,2.4rem);font-weight:900}.play-brand{letter-spacing:.14em;opacity:.55;z-index:5;font-size:.85rem;position:fixed;bottom:.65rem;left:.85rem}@media (width<=860px){.board-layout.with-scores{grid-template-columns:1fr}.score-column{border-top:1px solid #ffffff59;border-left:0}.score-column-art{border-top:0;flex-direction:row;justify-content:space-evenly;align-items:center;min-height:auto;padding:.5rem .35rem}.score-badge{max-width:160px}.score-column-list{flex-flow:wrap;justify-content:space-evenly;min-height:auto;padding:.5rem .35rem}.score-list-item{flex:40%;max-width:46%}.board-row{grid-template-columns:1fr}}:root{--q-blue:#2f6fed;--q-blue-dark:#1f4fb8;--q-border:#d7dee8;--q-bg:#eef2f7;--q-text:#1b2430;--q-muted:#6b7a90;--play-blue:#5b8fe8;--gold:#f0c14b;--crimson:#e53935;color:var(--q-text);background:var(--q-bg);font-family:Segoe UI,Trebuchet MS,system-ui,sans-serif;line-height:1.45}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}a{color:inherit}button,input,select,textarea{font:inherit}.muted{color:var(--q-muted)}.app-shell{min-height:100vh}.app-shell:not(.play-shell):not(.buzz-shell){padding:1rem 1rem 4.5rem}.bottom-nav{border-top:1px solid var(--q-border);z-index:40;background:#ffffffeb;flex-wrap:wrap;justify-content:center;gap:.5rem;padding:.55rem;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:var(--q-muted);border-radius:999px;padding:.35rem .7rem;text-decoration:none}.bottom-nav a:hover{color:var(--q-blue);background:#e8eef8}.q-btn{appearance:none;border:1.5px solid var(--q-blue);color:var(--q-blue);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:.35rem;padding:.55rem 1rem;text-decoration:none;display:inline-flex}.q-btn:hover{background:#f3f7ff}.q-btn:disabled{opacity:.45;cursor:not-allowed}.q-btn-fill{background:var(--q-blue);color:#fff}.q-btn-fill:hover{background:var(--q-blue-dark);color:#fff}.q-btn-lg{padding:.85rem 1.35rem;font-weight:700}.q-btn-ok{color:#2e7d32;border-color:#2e7d32}.q-btn-ok:not(:disabled):hover{background:#e8f5e9}.q-btn-bad{color:#c62828;border-color:#c62828}.q-btn-bad:not(:disabled){color:#fff;background:#e53935;border-color:#e53935}.home-quizzly{max-width:720px;margin:3rem auto}.home-frame{border:2px solid var(--q-border);background:#fff;border-radius:16px;padding:1.5rem 1.75rem;box-shadow:0 1px 2px #1428500a}.home-quizzly h1{color:var(--q-blue);margin:0 0 .5rem}.home-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.admin-page{gap:1rem;max-width:980px;margin:0 auto;display:grid}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.admin-header-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.admin-login{gap:.75rem;max-width:26rem;margin:3rem auto;display:grid}.admin-login h1{color:var(--q-blue);margin:0;font-size:1.55rem}.admin-login input{box-sizing:border-box;border:1px solid var(--q-border);letter-spacing:.15em;border-radius:10px;width:100%;padding:.7rem .85rem;font-size:1.1rem}.admin-header h1{color:var(--q-blue);margin:0;font-size:1.55rem}.admin-tabs{border:1px solid var(--q-border);background:#fff;border-radius:14px;flex-wrap:wrap;gap:.35rem;padding:.25rem;display:flex;box-shadow:0 1px 2px #1428500a}.admin-tab{min-width:7rem;color:var(--q-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:auto;padding:.65rem .85rem;font-weight:600;transition:background .15s,color .15s}.admin-tab:hover{color:var(--q-blue);background:#f3f6fb}.admin-tab.active{background:var(--q-blue);color:#fff}.q-card{border:1px solid var(--q-border);background:#fff;border-radius:14px;padding:1.1rem 1.2rem;box-shadow:0 1px 2px #1428500a}.q-card h2{margin:0 0 .75rem;font-size:1.15rem}.q-card h3{margin:0 0 .5rem}.q-label{color:var(--q-muted);margin:.75rem 0 .35rem;font-size:.92rem;display:block}.q-code{letter-spacing:.12em;padding:.4rem 0;font-size:1.8rem;font-weight:800}.q-input-row{border:1px solid var(--q-border);background:#fafbfd;border-radius:10px;align-items:center;gap:.5rem;padding:.35rem .55rem;display:flex}.q-input-row input{background:0 0;border:0;outline:none;flex:1}.linkish{color:var(--q-blue);cursor:pointer;white-space:nowrap;background:0 0;border:0}.q-inline-qr{border:1px solid var(--q-border);background:#fff;border-radius:10px;margin-top:.85rem;padding:.5rem;display:inline-block}.q-btn-row{flex-wrap:wrap;gap:.55rem;margin:.55rem 0;display:flex}.q-warn{color:#c56a00;background:#fff6e5;border-radius:10px;margin-bottom:.75rem;padding:.7rem .9rem}.q-alert{color:#b71c1c;cursor:pointer;background:#ffe8e8;border-radius:10px;padding:.7rem .9rem}.q-team-list{gap:.45rem;margin-top:.75rem;display:grid}.q-team-item{border:1px solid var(--q-border);border-radius:10px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:.55rem;padding:.45rem .6rem;display:grid}.q-team-num{border:1px solid var(--q-border);border-radius:8px;place-items:center;width:1.6rem;height:1.6rem;font-size:.85rem;display:grid}.q-team-swatch{border:1px solid #0000001f;border-radius:999px;width:1.1rem;height:1.1rem}.q-team-item input{background:0 0;border:0;outline:none;min-width:0}.admin-board{border:1px solid var(--q-border);border-radius:10px;margin-top:.75rem;overflow:hidden}.admin-board-row{grid-template-columns:minmax(120px, 1.2fr) repeat(var(--admin-cell-count,5), minmax(0, 1fr));border-bottom:1px solid var(--q-border);align-items:stretch;display:grid}.admin-board-row:last-child{border-bottom:0}.q-check{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;margin:.75rem 0 .25rem;font-weight:600;display:inline-flex}.q-check input{width:1.1rem;height:1.1rem;accent-color:var(--q-accent,#2f6fed);cursor:pointer}.admin-cat{border-right:1px solid var(--q-border);align-items:center;padding:.85rem .75rem;font-weight:700;display:flex}.admin-cat-btn{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#fff8e6;border:0;transition:background .15s}.admin-cat-btn:hover{background:#ffe08a}.admin-board.selecting-category .admin-board-row{background:#fffdf7}.admin-board-row.cat-chosen .admin-cat{color:#2e7d32;background:#e8f5e9}.admin-cell{border:0;border-right:1px solid var(--q-border);cursor:pointer;background:#fff;min-width:0;padding:.9rem .4rem;font-size:1.25rem;font-weight:800}.admin-cell:last-child{border-right:0}.admin-cell.played{color:#c5ccd6;cursor:default}.admin-cell.active{color:#ef6c00}.admin-cell:not(.played):hover{background:#f5f8ff}.q-question-box{border:1px solid var(--q-border);background:#f7f9fc;border-radius:12px;margin:.75rem 0;padding:.9rem}.q-table{border-collapse:collapse;width:100%;margin:.5rem 0 .85rem}.q-table th,.q-table td{border-bottom:1px solid var(--q-border);text-align:left;padding:.55rem .4rem}.q-score-input{border:1px solid var(--q-border);border-radius:8px;width:5rem;padding:.25rem .4rem}.buzz-page{text-align:center;color:#fff;background:#0f1a2b;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;padding:1rem;display:flex}.buzz-page .muted{color:#9db0c7}.team-pick{grid-template-columns:1fr 1fr;gap:.75rem;width:min(100%,420px);display:grid}.team-pick button{cursor:pointer;border:0;border-radius:16px;min-height:4.5rem;font-size:1.1rem;font-weight:800}.buzz-btn{cursor:pointer;border:0;border-radius:50%;width:min(80vw,320px);height:min(80vw,320px);font-size:2rem;font-weight:800;box-shadow:0 16px 40px #00000059}.buzz-btn:disabled{filter:grayscale(.45)brightness(.7);cursor:not-allowed}