:root{color:#f8fafc;background:#060606;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;overflow-x:hidden;background:radial-gradient(circle at top,rgba(255,0,140,.14),transparent 28%),radial-gradient(circle at bottom,rgba(0,110,255,.12),transparent 32%),#050505}button,input{font:inherit}.app-shell{min-height:100vh}.page{max-width:1180px;margin:0 auto;padding:20px}.page-game{min-height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hero{text-align:center;margin-bottom:18px}.hero-logo{max-width:min(440px,82vw);width:100%;height:auto}.hero-subtitle{margin:12px 0 0;color:#cbd5e1;font-size:1.05rem}.language-pill{margin:14px auto 0;width:fit-content;display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:9px 14px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#f8fafc;font-weight:800}.lobby-card,.main-card,.side-card{background:#141414e6;border:1px solid rgba(255,255,255,.08);border-radius:28px;box-shadow:0 26px 60px #00000059}.lobby-card{max-width:720px;margin:0 auto;padding:26px}.label{display:block;margin:14px 0 8px;color:#f8fafc;font-weight:700}.input{width:100%;background:#0e0e0e;color:#f8fafc;border:1px solid #3f3f46;border-radius:16px;padding:14px 16px;outline:none}.input::placeholder{color:#71717a}.field-row{display:grid;grid-template-columns:1fr auto;gap:12px}.primary-btn,.secondary-btn,.wake-btn,.link-btn{border:0;border-radius:16px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.primary-btn:hover,.secondary-btn:hover,.wake-btn:hover,.link-btn:hover,.buzz-btn:hover{transform:translateY(-1px)}.primary-btn{margin-top:18px;width:100%;padding:15px 18px;background:linear-gradient(180deg,#ff4fae,#d40f74);color:#fff;font-weight:800}.secondary-btn{padding:12px 16px;background:#1f2937;color:#fff;font-weight:700}.compact-btn{min-width:132px}.notice{margin-top:16px;border-radius:16px;padding:13px 14px}.notice.error{background:#7f1d1d59;color:#fecaca;border:1px solid rgba(248,113,113,.25)}.compact-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:stretch}.main-card{min-height:0;padding:16px 18px 18px;text-align:center;display:flex;flex-direction:column;justify-content:space-between;gap:12px;position:relative;overflow:hidden}.side-card{padding:18px;overflow:hidden}.top-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:9px 14px;background:#ffffff14;color:#fff;font-weight:700}.pill.soft{background:#ffffff0a;color:#e2e8f0}.host-pill{background:#ff4fae29;color:#ffd1eb}.language-game-pill{gap:7px;background:#ffffff0f}.game-header{display:grid;gap:12px}.brand-timer-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.game-logo-small{width:min(180px,36vw);height:auto;display:block;flex:0 0 auto}.timer-inline-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.timer-inline-display{border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fff;border-radius:999px;padding:12px 18px;display:inline-flex;align-items:center;gap:10px;min-height:48px;cursor:pointer;font-weight:900;letter-spacing:.08em;box-shadow:inset 0 1px #ffffff14,0 10px 22px #00000038}.timer-inline-display.running{background:#ffffff1a}.timer-inline-display{cursor:default;opacity:.98}.timer-action-btn{min-width:112px;padding:12px 18px}.timer-action-btn.start{background:linear-gradient(180deg,#34d399,#059669);color:#04130d}.timer-action-btn.pause{background:linear-gradient(180deg,#fbbf24,#f59e0b);color:#1f1300}.timer-inline-dot{width:10px;height:10px;border-radius:999px;background:#94a3b8;box-shadow:0 0 0 4px #94a3b81f}.timer-inline-dot.running{background:#34d399;box-shadow:0 0 0 4px #34d39924,0 0 16px #34d3998c}.timer-inline-value{font-size:clamp(1.05rem,2.4vw,1.4rem);line-height:1}.edit-time-btn{min-width:112px;padding:12px 16px}.timer-modal-backdrop{position:absolute;inset:0;background:#040408bd;display:grid;place-items:center;z-index:12;padding:18px}.timer-modal{width:min(100%,360px);border-radius:24px;background:#111214;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 60px #0000006b;padding:22px 18px 18px}.timer-modal-title{font-size:1rem;font-weight:800;margin-bottom:14px}.timer-modal-inputs{display:flex;align-items:center;justify-content:center;gap:10px}.timer-modal-input{width:92px;text-align:center;font-size:1.2rem;font-weight:800;padding:12px}.timer-modal-sep{font-size:1.4rem;font-weight:900;color:#e2e8f0}.timer-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.timer-save-btn{width:auto;margin-top:0;padding:12px 16px}.wake-btn{align-self:center;background:#111827;color:#fff;padding:11px 14px}.buzz-btn{position:relative;overflow:hidden;isolation:isolate;width:min(55vw,300px);height:min(55vw,300px);align-self:center;border-radius:999px;border:12px solid rgba(255,255,255,.16);color:#fff;cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-shadow:0 8px #222222f2,0 18px 34px #00000070,0 32px 54px #00000047,inset 0 14px 28px #fff3,inset 0 -26px 34px #00000042;-webkit-user-select:none;user-select:none;transform:translateY(0)}.buzz-btn:before{content:"";position:absolute;inset:18px;border-radius:999px;background:linear-gradient(180deg,#ffffff24,#ffffff05);box-shadow:inset 0 2px #ffffff38,inset 0 -10px 18px #0000002e;z-index:0}.buzz-btn:after{content:"";position:absolute;inset:auto 24% 9%;height:8%;border-radius:999px;background:#00000038;filter:blur(8px);z-index:0}.buzz-btn:active{transform:translateY(7px) scale(.99);box-shadow:0 3px #222222fa,0 9px 18px #0000005c,inset 0 8px 16px #ffffff1f,inset 0 -12px 22px #0003}.buzz-idle,.buzz-winner{background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.34),transparent 22%),linear-gradient(180deg,#ff6bbc,#f93a9f 38%,#cf0e72)}.buzz-loser{background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.28),transparent 22%),linear-gradient(180deg,#69b0ff,#3f88f4 38%,#1765e5)}.button-sheen{position:absolute;inset:10% 16% auto;height:26%;border-radius:999px;background:linear-gradient(180deg,#ffffff6b,#ffffff05);filter:blur(4px);pointer-events:none}.button-logo{width:min(168px,50%);height:auto;display:block;filter:drop-shadow(0 8px 18px rgba(0,0,0,.38));transition:filter .2s ease,transform .2s ease;position:relative;z-index:1}.button-logo-glow{filter:drop-shadow(0 0 10px rgba(255,255,255,.55)) drop-shadow(0 0 24px rgba(255,231,118,.6)) drop-shadow(0 0 38px rgba(255,222,89,.4));transform:scale(1.03)}.button-text{font-size:clamp(1.02rem,2.8vw,1.55rem);font-weight:900;letter-spacing:.04em;position:relative;z-index:1;text-shadow:0 2px 10px rgba(0,0,0,.32)}.spark{position:absolute;color:#fff6bf;text-shadow:0 0 18px rgba(255,235,131,.85);font-size:1.2rem;animation:floatSpark .95s ease-out infinite;pointer-events:none}.spark-1{top:20%;left:18%}.spark-2{top:14%;right:20%;animation-delay:.14s}.spark-3{bottom:22%;left:15%;animation-delay:.25s}.spark-4{bottom:18%;right:16%;animation-delay:.36s}.status-box{min-height:60px;color:#e2e8f0;display:grid;align-content:center}.compact-status p,.compact-status strong{margin:0}.compact-status p{margin-top:6px}.bottom-actions{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.question-timer-banner{align-self:center;display:inline-flex;align-items:center;gap:12px;border-radius:999px;padding:10px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#e2e8f0;font-weight:800}.question-timer-banner strong{min-width:58px;color:#fff;font-size:1.24rem;letter-spacing:.06em}.question-timer-banner.running{background:#34d39924;border-color:#34d39952}.question-timer-banner.done{background:#f8717129;border-color:#f8717152}.bottom-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;border-radius:20px;background:#00000047;border:1px solid rgba(255,255,255,.08)}.bottom-tab{border:0;border-radius:15px;padding:13px 10px;color:#cbd5e1;background:transparent;font-weight:900;cursor:pointer}.bottom-tab.active{color:#fff;background:linear-gradient(180deg,#ff4fae,#d40f74);box-shadow:0 12px 24px #d40f7447}.questions-view{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;overflow:hidden}.questions-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.questions-title{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:1000;letter-spacing:.01em}.reset-categories-btn{flex:0 0 auto;padding:9px 12px;font-size:.86rem}.category-list{flex:1;min-height:0;display:grid;grid-template-rows:repeat(10,minmax(0,1fr));gap:9px;overflow:hidden;padding:2px 4px 6px}.category-button{--cat-start: #ff4fae;--cat-end: #d40f74;position:relative;min-height:0;height:100%;border:3px solid rgba(255,255,255,.42);border-radius:14px;padding:7px 60px 7px 76px;color:#fff;background:linear-gradient(165deg,rgba(255,255,255,.34) 0 18%,rgba(255,255,255,.08) 19% 40%,transparent 41%),linear-gradient(180deg,var(--cat-start),var(--cat-end));box-shadow:inset 0 2px #ffffff47,inset 0 -16px 24px #0000002e,0 12px 22px #00000042;overflow:hidden;cursor:pointer;text-align:left}.category-button:after{content:"";position:absolute;inset:0 10% auto 18%;height:42%;border-radius:0 0 999px 999px;background:linear-gradient(180deg,#ffffff38,#ffffff05);pointer-events:none}.category-button:disabled{opacity:.45;cursor:not-allowed}.category-button-used{filter:grayscale(.2)}.category-button-used:before{content:"";position:absolute;inset:0;background:#02061761;pointer-events:none;z-index:1}.category-button-used .category-short,.category-button-used .category-label,.category-button-used .category-count{z-index:2}.category-short{position:absolute;left:14px;top:50%;transform:translateY(-50%);z-index:1;width:48px;height:48px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(180deg,var(--cat-start),var(--cat-end));box-shadow:inset 0 8px 10px #ffffff1f,inset 0 -12px 18px #0000002e,0 8px 16px #00000047;font-size:1.1rem;font-weight:1000}.category-label{position:relative;z-index:1;display:block;font-size:clamp(1.9rem,6.8vw,3.1rem);line-height:1;font-weight:1000;letter-spacing:.01em;white-space:nowrap}.category-count{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:1;min-width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:#00000038;color:#ffffffdb;font-size:.88rem;font-weight:900}.question-card{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:18px;border-radius:24px;background:radial-gradient(circle at top left,rgba(255,79,174,.2),transparent 34%),#ffffff0e;border:1px solid rgba(255,255,255,.12)}.question-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#cbd5e1;font-weight:800;font-size:.9rem}.question-text{font-size:clamp(1.45rem,4.5vw,2.35rem);line-height:1.1;font-weight:1000}.answer-box{display:grid;gap:6px;padding:14px 16px;border-radius:18px;background:#0000003d;border:1px solid rgba(255,255,255,.08)}.answer-box span{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;font-weight:900}.answer-box strong{font-size:clamp(1.25rem,3.5vw,1.85rem)}.question-actions{display:grid;grid-template-columns:1fr auto;gap:10px}.question-start-btn{margin-top:0;background:linear-gradient(180deg,#34d399,#059669);color:#04130d}.question-close-btn{min-width:112px}.question-card-timer{align-self:center;min-width:104px;border-radius:999px;padding:10px 18px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);font-size:1.55rem;font-weight:1000;letter-spacing:.06em}.question-card-timer.running{color:#bbf7d0;border-color:#34d39952}.question-card-timer.done{color:#fecaca;border-color:#f8717152}.link-btn{background:transparent;color:#cbd5e1;text-decoration:underline}.players-panel{max-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.players-panel.open{opacity:1;transform:translateY(0);pointer-events:auto}.players{display:grid;gap:10px;margin-top:12px;padding-bottom:12px}.player-row{display:flex;align-items:center;justify-content:space-between;background:#ffffff0a;border-radius:18px;padding:13px 14px}.player-state{display:flex;gap:10px;align-items:center}.muted{color:#94a3b8;font-size:14px}.mini-dot{width:14px;height:14px;border-radius:999px;display:inline-block}.mini-dot.idle{background:#64748b}.mini-dot.winner{background:#ff43aa}.mini-dot.loser{background:#3b82f6}.hidden-video{position:fixed;left:-9999px;top:-9999px;width:1px;height:1px;opacity:.001;pointer-events:none}@keyframes floatSpark{0%{transform:translateY(8px) scale(.65);opacity:0}25%{opacity:1}to{transform:translateY(-16px) scale(1.08);opacity:0}}@media(max-width:940px){.page-game{justify-content:flex-start}.compact-layout{grid-template-columns:1fr}.players-panel{display:none}.players-panel.open{display:block}.brand-timer-row{flex-wrap:wrap;justify-content:center}.game-logo-small{width:min(150px,44vw)}.timer-inline-wrap{justify-content:center}.buzz-btn{width:min(60vw,278px);height:min(60vw,278px)}.field-row{grid-template-columns:1fr}.compact-btn{min-width:0}}.buzz-btn{width:min(58vw,330px);height:min(58vw,330px);border:0;gap:8px;background:#111;box-shadow:0 7px #050505,0 18px 34px #00000085,0 36px 62px #00000057,inset 0 0 0 10px #070707,inset 0 0 0 17px #ffffff2e,inset 0 -26px 30px #00000075}.buzz-btn:before{inset:22px;background:radial-gradient(circle at 23% 38%,rgba(255,255,255,.68),transparent 14%),radial-gradient(circle at 77% 38%,rgba(255,255,255,.62),transparent 15%),radial-gradient(circle at 50% 16%,rgba(255,255,255,.18),transparent 28%),repeating-conic-gradient(from 45deg,#ffffff17 0deg 8deg,#0000000d 8deg 16deg),linear-gradient(180deg,#ff14a3,#f40792 43%,#cc006e);box-shadow:inset 0 12px 18px #fff3,inset 0 -24px 36px #00000047,inset 0 0 0 4px #ffffff24,0 0 0 3px #0000006b}.buzz-btn:after{inset:5px;height:auto;border-radius:999px;background:transparent;box-shadow:inset 0 0 0 5px #ffffff14,inset 0 -14px 20px #0000009e,inset 0 12px 18px #ffffff1f;filter:none}.buzz-idle,.buzz-winner,.buzz-loser{background:#111}.buzz-winner:before{animation:winnerBgSpin 1.05s linear infinite}.buzz-winner .button-sheen{animation:winnerSheenPulse .7s ease-in-out infinite alternate}.buzz-loser:before{background:radial-gradient(circle at 23% 38%,rgba(255,255,255,.62),transparent 14%),radial-gradient(circle at 77% 38%,rgba(255,255,255,.55),transparent 15%),radial-gradient(circle at 50% 16%,rgba(255,255,255,.18),transparent 28%),repeating-conic-gradient(from 45deg,#ffffff17 0deg 8deg,#0000000d 8deg 16deg),linear-gradient(180deg,#43a9ff,#1877f2 43%,#0647b8)}.button-sheen{inset:22% 15% auto;height:26%;z-index:2;opacity:.9;background:linear-gradient(90deg,#ffffffbf,#ffffff0a);filter:blur(8px)}.button-player-number{position:relative;z-index:3;margin-bottom:4px;font-size:clamp(1.6rem,7vw,2.55rem);line-height:.95;font-weight:1000;letter-spacing:-.04em;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.35),0 8px 20px rgba(0,0,0,.42),0 0 18px rgba(255,255,255,.35)}.button-logo{width:min(184px,54%);z-index:3}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:940px){html,body,#root,.app-shell{height:100%;overflow:hidden}.page-game{height:100dvh;max-height:100dvh;min-height:0;overflow:hidden;padding:max(8px,env(safe-area-inset-top)) 10px max(8px,env(safe-area-inset-bottom))}.compact-layout{height:100%;overflow:hidden;gap:0}.main-card{height:100%;padding:10px 10px 12px;gap:8px}.game-header{gap:8px}.top-row{gap:6px}.pill{padding:6px 10px;font-size:.82rem}.timer-inline-display{min-height:38px;padding:8px 12px}.timer-action-btn,.edit-time-btn{min-width:86px;padding:8px 10px;font-size:.86rem}.buzz-btn{width:min(72vw,330px,42dvh);height:min(72vw,330px,42dvh)}.status-box{min-height:44px;font-size:.9rem}.bottom-actions{gap:12px}.question-timer-banner{padding:7px 12px;font-size:.86rem}.question-timer-banner strong{font-size:1.05rem;min-width:50px}.bottom-tabs{gap:6px;padding:6px;border-radius:16px}.bottom-tab{padding:10px 8px;border-radius:12px;font-size:.92rem}.questions-view{gap:6px}.questions-title{display:none}.category-list{gap:5px;padding:0 2px 2px}.category-button{border-width:2px;border-radius:10px;padding:4px 40px 4px 52px}.category-short{left:8px;width:34px;height:34px;font-size:.82rem}.category-label{font-size:clamp(1.2rem,6.6vw,1.85rem)}.category-count{right:8px;min-width:26px;height:26px;font-size:.72rem}.question-card{justify-content:flex-start;padding:14px;gap:12px;border-radius:20px;overflow:hidden}.question-meta{font-size:.78rem}.question-text{font-size:clamp(1.2rem,6.2vw,1.7rem)}.answer-box{padding:12px}.answer-box strong{font-size:clamp(1.05rem,5.2vw,1.4rem)}.question-actions{grid-template-columns:1fr}.question-close-btn{min-width:0}}@media(max-width:420px),(max-height:740px){.category-list{gap:4px}.category-button{padding-left:46px;padding-right:34px}.category-short{width:30px;height:30px;font-size:.74rem}.category-label{font-size:clamp(1.05rem,6vw,1.55rem)}.category-count{min-width:23px;height:23px;font-size:.66rem}.bottom-tabs{padding:5px}.bottom-tab{padding:8px 6px;font-size:.86rem}}@keyframes winnerBgSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes winnerSheenPulse{0%{opacity:.65;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}.player-main{min-width:0;flex:1}.reorder-actions{display:flex;gap:6px;margin-left:8px}.reorder-btn{width:32px;height:32px;min-width:32px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff14;color:#f8fafc;font-weight:900;line-height:1;padding:0}.reorder-btn:disabled{opacity:.32;cursor:not-allowed}.reorder-btn:not(:disabled):active{transform:translateY(1px)}.remove-player-btn{border-color:#f871716b;background:#b91c1c38;color:#fecaca;font-size:22px}.remove-player-btn:not(:disabled):hover{background:#dc262657;color:#fff}@media(max-width:940px){.player-row{gap:8px;padding:10px 11px}.player-state{gap:6px}.reorder-actions{gap:4px;margin-left:4px}.reorder-btn{width:30px;height:30px;min-width:30px}}.language-select-card{max-width:720px;margin:0 auto;padding:26px;background:#141414e6;border:1px solid rgba(255,255,255,.08);border-radius:28px;box-shadow:0 26px 60px #00000059;text-align:center}.language-select-title{color:#f8fafc;font-size:1.25rem;font-weight:900;margin-bottom:18px}.language-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.language-choice-btn{width:100%;min-height:86px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(180deg,#27272a,#111113);color:#f8fafc;font-weight:900;cursor:pointer}.language-choice-btn:active{transform:translateY(1px)}.language-choice-flag{font-size:2rem}.category-button-loading{opacity:.82;cursor:wait}