*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Tahoma,Segoe UI,Arial,sans-serif;background:#1e1e2e;color:#f4f4f4;direction:rtl}button{font-family:inherit;cursor:pointer;border:none;outline:none}input{font-family:inherit;outline:none}#root{min-height:100vh;display:flex;flex-direction:column}:root{--fifawi-navy-950: #030f24;--fifawi-navy-900: #071b3f;--fifawi-navy-800: #0b2b5b;--fifawi-navy-700: #1b4d8d;--fifawi-electric-500: #59baff;--fifawi-gold-500: #d8b15b;--fifawi-gold-600: #bf9545;--fifawi-gold-700: #a97d32;--fifawi-ice-50: #f3f8ff;--fifawi-ice-100: #e6eefb;--fifawi-ice-200: #cfdbef;--fifawi-space-950: #02091a;--fifawi-space-900: #04142f}.page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#23242f,#1a1b26)}.selectorPage{background:#f0f0f4;color:#1e1e2e}.topBar{display:flex;align-items:center;justify-content:space-between;padding:10px 8px;background:#15161e;border-bottom:2px solid #F5C518;min-height:118px}.topBar.headerWithImage{position:relative;height:240px;padding:0;overflow:hidden;border-bottom:3px solid #F5C518;background:#000;width:100%}.headerImageContainer{position:absolute;top:0;right:0;left:0;bottom:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.headerImage{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.headerOverlay{position:absolute;top:0;right:0;left:0;bottom:0;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;z-index:20;background:linear-gradient(90deg,#0000004d,#0000001a,#0000004d);flex-direction:row-reverse}.selectorTopBar{background:#fff;border-bottom:2px solid #F5C518;display:grid;grid-template-columns:minmax(140px,1fr) auto minmax(140px,1fr);align-items:center;min-height:104px}.selectorTopBar .brand{color:#1e1e2e}.brand{font-size:22px;font-weight:700;color:#f4f4f4;letter-spacing:1px}.brandBlock{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;justify-self:center;grid-column:2}.selectorTopBar .topActions{grid-column:1;justify-self:start}.topBarSpacer{grid-column:3;justify-self:end;width:140px}.brandLogo{width:clamp(190px,24vw,360px);height:auto;aspect-ratio:10 / 3;object-fit:contain;filter:drop-shadow(0 0 14px rgba(91,167,255,.45))}.brandTagline{font-size:clamp(16px,2vw,26px);font-weight:900;letter-spacing:1px;display:flex;align-items:center;gap:6px;direction:rtl;margin-top:2px;text-shadow:0 2px 10px rgba(7,24,51,.6)}.brandTaglineMain{color:#f1d086;-webkit-text-stroke:.5px rgba(90,58,13,.6);text-shadow:0 1px 0 #8f6a21,0 3px 12px rgba(7,24,51,.7)}.brandTaglineSep{color:#d8b15b80;font-weight:400;font-size:.8em}.brandTaglineSub{color:#59baff;font-weight:900;text-shadow:0 1px 0 #1a4e7a,0 3px 12px rgba(7,24,51,.7)}.topActions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.topActionBtn{background:#2a2b38d9;color:#fff;border:1px solid rgba(232,118,10,.6);border-radius:8px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;cursor:pointer;background-blend-mode:lighten}.topActionBtn:hover{background:#f5c518;color:#fff;border-color:#f5c518;box-shadow:0 2px 8px #e8760a4d}.resetBtn{background:linear-gradient(135deg,#e74c3c,#c0392b)!important;border-color:#e74c3c!important;font-weight:700;animation:pulse-reset 1.5s ease-in-out infinite}.resetBtn:hover{background:linear-gradient(135deg,#ff6b5a,#e74c3c)!important;border-color:#ff6b5a!important;box-shadow:0 4px 12px #e74c3c80!important;transform:scale(1.05)}@keyframes pulse-reset{0%,to{box-shadow:0 2px 6px #e74c3c4d}50%{box-shadow:0 4px 12px #e74c3c99}}.musicToggleBtn{background:#e8760a33;border:2px solid #F5C518;border-radius:8px;padding:8px 14px;font-size:18px;color:#f5c518;transition:all .2s;cursor:pointer}.musicToggleBtn:hover{background:#f5c518;color:#fff;box-shadow:0 2px 8px #e8760a66}.turnPill{background:#e8760af2;color:#fff;padding:10px 20px;border-radius:24px;font-size:16px;font-weight:700;box-shadow:0 4px 12px #e8760a66;white-space:nowrap;flex-shrink:0}.selectorWrap{width:min(1360px,99.2%);margin:16px auto 32px}.selectorTeams{background:linear-gradient(160deg,#0c1f42,#102244,#0a1c3a);border-radius:18px;padding:22px 28px;margin-bottom:18px;box-shadow:0 8px 32px #020a1c8c,inset 0 1px #d8b15b26;border:1.5px solid rgba(216,177,91,.45)}.selectorTeamsTitle{font-size:clamp(17px,2vw,22px);font-weight:900;color:#f1d086;margin-bottom:18px;text-align:center;letter-spacing:.5px;text-shadow:0 2px 10px rgba(7,24,51,.7)}.selectorTeamsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.selectorTeamBox{display:flex;flex-direction:column;gap:8px}.selectorTeamLabel{font-size:clamp(13px,1.4vw,16px);font-weight:800;color:#59baff;letter-spacing:.3px;text-shadow:0 1px 6px rgba(7,24,51,.5)}.selectorTeamInput{background:linear-gradient(180deg,#081c40e0,#061633eb);border:1.5px solid rgba(216,177,91,.48);border-radius:14px;padding:13px 16px;font-size:clamp(15px,1.6vw,18px);font-weight:800;color:#f3f8ff;transition:border-color .2s,box-shadow .2s,transform .16s;text-align:right;box-shadow:inset 0 1px #ffffff0f}.selectorTeamInput::placeholder{color:#c8dcff59;font-weight:400}.selectorTeamInput:focus{border-color:#d8b15b;background:linear-gradient(180deg,#0a224cf0,#071a3cf5);box-shadow:0 0 0 3px #d8b15b33,0 8px 20px #01071457;transform:translateY(-1px);outline:none}.searchWrap{display:flex;align-items:center;background:#fff;border:1.5px solid #d0d0da;border-radius:10px;padding:0 10px;margin-bottom:12px;gap:6px;box-shadow:0 1px 6px #0000000f}.searchIconBtn{background:transparent;border:none;font-size:15px;color:#999;padding:0}.searchInput{flex:1;border:none;background:transparent;padding:9px 2px;font-size:14px;color:#1e1e2e}.searchInput::placeholder{color:#aaa}.selectorTitle{font-size:17px;font-weight:700;color:#1e1e2e;margin-bottom:14px}.selectorMainArea{display:grid;grid-template-columns:1fr;gap:12px;align-items:start}.selectorGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.selectorSidePanel{position:static;align-self:stretch;width:100%;display:flex;flex-direction:column;align-items:center}.selectorCard{background:#fff;border:2px solid #d0d0da;border-radius:14px;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;min-height:196px;transition:border-color .2s,box-shadow .2s,transform .1s;box-shadow:0 2px 8px #0000000f;text-align:center}.selectorCard:hover{border-color:#f5c518;box-shadow:0 4px 16px #e8760a2e;transform:translateY(-2px)}.selectorCard.active{border-color:#f5c518;box-shadow:0 4px 20px #e8760a47}.selectorCard.locked{opacity:.45;cursor:not-allowed;filter:grayscale(.2);transform:none;box-shadow:none}.selectorCard.locked:hover{border-color:#d0d0da;box-shadow:none;transform:none}.selectorCard.active .selectorCardName{background:#f5c518;color:#fff}.selectorCardTop{position:relative;width:100%;height:0;background:transparent;display:flex;align-items:center;justify-content:center;overflow:visible;z-index:2}.selectorIcon{font-size:54px;display:flex;align-items:center;justify-content:center;width:100%;height:130px;background:#f5f5f8;overflow:hidden}.selectorIconImage{width:100%;height:100%;object-fit:cover}.selectorInfoIcon{position:absolute;top:8px;left:8px;background:#00000080;color:#fff;width:22px;height:22px;border-radius:50%;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:2}.selectorRemainBadge{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#10294f,#1d4b87);color:#fff;border:1px solid rgba(216,177,91,.95);padding:5px 10px;border-radius:20px;font-size:12px;font-weight:800;line-height:1;letter-spacing:.2px;box-shadow:0 4px 12px #04122a73;z-index:2}.selectorIcon{height:136px}.selectorCardName{padding:9px 8px;min-height:52px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;line-height:1.25;color:#1e1e2e;background:#f9f9fb;border-top:1px solid #e8e8ee;transition:background .2s,color .2s}.selectorActions{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:8px}.selectedCount{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:linear-gradient(90deg,#081a36f0,#123766f2);border:1px solid rgba(89,186,255,.42);color:#e9f3ff;font-size:14px;font-weight:800;letter-spacing:.2px;box-shadow:0 8px 18px #020c1f4d}.selectedCountValue{color:#fff;font-size:16px}.selectedCountSlash{color:#d8b15b;opacity:.95}.startGameBtn{background:#f5c518;color:#fff;border:none;border-radius:12px;padding:12px 28px;font-size:16px;font-weight:700;transition:background .2s,opacity .2s;min-width:170px}.startGameBtn:hover:not(:disabled){background:#c9640a}.startGameBtn:disabled{opacity:.45;cursor:not-allowed}.selectorHint{font-size:14px;color:#888;text-align:center;margin-top:12px}.selectedMiniList{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px;width:fit-content;max-width:100%;max-height:none;overflow-x:auto;padding:0;border-radius:0;background:transparent;box-shadow:none;margin-inline:auto}.selectedMiniChip{display:flex;flex-direction:column;align-items:stretch;gap:6px;width:clamp(104px,10vw,136px);border:none;border-radius:12px;padding:4px;position:relative;background:#f3f4f6;transition:transform .15s,box-shadow .2s}.selectedMiniChip:hover{transform:translateY(-1px);box-shadow:0 7px 14px #2c314038}.selectedMiniChipRemove{position:absolute;top:-4px;right:-4px;width:17px;height:17px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;background:#fff;color:#8b96a7;border:1px solid #c7ced8;z-index:1}.selectedMiniThumb{display:flex;align-items:center;justify-content:center;width:100%;height:58px;border-radius:9px;overflow:hidden;background:#f0efe8}.selectedMiniThumbImage{width:100%;height:100%;object-fit:cover}.selectedMiniThumbEmoji{font-size:26px}.selectedMiniChipName{align-self:center;width:fit-content;max-width:100%;padding:4px 8px;border-radius:8px;font-size:10px;font-weight:700;line-height:1.15;color:#fff;background:linear-gradient(135deg,#f0823f,#e66927);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gameShell{flex:1;display:flex;flex-direction:column;overflow:hidden;padding-bottom:120px}.boardWrap{flex:1;display:flex;flex-direction:column;padding:6px}.boardWrapFull{width:100%}.statusBar{display:flex;justify-content:space-between;padding:8px 4px;font-size:14px;color:#bbb;margin-bottom:10px}.boardScroller{overflow-x:auto;flex:1}.board{display:grid;grid-template-columns:repeat(3,minmax(320px,1fr));gap:14px;min-width:980px}.categoryCol{min-width:320px;display:flex;gap:0}.categorySplitCard{background:#3e4045;border:1px solid #4d5058;border-radius:34px;overflow:hidden;box-shadow:0 8px 18px #070a1059}.pointsCol{width:38%;display:flex;flex-direction:column}.categoryHeader{background:#ff7a45;border-top:1px solid rgba(255,255,255,.28);padding:8px 6px;text-align:center;font-size:15px;font-weight:800;color:#fff;min-height:46px;display:flex;align-items:center;justify-content:center}.pointBtn{width:100%;background:linear-gradient(180deg,#f1cd6f,#d8b15b 58%,#bb8f36);color:#0a1a35;border:none;border-radius:0;padding:14px 8px;font-size:44px;font-weight:900;cursor:pointer;transition:background .18s,color .18s,opacity .2s,transform .12s,box-shadow .12s,filter .18s;box-shadow:0 7px #92671e,0 14px 26px #06112638,inset 0 1px #fff8c857;animation:none}.pointBtnSide{border-radius:999px;margin:4px;min-height:78px}.pointBtn:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 8px #92671e,0 16px 28px #d8b15b3d,inset 0 1px #fff8c873;transform:translateY(-2px)}.pointBtn:active:not(:disabled){transform:translateY(5px);box-shadow:0 2px #92671e,0 6px 12px #06112633,inset 0 1px #fff8c83d;opacity:1}.pointBtn.used{background:linear-gradient(180deg,#20324f,#17263f);color:#d9e7ff94;cursor:not-allowed;box-shadow:inset 0 1px #ffffff0d;opacity:.92;font-size:34px}.categoryCenterCard{width:24%;background:#c7d9ea;display:flex;flex-direction:column;justify-content:space-between;border-inline:1px solid rgba(53,57,66,.24)}.categoryImageFrame{flex:1;min-height:224px;display:flex;align-items:center;justify-content:center;overflow:hidden}.categoryCenterImage{width:100%;height:100%;object-fit:cover;display:block}.categoryCenterFallback{font-size:52px}@keyframes pulse-btn{0%,to{box-shadow:0 3px 10px #e8760a4d}50%{box-shadow:0 3px 20px #e8760a99}}.scoreDock{position:fixed;bottom:0;left:0;right:0;height:110px;background:linear-gradient(180deg,#0a1f46,#071530);border-top:2px solid rgba(216,177,91,.6);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:100;gap:16px;box-shadow:0 -4px 24px #02091a8c}.dockTeam{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.teamNameInput{background:transparent;border:1px solid #3a3b4a;border-radius:8px;padding:4px 10px;font-size:14px;font-weight:700;color:#f4f4f4;text-align:center;width:min(180px,100%)}.teamNameInput:focus{border-color:#d8b15b}.dockScoreWrap{display:flex;align-items:center;gap:10px}.dockScore{font-size:28px;font-weight:700;color:#f1d086;min-width:60px;text-align:center;text-shadow:0 2px 10px rgba(216,177,91,.4)}.scoreAdjBtn{background:#0c2b59cc;color:#f1d086;border:1.5px solid rgba(216,177,91,.5);border-radius:8px;width:32px;height:32px;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.dockHelpers{display:flex;flex-direction:column;align-items:center;gap:8px}.dockHelpersTeam{display:flex;flex-direction:column;align-items:center;gap:5px}.helpersTitle{font-size:11px;color:#888;text-align:center;font-weight:700;letter-spacing:.2px}.helpersRow{display:flex;gap:6px}.helperCircle{width:34px;height:34px;border-radius:50%;background:#0a1e41cc;border:1.5px solid rgba(89,186,255,.25);color:#59baff80;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;transition:border-color .2s,color .2s,opacity .2s,box-shadow .2s}.helperCircle.active{border-color:#d8b15bb3;color:#f1d086;background:#0c2b59e6;box-shadow:0 0 10px #d8b15b4d}.helperCircle.used{opacity:.3;cursor:not-allowed;box-shadow:none;border-color:#3a3b4a;color:#555}.helperCircle:disabled:not(.used){opacity:.42;cursor:not-allowed;box-shadow:none;border-color:#59baff1f;color:#59baff47}@keyframes armedPulse{0%,to{box-shadow:0 0 0 3px #f5c51873,0 0 22px #f5c5188c;transform:scale(1)}50%{box-shadow:0 0 0 7px #f5c51833,0 0 36px #f5c518c7;transform:scale(1.13)}}.helperCircle.armed{border-color:#f5c518;color:#0b2c56;background:linear-gradient(135deg,#f8dd73,#f5c518);box-shadow:0 0 0 3px #f5c51873,0 0 22px #f5c5188c;animation:armedPulse 1s ease-in-out infinite;position:relative;z-index:2}.helperCircle.armed:after{content:"✓ مفعّلة";position:absolute;top:-22px;left:50%;transform:translate(-50%);background:#f5c518;color:#0b2c56;font-size:9px;font-weight:800;padding:2px 6px;border-radius:6px;white-space:nowrap;pointer-events:none;letter-spacing:.3px;box-shadow:0 2px 8px #f5c51873}.armedBanner{position:absolute;top:-38px;left:50%;transform:translate(-50%);background:linear-gradient(90deg,#f8dd73,#f5c518);color:#0b2c56;font-size:12px;font-weight:800;padding:5px 18px;border-radius:20px;white-space:nowrap;box-shadow:0 4px 18px #f5c5186b;animation:armedPulse 1s ease-in-out infinite;z-index:10;pointer-events:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:200;padding:16px}.modal{background:#23242f;border:2px solid #F5C518;border-radius:20px;padding:28px 32px;max-width:560px;width:100%;display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center;box-shadow:0 8px 40px #00000080}.badge{background:#f5c518;color:#fff;padding:5px 18px;border-radius:20px;font-size:14px;font-weight:700}.timerText{font-size:16px;color:#f5c518;font-weight:700}.huntTurnPill{background:#3a7bdb29;border:1px solid rgba(58,123,219,.5);color:#a9cdff;padding:6px 14px;border-radius:999px;font-size:14px;font-weight:700}.bonusRoundBanner{margin:8px auto 2px;width:fit-content;background:linear-gradient(135deg,#f8dd73,#f5c518);color:#082a56;border:1px solid rgba(255,239,166,.9);border-radius:999px;padding:8px 16px;font-size:15px;font-weight:900;box-shadow:0 8px 20px #f5c51852;animation:bonusPulse 1s ease-in-out infinite}@keyframes bonusPulse{0%,to{transform:scale(1);box-shadow:0 8px 20px #f5c5184d}50%{transform:scale(1.04);box-shadow:0 12px 24px #f5c51875}}.huntHintMeta{font-size:14px;font-weight:700;color:#f1d38a}.huntHintsList{width:100%;display:flex;flex-direction:column;gap:8px}.huntHintItem{display:flex;align-items:center;gap:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:8px 10px}.huntHintOrder{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f8dd73,#f5c518);border:1px solid rgba(255,241,170,.9);color:#082a56;font-size:12px;font-weight:800;flex:0 0 24px}.huntHintText{color:#f4f7ff;font-size:15px;font-weight:700;line-height:1.5}.charadesPrepCard{width:100%;background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:12px}.charadesPrepTitle{font-size:16px;font-weight:800;color:#f5f7ff}.charadesPrepContent{display:grid;grid-template-columns:170px 1fr;gap:12px;align-items:start}.charadesQrWrap{background:#f0f0f0;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px;align-items:center}.charadesQrImage{width:100%;max-width:240px;border-radius:8px;background:#fff;border:1px solid #d1d5db}.charadesQrPlaceholder{width:240px;height:240px;display:grid;place-items:center;color:#444;font-size:12px;background:#fff;border-radius:8px;text-align:center;padding:10px}.charadesQrLabel{background:linear-gradient(180deg,#f8dd73,#f5c518);color:#082a56;border-radius:999px;padding:4px 16px;font-weight:800}.charadesRules{display:flex;flex-direction:column;gap:10px}.charadesRuleItem{background:#ffffffe0;color:#1d1d1d;border-radius:999px;padding:8px 12px;font-size:14px;font-weight:700;text-align:right;display:flex;align-items:center;gap:8px}.charadesRuleItem span{width:26px;height:26px;border-radius:50%;background:linear-gradient(180deg,#f8dd73,#f5c518);color:#082a56;display:inline-flex;align-items:center;justify-content:center;font-weight:800}.questionText{font-size:34px;font-weight:900;color:#f4f4f4;line-height:1.55;background:transparent;border:none;border-radius:0;padding:0;width:100%;box-shadow:none;text-shadow:0 2px 18px rgba(216,177,91,.1);animation:questionSlideIn .38s cubic-bezier(.22,1,.36,1) both;animation-delay:.1s}@keyframes questionSlideIn{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.questionMedia{width:min(100%,620px);display:flex;justify-content:center;margin:6px auto 8px}.questionPuzzleImage{width:100%;max-height:320px;object-fit:contain;border-radius:14px;border:2px solid rgba(232,118,10,.55);box-shadow:0 8px 24px #00000059;background:#051028a6}.answerText{font-size:40px;color:#7be47b;font-weight:900;letter-spacing:.5px;text-shadow:0 0 28px rgba(123,228,123,.45);animation:answerReveal .42s cubic-bezier(.34,1.56,.64,1) both}@keyframes answerReveal{0%{opacity:0;transform:scale(.7);filter:blur(6px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.answerMedia{width:min(100%,280px);display:flex;justify-content:center}.answerPlayerImage{width:100%;max-height:220px;object-fit:contain;object-position:center top;background:#051028a6;border-radius:14px;border:2px solid rgba(232,118,10,.55);box-shadow:0 8px 24px #00000059}.revealButton{background:#f5c518;color:#fff;border:none;border-radius:12px;padding:12px 28px;font-size:16px;font-weight:700;transition:background .2s}.revealButton:hover{background:#c9640a}.actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.manualScorePanel{width:100%;display:flex;flex-direction:column;gap:10px;align-items:center}.manualScoreTitle{font-size:14px;color:#c8d5ea;font-weight:700}.manualScoreGrid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(84px,1fr));gap:8px}.actionBtn{padding:10px 18px;border-radius:10px;font-size:14px;font-weight:700;transition:opacity .2s}.manualScoreGrid .actionBtn{width:100%}.actionBtn.red{background:#f5c518;color:#fff}.actionBtn.red:hover{background:#c9640a}.actionBtn.gray{background:#3a3b4a;color:#ccc}.actionBtn.gray:hover{background:#4a4b5a}.closeBtn{background:transparent;color:#888;border:1px solid #3a3b4a;border-radius:10px;padding:8px 18px;font-size:14px;transition:border-color .2s,color .2s}.closeBtn:hover{border-color:#f5c518;color:#f5c518}.footerActions{display:flex;gap:12px;justify-content:center;padding:10px 16px 130px;flex-wrap:wrap}.footerBtn{padding:10px 22px;border-radius:10px;font-size:14px;font-weight:700;transition:opacity .2s,background .2s}.footerBtn.blue{background:#3a7bdb;color:#fff}.footerBtn.blue:hover{background:#2e63b5}.footerBtn.red{background:#db3a3a;color:#fff}.footerBtn.red:hover{background:#b52e2e}.teamsPopupOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 12%,rgba(89,186,255,.18),transparent 36%),radial-gradient(circle at 82% 84%,rgba(216,177,91,.16),transparent 34%),#02091ad6;-webkit-backdrop-filter:blur(9px) saturate(1.1);backdrop-filter:blur(9px) saturate(1.1);display:flex;align-items:center;justify-content:center;z-index:500;animation:fadeIn .25s ease}.teamsPopup{background:linear-gradient(160deg,#0b1f43f5,#0d244af2 58%,#081835fa);border:1.5px solid rgba(216,177,91,.62);border-radius:26px;padding:30px 30px 24px;width:min(700px,94vw);box-shadow:0 30px 80px #020a1cc2,inset 0 1px #ffffff14,inset 0 0 70px #59baff0d;display:flex;flex-direction:column;gap:18px;animation:popupIn .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.teamsPopup:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:24px;border:1px solid rgba(255,255,255,.06);pointer-events:none}.teamsPopup:after{content:"";position:absolute;top:-130px;left:-80px;width:280px;height:280px;background:radial-gradient(circle,rgba(216,177,91,.22) 0%,transparent 70%);pointer-events:none}.teamsPopupTitle{font-size:clamp(22px,2.7vw,34px);font-weight:900;color:#f1d086;text-align:center;text-shadow:0 2px 14px rgba(7,24,51,.75),0 0 26px rgba(216,177,91,.22);letter-spacing:.6px;margin-bottom:6px;position:relative}.teamsPopupTitle:after{content:"";display:block;width:min(220px,50%);height:2px;margin:10px auto 0;background:linear-gradient(90deg,transparent 0%,rgba(216,177,91,.18) 10%,rgba(216,177,91,.9) 50%,rgba(216,177,91,.18) 90%,transparent 100%)}.helpersModeToggle{display:inline-flex;align-items:center;gap:12px;align-self:center;padding:10px 15px;border-radius:20px;background:linear-gradient(180deg,#0b2147eb,#081835f2);border:1px solid rgba(89,186,255,.3);color:#e7f1ff;min-width:224px;box-shadow:inset 0 1px #ffffff0d,0 8px 18px #020a1c47;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}.helpersModeToggle:hover{border-color:#d8b15b8c;box-shadow:inset 0 1px #ffffff14,0 12px 24px #020a1c57;transform:translateY(-1px)}.helpersModeToggle.off{border-color:#d8b15b57}.helpersModeIcon{font-size:16px;line-height:1}.helpersModeTextWrap{display:flex;flex-direction:column;align-items:flex-start;gap:1px;flex:1}.helpersModeTitle{font-size:13px;font-weight:900;color:#f5f8ff}.helpersModeState{font-size:11px;font-weight:700;color:#d8e7ffb8}.helpersModeToggle.off .helpersModeState{color:#f1d086d9}.helpersModeSwitch{width:46px;height:26px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.08);position:relative;flex:0 0 auto;transition:background .18s ease,border-color .18s ease}.helpersModeThumb{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#c9971e,#d8b15b);box-shadow:0 2px 8px #d8b15b59;transition:transform .18s ease}.helpersModeToggle.off .helpersModeSwitch{background:#ffffff14;border-color:#d8b15b33}.helpersModeToggle.off .helpersModeThumb{transform:translate(-20px);background:linear-gradient(135deg,#7d8ba5,#a9b7ce);box-shadow:0 2px 8px #6e82a040}.roundTimeSettings{display:grid;grid-template-columns:1fr 1fr;gap:14px}.roundTimeGroup{display:flex;flex-direction:column;gap:7px}.roundTimeLabel{font-size:12px;font-weight:800;color:#d8e7ffdb;text-align:center}.roundTimeSelect{height:46px;border-radius:14px;border:1px solid rgba(89,186,255,.35);background:#071b42db;color:#e8f1ff;font-size:15px;font-weight:800;padding:0 12px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.roundTimeSelect:focus{border-color:#d8b15b99;background:#0a214ef5;box-shadow:0 0 0 3px #d8b15b33}.teamsPopupGrid{display:grid;grid-template-columns:1fr;gap:12px}.teamsPopupCols{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:start}.teamsPopupCol{display:flex;flex-direction:column;gap:12px}.teamsPopupColDivider{width:1px;background:linear-gradient(180deg,transparent,rgba(216,177,91,.5),transparent);min-height:140px;align-self:stretch}.helperPickerLabel{font-size:13px;font-weight:800;color:#59baffcc;text-align:center;letter-spacing:.3px}.helperPickerDisabledNote{min-height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#081a3c6b;border:1px dashed rgba(216,177,91,.32);color:#d8e7ffb8;font-size:13px;font-weight:700}.helperPickerRow{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.helperPickerBtn{width:96px;min-height:78px;border-radius:14px;background:#081a3cb3;border:1.5px solid rgba(89,186,255,.25);color:#d8e9ff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:border-color .18s,background .18s,transform .15s,box-shadow .18s}.helperPickerBtnIcon{font-size:24px;line-height:1}.helperPickerBtnText{font-size:11px;font-weight:800;line-height:1.2;text-align:center}.helperPickerBtn:hover:not(:disabled){border-color:#d8b15b99;background:#14376ed9;transform:translateY(-2px)}.helperPickerBtn.chosen{background:linear-gradient(135deg,#0b3a7a,#2a6ecf);border-color:#d8b15b;box-shadow:0 0 20px #d8b15b75,inset 0 1px #fff8c833;color:#fff}.helperPickerBtn:disabled:not(.chosen){opacity:.35;cursor:not-allowed}.helperSelectionSummary{min-height:42px;border-radius:14px;padding:10px 12px;background:#081a3c66;border:1px dashed rgba(89,186,255,.24);color:#e8f1ffd1;font-size:12px;font-weight:700;line-height:1.5;text-align:center}.teamsPopupBox{display:flex;flex-direction:column;gap:8px}.teamsPopupBtn{background:linear-gradient(135deg,#bc8915,#e3b84f,#bc8915);color:#0a1a35;border:none;border-radius:16px;padding:15px 24px;font-size:clamp(20px,2.2vw,34px);font-weight:900;cursor:pointer;letter-spacing:.5px;box-shadow:0 10px 24px #b4821480,inset 0 1px #fff0c0b3;transition:transform .15s,box-shadow .15s,opacity .2s;align-self:stretch}.teamsPopupBtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px #b4821499}.teamsPopupBtn:disabled{opacity:.45;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupIn{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.teamsEditBtn{background:transparent;border:1px solid rgba(216,177,91,.4);border-radius:10px;color:#d8b15b;font-size:12px;font-weight:700;padding:4px 10px;cursor:pointer;transition:border-color .15s}.teamsEditBtn:hover{border-color:#d8b15b}.winnerOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 15%,rgba(89,186,255,.22) 0%,transparent 55%),linear-gradient(135deg,#000000eb,#0a2e60d9);display:flex;align-items:center;justify-content:center;z-index:300;animation:celebrationFade .6s ease-out}@keyframes celebrationFade{0%{opacity:0}to{opacity:1}}.winnerOverlay .lightWavesLayer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.winnerOverlay .lightWave{position:absolute;top:50%;left:50%;width:120px;height:120px;border-radius:50%;transform:translate(-50%,-50%)}.winnerOverlay .lightWave1{border:2px solid rgba(216,177,91,.36);animation:winnerExpandWave 2.4s ease-out infinite}.winnerOverlay .lightWave2{border:2px solid rgba(89,186,255,.3);animation:winnerExpandWave 2.8s ease-out .4s infinite}.winnerOverlay .lightWave3{border:2px solid rgba(216,177,91,.22);animation:winnerExpandWave 3.2s ease-out .8s infinite}@keyframes winnerExpandWave{0%{width:120px;height:120px;opacity:1}to{width:min(90vw,980px);height:min(90vw,980px);opacity:0}}.winnerOverlay .fireworksLayer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.winnerOverlay .firework{position:absolute;font-size:clamp(28px,3.4vw,44px);animation:winnerFireworkBurst 1.65s ease-out forwards;filter:drop-shadow(0 0 10px rgba(216,177,91,.55))}@keyframes winnerFireworkBurst{0%{transform:scale(.3) rotate(0);opacity:0}28%{transform:scale(1) rotate(95deg);opacity:1}to{transform:scale(1.35) rotate(220deg);opacity:0}}.winnerOverlay .confettiLayer{opacity:.52;background-image:radial-gradient(circle,#d8b15b 2px,transparent 2px),radial-gradient(circle,#59baff 2px,transparent 2px),radial-gradient(circle,#f1d086 2px,transparent 2px);background-size:130px 130px,95px 85px,120px 110px;background-position:0 0,40px 30px,70px 60px}.confettiLayer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#F5C518 3px,transparent 3px),radial-gradient(circle,#FFD700 2px,transparent 2px),radial-gradient(circle,#FFA500 2.5px,transparent 2.5px),radial-gradient(circle,#00d4ff 2px,transparent 2px),radial-gradient(circle,#7be47b 2px,transparent 2px),radial-gradient(circle,#FF69B4 2px,transparent 2px);background-size:140px 140px,100px 90px,120px 110px,130px 100px,150px 130px,110px 120px;background-position:0 0,40px 30px,70px 60px,20px 80px,100px 40px,50px 90px;animation:confetti-celebration 6s linear infinite;opacity:.7}@keyframes confetti-celebration{0%{background-position:0 0,40px 30px,70px 60px,20px 80px,100px 40px,50px 90px}to{background-position:140px -140px,140px -90px,190px -110px,150px -100px,250px -130px,160px -120px}}.winnerCard{background:linear-gradient(135deg,#1a1f2e,#23242f,#1a1f2e);border:3px solid #F5C518;border-radius:32px;padding:50px 60px;text-align:center;display:flex;flex-direction:column;gap:28px;align-items:center;box-shadow:0 0 40px #f5c51880,0 0 80px #f5c51840,0 20px 80px #000c;position:relative;z-index:1;animation:cardBounceIn .8s cubic-bezier(.34,1.56,.64,1)}@keyframes cardBounceIn{0%{opacity:0;transform:scale(.3) translateY(40px)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1) translateY(0)}}.winnerTitle{font-size:32px;font-weight:700;color:#f5c518;text-shadow:0 0 20px rgba(245,197,24,.6),0 0 40px rgba(245,197,24,.3);animation:titleGlow 2s ease-in-out infinite}@keyframes titleGlow{0%,to{text-shadow:0 0 20px rgba(245,197,24,.6),0 0 40px rgba(245,197,24,.3);letter-spacing:1px}50%{text-shadow:0 0 30px rgba(245,197,24,.9),0 0 60px rgba(245,197,24,.5);letter-spacing:2px}}.winnerName{font-size:48px;font-weight:900;background:linear-gradient(135deg,gold,#f5c518,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;animation:nameScale .8s cubic-bezier(.34,1.56,.64,1) .2s both}@keyframes nameScale{0%{opacity:0;transform:scale(.5) rotateY(-20deg)}to{opacity:1;transform:scale(1) rotateY(0)}}.winnerScores{display:flex;gap:32px;justify-content:center;animation:scoreSlideUp .8s ease-out .4s both}@keyframes scoreSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.winnerScoreBox{display:flex;flex-direction:column;align-items:center;gap:12px;background:#f5c5181a;border:2px solid rgba(245,197,24,.3);border-radius:16px;padding:16px 24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.winnerScoreBox:hover{border-color:#f5c518cc;box-shadow:0 0 20px #f5c5184d;transform:translateY(-4px)}.winnerScoreTeam{font-size:16px;font-weight:600;color:#b0b8c8;text-transform:uppercase;letter-spacing:1px}.winnerScoreValue{font-size:40px;font-weight:900;color:#f5c518;text-shadow:0 0 10px rgba(245,197,24,.5);animation:scorePulse 1.5s ease-in-out infinite}@keyframes scorePulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.winnerActions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;animation:actionsSlideUp .8s ease-out .6s both}@keyframes actionsSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}body{min-height:100vh;position:relative;overflow-x:hidden;background:radial-gradient(circle at 50% -12%,rgba(89,186,255,.4) 0%,rgba(89,186,255,.08) 36%,transparent 60%),radial-gradient(circle at 50% 14%,rgba(216,177,91,.2) 0%,rgba(216,177,91,.06) 32%,transparent 58%),radial-gradient(circle at 14% 22%,rgba(83,148,255,.18) 0%,transparent 40%),radial-gradient(circle at 86% 18%,rgba(83,148,255,.18) 0%,transparent 40%),linear-gradient(180deg,var(--fifawi-space-900) 0%,var(--fifawi-space-950) 100%);background-attachment:fixed;color:var(--fifawi-ice-50)}.page{position:relative;isolation:isolate;background:radial-gradient(circle at 50% -10%,rgba(89,186,255,.22),transparent 56%),radial-gradient(circle at 50% 18%,rgba(216,177,91,.14),transparent 52%),linear-gradient(180deg,#04142fed,#02091af5)}.page:before,.page:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.page:before{background-image:radial-gradient(circle,rgba(255,255,255,.55) 1px,transparent 1.5px),radial-gradient(circle,rgba(107,183,255,.35) 1px,transparent 1.5px),radial-gradient(circle,rgba(216,177,91,.35) 1px,transparent 1.5px);background-size:210px 210px,260px 260px,320px 320px;background-position:20px 30px,160px 120px,260px 50px;opacity:.14;animation:stars-drift 42s linear infinite;z-index:0}.page:after{background:none;z-index:1}.pageWatermark{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:0;opacity:.08;mix-blend-mode:normal}.pageWatermark img{width:clamp(300px,38vw,560px);height:auto;-webkit-user-select:none;user-select:none;filter:saturate(.5) brightness(.85) grayscale(.4)}@keyframes stars-drift{0%{background-position:20px 30px,160px 120px,260px 50px}to{background-position:20px 220px,160px 380px,260px 290px}}@keyframes crest-float{0%,to{background-position:center 28%,center 0,center 0,center 0}50%{background-position:center 30.5%,center 0,center 0,center 0}}.selectorPage{background:radial-gradient(circle at 50% -12%,rgba(89,186,255,.24),transparent 46%),linear-gradient(180deg,#082145e6,#04122af2);color:var(--fifawi-ice-50)}.topBar{position:relative;overflow:hidden;background:linear-gradient(100deg,#021027,#0a2e60 42%,#134a89,#0a2e60 62%,#021027);border-color:var(--fifawi-gold-500);box-shadow:inset 0 -1px #ffffff1f,0 8px 24px #020d237a}.topBar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% -85%,rgba(113,198,255,.58) 0%,transparent 70%),linear-gradient(90deg,transparent 0%,rgba(216,177,91,.16) 50%,transparent 100%);opacity:.65}.topBar>*{position:relative;z-index:1}.selectorTopBar{background:linear-gradient(100deg,#021027f5,#0a2e60f2 42%,#134a89f2,#0a2e60f2 62%,#021027f5);border-bottom-color:var(--fifawi-gold-500);display:grid;grid-template-columns:minmax(140px,1fr) auto minmax(140px,1fr);align-items:center}.brandTagline,.turnPill,.badge,.timerText,.dockScore,.winnerTitle,.winnerScoreValue,.helperCircle.active,.musicToggleBtn,.scoreAdjBtn{color:var(--fifawi-gold-500)}.turnPill,.startGameBtn,.revealButton,.actionBtn.red,.topActionBtn:hover,.scoreAdjBtn:hover,.helperCircle.active{background:linear-gradient(135deg,var(--fifawi-gold-500) 0%,var(--fifawi-gold-700) 100%);border-color:var(--fifawi-gold-600)}.musicToggleBtn,.topActionBtn,.scoreAdjBtn,.teamNameInput,.closeBtn,.pointBtn.used,.categoryHeader,.helperCircle,.actionBtn.gray{border-color:#24528f}.musicToggleBtn,.topActionBtn,.scoreAdjBtn,.helperCircle,.pointBtn.used,.categoryHeader,.actionBtn.gray,.closeBtn{background:linear-gradient(135deg,#0c2b59,#0a2348)}.topActionBtn,.musicToggleBtn{color:#d8e9ff;border-color:#3b6ea9}.brandTagline{color:#f0d99d;text-shadow:0 0 12px rgba(216,177,91,.3)}.searchWrap,.selectorCard{background:linear-gradient(180deg,#0a2145f0,#061630f5);border-color:#59baff59}.selectorTeamInput{background:#071837bf!important;border-color:#d8b15b80!important;color:#f3f8ff!important}.selectorCardTop,.selectorCardName{background:linear-gradient(180deg,#0c2954f0,#081a36f5)}.searchWrap{max-width:560px;margin-inline:auto;box-shadow:0 8px 22px #020a1c80,inset 0 1px #59baff29}.selectorCard:hover,.selectorCard.active{border-color:var(--fifawi-gold-500);box-shadow:0 10px 24px #04122a73}.selectorCard.active .selectorCardName{color:#fff;background:linear-gradient(135deg,var(--fifawi-gold-500) 0%,var(--fifawi-gold-700) 100%)}.selectorHint,.selectorTeamLabel,.helpersTitle,.statusBar,.winnerScoreTeam{color:#b8cff0}.selectorTitle,.selectorCardName,.searchInput,.selectorTopBar .brand{color:#eaf2ff}.selectorHint{color:#9fc3ea}.selectedMiniChip{color:#eaf2ff}.selectorTopBar .brand,.selectorTopBar .brandTagline{color:var(--fifawi-ice-50)}.pointBtn{background:linear-gradient(135deg,#e7cb85 0%,var(--fifawi-gold-600) 100%);box-shadow:0 4px 14px #bf95455c}.pointBtn:hover:not(:disabled){box-shadow:0 8px 22px #bf954580}.modal,.winnerCard{background:linear-gradient(180deg,#0a244b,#071835);border-color:var(--fifawi-gold-500)}.winnerName{color:#f1d38a}.closeBtn:hover,.musicToggleBtn:hover{border-color:var(--fifawi-gold-500);color:var(--fifawi-gold-500)}@media (max-width: 700px){.page:before{opacity:.28}.page:after{opacity:0}.selectorTopBar{grid-template-columns:auto 1fr auto}.topBarSpacer{width:86px}.teamsEditBtn{font-size:11px;padding:4px 8px}.selectorGrid{grid-template-columns:repeat(2,1fr)}.selectorTeamsGrid,.selectorMainArea{grid-template-columns:1fr}.selectorSidePanel{position:static}.selectorActions{flex-direction:column;align-items:stretch}.selectedMiniList{max-height:none;flex-direction:row;flex-wrap:wrap;justify-content:center;width:fit-content;max-width:100%;padding:0}.selectedMiniChip{width:min(104px,44vw)}.teamsPopup{width:min(96vw,540px);padding:20px 14px 16px;border-radius:20px;gap:12px}.teamsPopupTitle{font-size:clamp(20px,6vw,30px)}.roundTimeSettings{grid-template-columns:1fr;gap:10px}.teamsPopupCols{grid-template-columns:1fr;gap:14px}.teamsPopupColDivider{display:none}.helperPickerBtn{width:88px;min-height:74px}.helperPickerBtnText{font-size:10px}.teamsPopupBtn{font-size:clamp(18px,6vw,26px);padding:12px 18px}.board{grid-template-columns:repeat(2,minmax(280px,1fr));min-width:620px;gap:10px}.categorySplitCard{border-radius:20px}.pointBtn{font-size:34px;padding:10px 6px}.pointBtnSide{min-height:64px}.categoryCenterCard{width:30%}.pointsCol{width:35%}.categoryImageFrame{min-height:186px}.categoryHeader{font-size:13px}.questionText{font-size:18px}.manualScoreGrid{grid-template-columns:repeat(2,minmax(84px,1fr))}.charadesPrepContent{grid-template-columns:1fr}.charadesQrImage{max-width:200px}.charadesQrPlaceholder{width:200px;height:200px}.modal{padding:20px 16px}.scoreDock{padding:0 8px;gap:8px;height:118px}.dockScore{font-size:22px}.winnerCard{padding:28px 20px}}.gameTopBar{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"left center right";align-items:center;gap:16px;min-height:98px;padding:10px 8px;background:linear-gradient(90deg,#10294f,#163a6d 52%,#122f5a);border-bottom:2px solid #d8b15b}.gameTopBar:before{background:linear-gradient(90deg,transparent 0%,rgba(216,177,91,.18) 50%,transparent 100%);opacity:.9}.gameTopBarLeft{grid-area:left;display:flex;gap:8px;align-items:center;justify-content:flex-start;flex-wrap:nowrap;justify-self:start;direction:rtl}.gameTopBar .topActionBtn,.gameTopBar .musicToggleBtn{background:linear-gradient(180deg,#081a36f0,#061329f5);color:#f3f8ff;border:1px solid rgba(89,186,255,.48);border-radius:14px;padding:9px 16px;font-size:18px;line-height:1;box-shadow:0 6px 14px #020c1f59}.gameTopBar .topActionBtn{font-size:14px;font-weight:700}.gameTopBar .topActionBtn:hover,.gameTopBar .musicToggleBtn:hover{background:linear-gradient(180deg,#1f5799,#173e72);color:#fff;border-color:#d8b15b;box-shadow:0 8px 16px #071c3c6b}.gameTopBarCenter{grid-area:center;display:flex;align-items:center;justify-content:center;gap:10px;justify-self:center;min-width:0}.gameTopBarTitle{color:#f1d086;font-weight:900;letter-spacing:.4px;white-space:nowrap;line-height:1;text-shadow:0 1px 0 #8f6a21,0 2px 8px rgba(7,24,51,.7);-webkit-text-stroke:.6px rgba(90,58,13,.7);font-size:clamp(18px,2vw,30px)}.gameTopBarTitleRight{margin-inline-end:2px}.gameTopBarTitleLeft{margin-inline-start:2px;font-size:clamp(15px,1.6vw,24px)}.gameTopBarRight{grid-area:right;display:flex;align-items:center;justify-content:flex-end;gap:8px;justify-self:end;direction:rtl}.gameTopBar .turnPill{background:linear-gradient(90deg,#0b2b5b,#174d8f);border:1px solid #d8b15b;color:#f3f8ff;border-radius:999px;padding:11px 22px;font-size:18px;font-weight:800;box-shadow:0 8px 16px #030f246b}.gameTopBarLogo{width:clamp(220px,28vw,430px);height:auto;aspect-ratio:10 / 3;object-fit:contain;object-position:center;border-radius:12px;border:1px solid rgba(216,177,91,.5);box-shadow:0 8px 18px #030f2461;filter:none}@media (max-width: 980px){.gameTopBar{grid-template-columns:auto 1fr auto;grid-template-areas:"left center right";row-gap:0;min-height:92px;padding:8px 6px;gap:8px}.gameTopBarLeft{gap:6px;flex-wrap:nowrap;overflow-x:auto;max-width:46vw;scrollbar-width:thin}.gameTopBarCenter{gap:6px;min-width:0}.gameTopBarTitle{font-size:clamp(11px,2.2vw,16px);-webkit-text-stroke:.35px rgba(90,58,13,.75)}.gameTopBarTitleLeft{font-size:clamp(10px,1.9vw,13px)}.gameTopBarRight{gap:6px;max-width:36vw}.gameTopBar .turnPill{font-size:12px;padding:8px 10px;white-space:nowrap}.gameTopBarLogo{width:clamp(150px,34vw,280px);height:auto}.gameTopBar .topActionBtn{font-size:11px;padding:6px 8px;white-space:nowrap}.gameTopBar .musicToggleBtn{font-size:14px;padding:6px 8px}}@media (max-width: 980px) and (orientation: landscape){.board{grid-template-columns:repeat(3,minmax(280px,1fr));min-width:900px;gap:10px}.boardWrap{padding:4px}.statusBar{margin-bottom:6px;font-size:12px}}.selectorPage .selectorTopBar{position:sticky;top:0;z-index:60;min-height:84px;padding-block:6px;background:#0a1128d6;border-bottom:1px solid rgba(216,177,91,.42);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 28px #02091a73}.selectorPage .brandLogo{width:clamp(180px,20vw,300px);filter:drop-shadow(0 0 20px rgba(216,177,91,.24))}.selectorPage .brandTagline{margin-top:0;font-size:clamp(12px,1.2vw,16px);letter-spacing:.6px}.selectorPage .topActions{gap:8px}.selectorPage .teamsEditBtn{background:#ffffff0a;border:1px solid rgba(216,177,91,.38);color:#d8b15b;border-radius:999px;font-size:12px;padding:7px 12px}.selectorPage .teamsEditBtn:hover{background:#d8b15b29;border-color:#d8b15bb3;color:#ffe8a8}.selectorPage .searchWrap{max-width:640px;margin-inline:auto;margin-bottom:14px;padding-inline:14px;border-radius:999px;border:1px solid rgba(216,177,91,.36);background:#ffffff0f;box-shadow:0 14px 28px #02091a73}.selectorPage .searchInput{padding-block:11px;font-size:14px;color:#eaf2ff}.selectorPage .searchInput::placeholder{color:#eaf2ff80}.selectorPage .searchIconBtn{color:#d8b15be6}.selectorPage .selectorTitle{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:#f3f8ff}.selectorPage .selectorTitle:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#d8b15b8c,#d8b15b00)}.selectorPage .selectorGrid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.selectorPage .selectorCard{min-height:208px;border-radius:18px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,#1e293bf2,#0f172afa);box-shadow:0 16px 28px #02091a61}.selectorPage .selectorCard:hover{transform:translateY(-6px);border-color:#d8b15b8c;box-shadow:0 24px 38px #02091a8c}.selectorPage .selectorIcon{height:142px;background:#0f172a}.selectorPage .selectorIconImage{opacity:.82;transition:transform .45s ease,opacity .35s ease}.selectorPage .selectorCard:hover .selectorIconImage{opacity:1;transform:scale(1.08)}.selectorPage .selectorCardName{min-height:58px;padding:12px 10px;background:#1e293b;border-top:1px solid rgba(255,255,255,.08);color:#fff3d1;font-size:15px}.selectorPage .selectorRemainBadge{top:10px;right:10px;padding:6px 10px;font-size:11px;border-radius:999px;background:linear-gradient(135deg,#f6c75a,#d8a73d);color:#1d1300;border:1px solid rgba(255,246,220,.7);box-shadow:0 6px 16px #00000059}.selectorPage .selectorActions{align-items:center;gap:10px}.selectorPage .startGameBtn{border-radius:999px;padding:12px 24px;font-size:15px;font-weight:900;color:#1b1404;background:linear-gradient(90deg,#f8cd63,#d8a742,#f8cd63);border:1px solid rgba(255,248,223,.65);box-shadow:0 12px 24px #b988255c}.selectorPage .startGameBtn:disabled{opacity:.5}.selectorPage .selectorHint{text-align:center;color:#a9c7ec;margin-top:14px}.selectorPage .pageWatermark{opacity:.07}.selectorPage .pageWatermark img{width:clamp(320px,40vw,620px)}.mcqPanel{margin:16px auto 8px;width:min(92%,760px);display:flex;flex-direction:column;gap:12px}.mcqActivateBtn{border:1px solid rgba(89,186,255,.5);border-radius:14px;padding:12px 16px;background:linear-gradient(90deg,#113a70,#1f63ad);color:#f2f7ff;font-size:16px;font-weight:800;box-shadow:0 8px 18px #05142d66}.mcqActivateBtn:hover{border-color:#d8b15bbf;background:linear-gradient(90deg,#155193,#2b72be)}.mcqChoicesGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mcqChoiceBtn{border:1px solid rgba(216,177,91,.45);border-radius:14px;padding:12px 14px;background:linear-gradient(180deg,#0f2f5e,#0b2344);color:#f7f8fc;font-size:17px;font-weight:700;text-align:center;box-shadow:0 8px 16px #05142d59;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.mcqChoiceBtn:hover{transform:translateY(-1px);border-color:#d8b15bd9;box-shadow:0 10px 20px #05142d73}@media (max-width: 760px){.mcqChoicesGrid{grid-template-columns:1fr}.mcqChoiceBtn{font-size:15px}}.categorySplitCard{background:linear-gradient(180deg,#0e2347,#091836);border:1px solid rgba(216,177,91,.3);box-shadow:0 12px 32px #02091a8c,inset 0 1px #d8b15b1a}.categoryCenterCard{background:linear-gradient(180deg,#0a1d3b,#071428);border-inline:1px solid rgba(216,177,91,.2)}.categoryHeader{background:linear-gradient(90deg,#0b2b5b,#1a4e8f,#0b2b5b);border-top:1px solid rgba(216,177,91,.55);color:#f1d086;font-weight:900;text-shadow:0 1px 6px rgba(3,15,36,.7);letter-spacing:.3px}.pointBtn.used{background:#08142ed9;color:#6482b48c;border:1px solid rgba(89,186,255,.08);box-shadow:none;font-size:14px}.scoreDock{background:linear-gradient(90deg,#061226,#0c2347,#061226);border-top:2px solid #d8b15b;box-shadow:0 -8px 24px #02091a8c,inset 0 1px #d8b15b2e}.dockScore{color:#f1d086;text-shadow:0 1px 8px rgba(216,177,91,.4);font-size:32px;font-weight:900}.teamNameInput{border-color:#59baff4d;color:#eaf2ff;font-size:15px}.teamNameInput:focus{border-color:#d8b15b;box-shadow:0 0 0 3px #d8b15b2e}.scoreAdjBtn{background:linear-gradient(135deg,#0c2b59,#0a2348);border-color:#d8b15b80;color:#f1d086;border-radius:10px;width:36px;height:36px;font-size:20px;box-shadow:0 4px 10px #02091a59}.scoreAdjBtn:hover{background:linear-gradient(135deg,#c9971e,#d8b15b);color:#0a1a35;border-color:#f1d086}.helpersTitle{color:#59baffb3;font-size:12px;font-weight:700}.helperCircle{width:38px;height:38px;background:linear-gradient(135deg,#0c2b59,#0a2348);border-color:#59baff40;color:#59baff99;border-radius:50%;box-shadow:0 4px 10px #02091a59}.helperCircle.active{border-color:#d8b15b;color:#f1d086;box-shadow:0 0 12px #d8b15b4d}.statusBar{color:#78aae6cc;font-size:13px;font-weight:600;padding:6px 8px 10px;border-bottom:1px solid rgba(89,186,255,.1);margin-bottom:12px}.modal{background:linear-gradient(160deg,#0c1f42,#091530);border:1.5px solid rgba(216,177,91,.65);box-shadow:0 32px 80px #02091abf,inset 0 1px #d8b15b26}.badge{background:linear-gradient(135deg,#c9971e,#d8b15b 60%,#c9971e);color:#0a1a35;font-weight:900;box-shadow:0 4px 14px #b4821466}.timerText{color:#59baff;font-size:15px}.revealButton{background:linear-gradient(135deg,#c9971e,#d8b15b,#c9971e);color:#0a1a35;font-weight:900;border-radius:14px;padding:13px 32px;box-shadow:0 8px 22px #b4821473;border:1px solid rgba(255,248,200,.35);transition:transform .15s,box-shadow .15s}.revealButton:hover{transform:translateY(-2px);box-shadow:0 12px 28px #b4821499;background:linear-gradient(135deg,#d8b15b,#f1d086,#d8b15b)}.winnerCard{background:linear-gradient(160deg,#0c1f42,#091530);border:2.5px solid #d8b15b;box-shadow:0 24px 80px #02091acc,0 0 60px #d8b15b40}.winnerTitle{color:#f1d086;text-shadow:0 2px 16px rgba(216,177,91,.4)}.winnerName{color:#59baff;font-size:40px;text-shadow:0 2px 16px rgba(89,186,255,.4)}.winnerScoreValue{color:#f1d086}.winnerScoreTeam{color:#8ab4d8}.actionBtn.red{background:linear-gradient(135deg,#c9971e,#d8b15b,#c9971e);color:#0a1a35;font-weight:900;border-radius:12px;box-shadow:0 6px 16px #b4821466}.actionBtn.red:hover{background:linear-gradient(135deg,#d8b15b,#f1d086,#d8b15b);box-shadow:0 10px 24px #b482148c}.actionBtn.gray{background:linear-gradient(135deg,#0c2b59,#0a2348);color:#b8cff0;border:1px solid rgba(89,186,255,.25);border-radius:12px}.actionBtn.gray:hover{background:linear-gradient(135deg,#1a4b89,#163e72);color:#eaf2ff}.closeBtn{border-color:#59baff40;color:#8ab4d8;background:transparent;border-radius:10px}.closeBtn:hover{border-color:#d8b15b;color:#f1d086}.answerText{color:#7be47b;font-size:20px;font-weight:800;text-shadow:0 0 18px rgba(123,228,123,.35)}.huntHintItem{background:#0a234bbf;border:1px solid rgba(89,186,255,.2);border-radius:14px}.huntHintOrder{background:linear-gradient(135deg,#c9971e,#d8b15b);color:#0a1a35}.huntHintText{color:#dce8ff}.confettiLayer{background-image:radial-gradient(circle,#d8b15b 2px,transparent 2px),radial-gradient(circle,#59baff 2px,transparent 2px),radial-gradient(circle,#7be47b 2px,transparent 2px);opacity:.4}.page:not(.selectorPage) .pageWatermark{opacity:.06}.page:not(.selectorPage) .pageWatermark img{width:clamp(280px,34vw,520px);filter:saturate(.4) brightness(.8) grayscale(.5)}.questionOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#050814;background-image:radial-gradient(circle at 50% 0%,rgba(6,182,212,.12) 0%,transparent 60%);display:flex;flex-direction:row-reverse;align-items:stretch;z-index:200;padding:0;animation:overlayIn .32s cubic-bezier(.22,1,.36,1) both;overflow:hidden}.questionOverlay:before{content:"";position:absolute;inset:-20% -8% auto;height:55%;background:radial-gradient(ellipse at 60% 15%,rgba(6,182,212,.22) 0%,rgba(6,182,212,.06) 35%,transparent 72%);pointer-events:none}@keyframes overlayIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.questionPane{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding:0 28px 24px;overflow-y:auto;text-align:center;border:none;background:transparent;box-shadow:none;max-width:none;border-radius:0}.qPaneHeader{width:100%;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.qPaneBrand{display:inline-flex;align-items:center;gap:0;padding:10px 16px;border-radius:999px;background:#0a1128a6;border:1px solid rgba(251,191,36,.28);box-shadow:0 10px 30px #00000080,0 0 22px #fbbf2433}.qPaneBrandLogo{width:94px;height:94px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(251,191,36,.72))}.qCloseBtn{background:#e74c3c2e;border:1px solid rgba(231,76,60,.45);color:#e74c3c;width:36px;height:36px;border-radius:50%;font-size:16px;font-weight:900;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;flex-shrink:0}.qCloseBtn:hover{background:#e74c3c66}.qTimerRow{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:-38px;position:relative;z-index:2;background:#0000005c;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:8px 22px;box-shadow:inset 0 0 24px #00000059}.qTimerBig{font-size:68px;font-weight:900;color:#fbbf24;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-variant-numeric:tabular-nums;letter-spacing:4px;text-shadow:0 0 24px rgba(251,191,36,.35);line-height:1;transition:color .4s,text-shadow .4s}.qTimerDanger{color:#ef4444;text-shadow:0 0 30px rgba(239,68,68,.6);animation:timerUrgent .55s ease-in-out infinite}@keyframes timerUrgent{0%,to{opacity:1}50%{opacity:.72}}.qTimerSideBtn{width:44px;height:44px;border-radius:50%;background:#ffffff0d;border:1.5px solid rgba(255,255,255,.1);color:#fff;font-size:17px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,border-color .2s,color .2s;flex-shrink:0}.qTimerSideBtn:hover{background:#ffffff24;border-color:#fbbf248c;color:#fbbf24}.qCardWrap{position:relative;width:100%;max-width:900px;margin-top:-24px;padding-top:20px;padding-bottom:30px}.qCard{border:2px solid rgba(251,191,36,.4);background:linear-gradient(180deg,#ffffff08,#0003);border-radius:40px;padding:30px 34px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:inset 0 0 80px #000000bf,0 20px 50px #00000080;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.qCard:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.08) 50%,transparent 70%);transform:translate(-130%);animation:cardSweep 7s ease-in-out infinite;pointer-events:none}@keyframes cardSweep{0%,78%{transform:translate(-130%)}to{transform:translate(130%)}}.qFloatPoints{position:absolute;top:-20px;right:40px;background:#050814;border:2px solid #fbbf24;color:#fff;font-size:19px;font-weight:900;padding:8px 26px;border-radius:16px;box-shadow:0 0 20px #fbbf244d;white-space:nowrap;z-index:2}.qFloatPoints.qFloatPointsBonus{background:linear-gradient(180deg,#f8dd73,#f5c518);color:#082a56;border-color:#ffefa6f2;box-shadow:0 0 0 4px #f5c5182e,0 0 20px #f5c51866}.qFloatCategory{position:absolute;top:-20px;left:40px;background:linear-gradient(90deg,#0ea5e9,#2563eb);color:#fff;font-size:16px;font-weight:900;padding:8px 24px;border-radius:16px;box-shadow:0 10px 20px #00000080;border:1px solid rgba(125,211,252,.8);white-space:nowrap;z-index:2}.qFloatCategoryBtn{cursor:pointer;background:linear-gradient(135deg,#06b6d4,#0284c7 60%,#1d4ed8);border:2px solid rgba(56,189,248,.8);box-shadow:0 0 0 4px #06b6d42e,0 10px 28px #06b6d48c,inset 0 2px #ffffff38;transition:transform .16s cubic-bezier(.34,1.56,.64,1),box-shadow .16s,filter .16s;font-size:17px;padding:10px 28px}.qFloatCategoryBtn:hover{filter:brightness(1.12);transform:translateY(-3px) scale(1.05);box-shadow:0 0 0 6px #06b6d440,0 16px 36px #06b6d4a6,inset 0 2px #ffffff47}.qFloatCategoryBtn:active{transform:translateY(1px) scale(.97);box-shadow:0 4px 14px #06b6d466}.noAnswerCenterWrap{width:100%;display:flex;justify-content:center;margin-top:-4px;margin-bottom:2px;z-index:4}.noAnswerCenterBtn{width:78px;height:78px;border-radius:50%;border:2px solid rgba(248,113,113,.78);background:radial-gradient(circle at 35% 25%,#2a2a2ae6,#0b0b0b 65%);color:#f66;font-size:42px;font-weight:900;line-height:1;cursor:pointer;box-shadow:0 0 0 4px #ef444429,0 10px 24px #0000007a,inset 0 2px #ffffff14;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease}.noAnswerCenterBtn:hover{filter:brightness(1.08);transform:translateY(-2px) scale(1.03);box-shadow:0 0 0 6px #ef44443d,0 16px 32px #0000008f,0 0 24px #ef444473}.noAnswerCenterBtnFx{animation:no-answer-pulse .36s ease}.roundIntroOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;display:flex;align-items:center;justify-content:center;pointer-events:auto;background:radial-gradient(circle at 22% 18%,#f5c51829,#f5c51800 42%),radial-gradient(circle at 80% 82%,#38bdf829,#38bdf800 45%),#020617a8;animation:round-intro-fade-in .25s ease both}.roundIntroCard{width:min(92vw,620px);border-radius:26px;padding:clamp(22px,3.8vw,34px);text-align:center;border:1px solid rgba(245,197,24,.58);background:linear-gradient(145deg,#0f172af5,#1e3a8aeb 55%,#082f49f0);box-shadow:0 0 0 3px #f5c51829,0 20px 70px #00000094,0 0 36px #f5c51842;animation:round-intro-pop .55s cubic-bezier(.22,1,.36,1) both}.roundIntroBadge{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:clamp(14px,2.3vw,18px);font-weight:900;color:#111827;background:linear-gradient(135deg,#f5c518,#facc15);border-radius:999px;padding:8px 18px;margin-bottom:16px}.roundIntroTitle{margin:0;font-size:clamp(28px,5vw,46px);line-height:1.15;color:#f8fafc;text-shadow:0 6px 22px rgba(0,0,0,.45)}.roundIntroSubtitle{margin:12px 0 0;color:#dbeafe;font-size:clamp(16px,2.4vw,22px);font-weight:800;letter-spacing:.01em}.roundIntroTeamsGrid{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.roundIntroTeamCard{border-radius:16px;border:1px solid rgba(245,197,24,.35);background:linear-gradient(145deg,#0f172ad9,#1e40af80);box-shadow:inset 0 0 0 1px #94a3b829;padding:12px;display:flex;flex-direction:column;gap:6px}.roundIntroTeamName{color:#f8fafc;font-weight:900;font-size:16px}.roundIntroTeamCategory{color:#fde68a;font-weight:800;font-size:15px}.roundIntroActions{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.roundIntroReadyBtn{border:0;border-radius:999px;padding:10px 22px;font-size:16px;font-weight:900;color:#0f172a;background:linear-gradient(135deg,#f5c518,#fde047);box-shadow:0 10px 24px #f5c5184d;cursor:pointer;transition:transform .15s ease,filter .2s ease}.roundIntroReadyBtn:hover{transform:translateY(-1px) scale(1.02);filter:brightness(1.05)}.roundIntroCountdown{color:#bfdbfe;font-size:14px;font-weight:700}@media (max-width: 640px){.roundIntroTeamsGrid{grid-template-columns:1fr}}@keyframes round-intro-fade-in{0%{opacity:0}to{opacity:1}}@keyframes round-intro-pop{0%{transform:translateY(18px) scale(.96);opacity:0}60%{transform:translateY(-4px) scale(1.01);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.reactionOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;@keyframes expandWave{0%{width:100px;height:100px;opacity:1}to{width:800px;height:800px;opacity:0}}@keyframes twinkleStar{0%,to{opacity:.3}50%{opacity:1}}@keyframes floatStar{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes floatUp{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-600px) rotate(360deg);opacity:0}}@keyframes explodeFirework{0%{transform:scale(0) rotate(0);opacity:1}50%{transform:scale(1) rotate(180deg);opacity:1}to{transform:scale(1.5) rotate(360deg);opacity:0}}display:flex;align-items:center;justify-content:center;pointer-events:none;animation:reaction-bg-fade .3s ease forwards}.reactionOverlay .lightWavesLayer{position:absolute;width:100%;height:100%;z-index:1;pointer-events:none}.reactionOverlay .lightWave{position:absolute;top:50%;left:50%;width:100px;height:100px;border:2px solid;border-radius:50%;transform:translate(-50%,-50%)}.reactionOverlay .lightWave1{border-color:#f5c5184d;animation:expandWave 2s ease-out infinite}.reactionOverlay .lightWave2{border-color:#1e90ff33;animation:expandWave 2.5s ease-out .3s infinite}.reactionOverlay .lightWave3{border-color:#90ee9026;animation:expandWave 3s ease-out .6s infinite}.reactionOverlay .starsLayer{position:absolute;width:100%;height:100%;z-index:2;pointer-events:none}.reactionOverlay .star{position:absolute;animation:twinkleStar 1.5s ease-in-out infinite,floatStar 4s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,215,0,.8))}.reactionOverlay .heartsLayer{position:absolute;width:100%;height:100%;z-index:2;pointer-events:none}.reactionOverlay .heart{position:absolute;bottom:-50px;font-size:30px;animation:floatUp 3s ease-out forwards;filter:drop-shadow(0 0 8px rgba(144,238,144,.6))}.reactionOverlay .fireworksLayer{position:absolute;width:100%;height:100%;z-index:2;pointer-events:none}.reactionOverlay .firework{position:absolute;font-size:40px;animation:explodeFirework 1.5s ease-out forwards;filter:drop-shadow(0 0 15px rgba(255,100,0,.8))}.reactionBg{position:absolute;top:0;right:0;bottom:0;left:0}.reactionOverlayCorrect .reactionBg{background:radial-gradient(ellipse at center,#15803d8c,#000000b8 70%)}.reactionOverlayNoAnswer .reactionBg{background:radial-gradient(ellipse at center,#991b1b8c,#000000b8 70%)}.reactionCard{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:clamp(30px,5vw,56px) clamp(40px,8vw,90px);border-radius:32px;text-align:center;min-width:320px;max-width:min(90vw,640px)}.reactionOverlayCorrect .reactionCard{background:linear-gradient(140deg,#14532df7,#16a34af7 55%,#10b981f2);border:2px solid rgba(187,247,208,.65);box-shadow:0 0 80px #4ade8080,0 0 0 6px #22c55e26,0 24px 64px #0000008c;animation:reaction-correct-card .55s cubic-bezier(.22,1.8,.36,1) forwards}.reactionOverlayNoAnswer .reactionCard{background:linear-gradient(140deg,#7f1d1df7,#dc2626f7 55%,#f87171ed);border:2px solid rgba(254,202,202,.6);box-shadow:0 0 80px #f8717173,0 0 0 6px #ef444426,0 24px 64px #0000008c;animation:reaction-noanswer-shake .75s ease forwards}.reactionMainIcon{font-size:clamp(64px,11vw,100px);line-height:1;display:flex;align-items:center;justify-content:center;width:clamp(90px,14vw,130px);height:clamp(90px,14vw,130px);border-radius:50%;animation:reaction-icon-pop .5s cubic-bezier(.22,2,.36,1) .12s both}.reactionOverlayCorrect .reactionMainIcon{background:#f0fdf426;border:3px solid rgba(187,247,208,.7);box-shadow:0 0 32px #86efac99,inset 0 0 20px #ffffff14;color:#dcfce7;font-weight:900;text-shadow:0 2px 16px rgba(20,83,45,.8)}.reactionOverlayNoAnswer .reactionMainIcon{background:#fef2f21f;border:3px solid rgba(254,202,202,.55);box-shadow:0 0 32px #fca5a58c,inset 0 0 20px #ffffff0f}.reactionMainText{font-size:clamp(22px,3.5vw,42px);font-weight:900;color:#fff;text-shadow:0 3px 18px rgba(0,0,0,.5);letter-spacing:.3px;line-height:1.2;animation:reaction-text-in .45s ease .28s both}.reactionConfetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.reactionParticle{position:absolute;opacity:0;border-radius:2px}.rp1{width:10px;height:10px;top:10%;left:12%;background:#fbbf24;animation:confetti-f 1.1s ease .05s 1 forwards}.rp2{width:8px;height:14px;top:8%;left:28%;background:#34d399;animation:confetti-f 1s ease .12s 1 forwards}.rp3{width:12px;height:8px;top:14%;left:45%;background:#f9a8d4;animation:confetti-f .9s ease .07s 1 forwards}.rp4{width:9px;height:9px;top:6%;left:65%;background:#60a5fa;animation:confetti-f 1.05s ease .15s 1 forwards}.rp5{width:11px;height:7px;top:12%;left:80%;background:#fbbf24;animation:confetti-f .95s ease .08s 1 forwards}.rp6{width:7px;height:13px;top:5%;left:22%;background:#a78bfa;animation:confetti-f 1.1s ease .2s 1 forwards}.rp7{width:10px;height:6px;top:18%;left:58%;background:#fb923c;animation:confetti-f .88s ease .1s 1 forwards}.rp8{width:8px;height:12px;top:15%;left:38%;background:#34d399;animation:confetti-f 1.15s ease .06s 1 forwards}.rp9{width:10px;height:10px;top:20%;left:8%;background:#f9a8d4;animation:confetti-f .92s ease .18s 1 forwards}.rp10{width:11px;height:9px;top:7%;left:88%;background:#60a5fa;animation:confetti-f 1s ease .09s 1 forwards}.rp11{width:9px;height:11px;top:13%;left:5%;background:#fbbf24;animation:confetti-f 1.08s ease .14s 1 forwards}.rp12{width:10px;height:7px;top:22%;left:93%;background:#a78bfa;animation:confetti-f .97s ease .22s 1 forwards}.rp13{width:8px;height:10px;top:4%;left:50%;background:#fb923c;animation:confetti-f 1.12s ease .03s 1 forwards}.rp14{width:12px;height:9px;top:17%;left:72%;background:#34d399;animation:confetti-f .93s ease .17s 1 forwards}.rp15{width:7px;height:7px;top:9%;left:96%;background:#f9a8d4;animation:confetti-f 1.05s ease .25s 1 forwards}@keyframes confetti-f{0%{opacity:0;transform:translateY(-30px) rotate(0) scale(0)}20%{opacity:1;transform:translateY(0) scale(1.2)}80%{opacity:.9}to{opacity:0;transform:translateY(90px) rotate(400deg) scale(.4)}}@keyframes reaction-bg-fade{0%{opacity:0}to{opacity:1}}@keyframes reaction-correct-card{0%{opacity:0;transform:scale(.35) rotate(-4deg)}55%{opacity:1;transform:scale(1.07) rotate(1.5deg)}75%{transform:scale(.97) rotate(-.5deg)}90%{transform:scale(1.02) rotate(.3deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes reaction-noanswer-shake{0%{opacity:0;transform:scale(.4) rotate(-6deg)}35%{opacity:1;transform:scale(1.06) rotate(4deg)}50%{transform:scale(1) rotate(-5deg)}65%{transform:scale(1.03) rotate(4deg)}78%{transform:scale(.99) rotate(-2.5deg)}90%{transform:scale(1.01) rotate(1deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes reaction-icon-pop{0%{transform:scale(0) rotate(-30deg)}55%{transform:scale(1.3) rotate(12deg)}75%{transform:scale(.93) rotate(-6deg)}90%{transform:scale(1.05) rotate(3deg)}to{transform:scale(1) rotate(0)}}@keyframes reaction-text-in{0%{opacity:0;transform:translateY(28px) scale(.9)}60%{opacity:1;transform:translateY(-4px) scale(1.03)}to{opacity:1;transform:translateY(0) scale(1)}}.answerAnnouncement{display:none;position:relative;overflow:hidden;width:min(92%,720px);margin:6px auto 0;border-radius:18px;padding:14px 24px;align-items:center;justify-content:center;gap:12px;font-size:clamp(20px,2.2vw,34px);font-weight:900;letter-spacing:.2px;border:1px solid transparent;box-shadow:0 18px 36px #0006;animation:answer-banner-enter 1.05s cubic-bezier(.22,1,.3,1);z-index:4}.answerAnnouncement:after{content:"";position:absolute;top:-40%;right:-25%;bottom:-40%;left:-25%;background:linear-gradient(120deg,#fff0 30%,#fff3,#fff0 70%);transform:translate(-120%) rotate(9deg);animation:answer-banner-shine 1.15s ease .12s 1;pointer-events:none}.answerAnnouncementIcon{width:46px;height:46px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;flex-shrink:0}.answerAnnouncementText{line-height:1.15}.answerAnnouncementCorrect{color:#f0fff4;background:linear-gradient(135deg,#14532deb,#16a34ae6 52%,#10b981e6);border-color:#bbf7d08c;text-shadow:0 2px 12px rgba(20,83,45,.8);animation:answer-banner-correct-pop 1.05s cubic-bezier(.2,.9,.22,1)}.answerAnnouncementCorrect .answerAnnouncementIcon{background:#f0fdf42e;border:1px solid rgba(240,253,244,.58);box-shadow:0 0 18px #86efac80}.answerAnnouncementNoAnswer{color:#fff7f7;background:linear-gradient(135deg,#7f1d1ded,#dc2626e0 58%,#f87171d9);border-color:#fecaca80;text-shadow:0 2px 12px rgba(127,29,29,.85);animation:answer-banner-no-answer-wobble 1.05s ease}.answerAnnouncementNoAnswer .answerAnnouncementIcon{background:#fef2f224;border:1px solid rgba(254,242,242,.5);box-shadow:0 0 18px #fca5a573}.questionHelperStatusBar{width:min(94%,920px);display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:2px;margin-bottom:4px;position:relative;z-index:3}.questionHelperChip{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.16);font-size:14px;font-weight:900;line-height:1.35;text-align:center;box-shadow:0 10px 24px #0000003d}.questionHelperChip.info{background:#0e749038;color:#bbf7ff;border-color:#67e8f947}.questionHelperChip.accent{background:#4f46e53d;color:#e0e7ff;border-color:#a5b4fc47}.questionHelperChip.warning{background:#b453093d;color:#ffedd5;border-color:#fbbf2452}.questionHelperChip.success{background:#15803d3d;color:#dcfce7;border-color:#86efac4d}.questionHelperChip.danger{background:#b91c1c3d;color:#fee2e2;border-color:#fca5a557}.helperActionRow{margin-top:2px}@keyframes answer-banner-enter{0%{opacity:0;transform:translateY(18px) scale(.9);filter:blur(1.4px)}40%{opacity:1;transform:translateY(-4px) scale(1.03);filter:blur(0)}70%{transform:translateY(1px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes answer-banner-correct-pop{0%{opacity:0;transform:translateY(16px) scale(.84)}48%{opacity:1;transform:translateY(-7px) scale(1.08)}74%{transform:translateY(2px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes answer-banner-no-answer-wobble{0%{opacity:0;transform:translateY(16px) scale(.9) rotate(-1deg)}36%{opacity:1;transform:translateY(-4px) scale(1.03) rotate(2.5deg)}54%{transform:translateY(0) scale(1) rotate(-2.8deg)}72%{transform:translateY(0) scale(1.01) rotate(1.5deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes answer-banner-shine{0%{transform:translate(-120%) rotate(9deg)}to{transform:translate(120%) rotate(9deg)}}@keyframes no-answer-pulse{0%{transform:scale(1);box-shadow:0 0 0 4px #ef444429,0 10px 24px #0000007a}55%{transform:scale(1.14);box-shadow:0 0 0 12px #ef444457,0 0 36px #ef4444a3}to{transform:scale(1);box-shadow:0 0 0 4px #ef444429,0 10px 24px #0000007a}}.qFloatReveal{position:absolute;bottom:-24px;left:40px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:22px;font-weight:900;padding:10px 38px;border-radius:20px;border:2px solid #34d399;box-shadow:0 10px 30px #10b98166,inset 0 2px #ffffff47;cursor:pointer;transition:transform .15s,box-shadow .15s,filter .15s;z-index:2}.qFloatReveal:hover{filter:brightness(1.1);box-shadow:0 12px 34px #10b9818c,inset 0 2px #ffffff52;transform:translateY(-2px)}.qFloatReveal:active{transform:translateY(2px);box-shadow:0 5px 15px #10b98166}.questionPane .revealButton{padding:12px 24px;font-size:16px;border-radius:12px}.questionPane .actions{display:flex;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap;background:#ffffff05;padding:1rem 1.2rem;border-radius:20px;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 0 18px #00000073}.questionPane .actionBtn{font-family:inherit;font-size:1.15rem;font-weight:900;padding:.75rem 2rem;border-radius:16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;outline:none;display:inline-flex;justify-content:center;align-items:center;gap:.45rem}.questionPane .actionBtn.gray{background:linear-gradient(180deg,#1e293b,#0f172a);border:2px solid #334155;color:#f1f5f9;box-shadow:0 8px 15px #0006,inset 0 2px 1px #ffffff1a;text-shadow:0 2px 4px rgba(0,0,0,.8)}.questionPane .actionBtn.gray:hover{border-color:#475569;background:linear-gradient(180deg,#334155,#1e293b);transform:translateY(-2px);box-shadow:0 12px 20px #00000080,0 0 15px #33415566,inset 0 2px 1px #ffffff26}.questionPane .actionBtn.gray:active{transform:translateY(2px);box-shadow:0 2px 5px #00000080,inset 0 2px 1px #ffffff0d}.questionPane .actionBtn.red{background:linear-gradient(180deg,#fbbf24,#d97706);border:2px solid #fcd34d;color:#020617;box-shadow:0 8px 20px #d977064d,inset 0 2px 1px #fff9}.questionPane .actionBtn.red:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;background:#d97706;border-radius:20px;filter:blur(15px);opacity:.4;z-index:-1;transition:opacity .2s ease}.questionPane .actionBtn.red:hover{background:linear-gradient(180deg,#fcd34d,#ea580c);border-color:#fde68a;transform:translateY(-2px);box-shadow:0 12px 25px #d9770680,inset 0 2px 1px #fffc}.questionPane .actionBtn.red:hover:before{opacity:.7}.questionPane .actionBtn.red:active{transform:translateY(2px);box-shadow:0 2px 5px #d9770680,inset 0 2px 1px #ffffff4d}.questionPane .actionBtn.red:active:before{opacity:.2}.questionPane .questionText{font-size:40px;line-height:1.45;text-shadow:0 4px 8px rgba(0,0,0,.6);margin:6px 0 8px}.questionPane .questionMedia{width:100%;max-width:800px}.questionPane .questionPuzzleImage{max-height:380px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#0f172a;box-shadow:0 20px 40px #0009;padding:8px}.questionSidePanel{width:320px;flex-shrink:0;background:#0a1128a6;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:22px 14px;box-shadow:-8px 0 26px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.questionPane .answerText{font-size:56px;font-weight:900;color:#9dff9d;line-height:1.1;margin:10px 0 4px;text-shadow:0 0 28px rgba(123,228,123,.7)}.questionPane .answerMedia{width:min(100%,440px)}.answerPickFx{animation:answer-pick-pop .3s ease;box-shadow:0 0 0 2px #34d399a6,0 0 24px #10b9818c;transform:translateY(-1px) scale(1.05)}@keyframes answer-pick-pop{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.08);filter:brightness(1.12)}to{transform:scale(1.05);filter:brightness(1)}}.qspTeam{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 12px;border-radius:24px;background:#0a1128a6;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px #00000047;transition:transform .25s ease,border-color .25s ease}.qspTeamSelectable{cursor:pointer}.qspTeamSelectable:hover{border-color:#fbbf24b8;transform:translateY(-3px);box-shadow:0 0 22px #fbbf2447,0 14px 32px #0000005c}.qspTeam+.qspTeam{border-top:none}.qspTeamActive{border-color:#06b6d4;box-shadow:0 0 30px #06b6d466,inset 0 0 20px #06b6d457;transform:translateY(-4px);animation:teamGlow 2s ease-in-out infinite}.qspTeamActive .qspTeamName{background:linear-gradient(90deg,#06b6d4,#0284c7);color:#fff;box-shadow:0 0 20px #06b6d46b;animation:none}@keyframes teamGlow{0%,to{box-shadow:0 0 18px #06b6d44d,inset 0 0 12px #06b6d438}50%{box-shadow:0 0 34px #06b6d485,inset 0 0 22px #06b6d45c}}.qspTeamName{background:linear-gradient(90deg,#1e293b,#334155,#1e293b);color:#fff;font-size:18px;font-weight:800;padding:8px 14px;border-radius:12px;width:100%;text-align:center;box-shadow:0 4px 12px #00000059;border:1px solid rgba(255,255,255,.06);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qspScore{font-size:64px;font-weight:900;color:#fff;line-height:1;text-shadow:0 4px 10px rgba(0,0,0,.5)}.qspScoreAdj{display:flex;gap:8px}.qspHelpersLabel{font-size:11px;color:#59baffb3;font-weight:700;letter-spacing:.4px}.gameShell{flex:1;display:flex;flex-direction:column;overflow:hidden;padding-bottom:120px;min-height:0}.boardWrap{flex:1;display:flex;flex-direction:column;padding:6px;min-height:0}.boardScroller{overflow:hidden;flex:1;min-height:0}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;height:100%;min-width:0}.categoryCol{min-width:0;display:flex;gap:0}.categorySplitCard{flex:1;min-width:0}.pointsCol{width:36%;display:flex;flex-direction:column;gap:4px;padding:4px}.pointBtn{flex:1;font-size:clamp(22px,2.8vw,44px);min-height:0}.categoryImageFrame{flex:1;min-height:0}.page:not(.selectorPage):before{animation:none;opacity:.05}.page:not(.selectorPage) .pageWatermark{display:none}.page:not(.selectorPage){min-height:100dvh;height:100dvh;overflow:hidden}.page:not(.selectorPage) .gameShell{padding-bottom:90px;min-height:0}.page:not(.selectorPage) .boardWrap{min-height:0}.page:not(.selectorPage) .footerActions{position:fixed;left:50%;transform:translate(-50%);bottom:118px;z-index:101;padding:0;margin:0}.page:not(.selectorPage) .scoreDock{height:90px;align-items:center;padding:0 28px;gap:0;justify-content:space-between}.dockSide{display:flex;flex-direction:row;align-items:center;gap:14px;flex:0 0 auto;border-radius:16px;padding:6px 10px;transition:box-shadow .4s ease,background .4s ease}.dockSideActive{background:#d8b15b0f;box-shadow:0 0 0 1.5px #d8b15b73,0 0 24px #d8b15b38;animation:dockGlow 1.8s ease-in-out infinite}@keyframes dockGlow{0%,to{box-shadow:0 0 0 1.5px #d8b15b73,0 0 24px #d8b15b38}50%{box-shadow:0 0 0 2px #d8b15bb3,0 0 40px #d8b15b61}}.dockSideRight{flex-direction:row}.dockSideLeft{flex-direction:row-reverse}.dockHelperCol{display:flex;flex-direction:column;align-items:center;gap:4px}.helpersLabel{font-size:10px;font-weight:700;color:#d8b15bcc;letter-spacing:.3px;white-space:nowrap}.dockHelperCol .helpersRow{display:flex;flex-direction:row;gap:6px}.dockHelperCol .helperCircle{width:36px;height:36px;font-size:17px}.dockInfoCol{display:flex;flex-direction:column;align-items:center;gap:5px}.bonusTeamMarker{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:2px 12px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.2px;border:1px solid rgba(245,197,24,.55);color:#ffe797;background:linear-gradient(180deg,#17274eeb,#091228f5);box-shadow:0 6px 16px #00000047;transform-origin:center;animation:bonusMarkerIn .24s ease-out}.bonusTeamMarker.idle{opacity:.72}.bonusTeamMarker.active{color:#07142f;border-color:#ffeaa0f2;background:linear-gradient(135deg,#f5c518,#ffe797 52%,#f5c518);box-shadow:0 0 0 1px #f5c518a6,0 0 22px #f5c5187a;animation:bonusMarkerIn .24s ease-out,bonusMarkerPulse 1.15s ease-in-out infinite}@keyframes bonusMarkerIn{0%{opacity:0;transform:translateY(-4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bonusMarkerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.dockInfoCol .teamNameInput{background:linear-gradient(135deg,#c9971e,#d8b15b);color:#0a1a35;border:none;border-radius:999px;padding:8px 24px;font-size:14px;font-weight:900;min-width:120px;max-width:170px;text-align:center;box-shadow:0 4px 14px #b4821466;cursor:text;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dockInfoCol .teamNameInput:focus{outline:2px solid #fff8e0;outline-offset:2px}.dockInfoCol .dockScoreWrap{background:#071530d9;border:1.5px solid rgba(216,177,91,.35);border-radius:999px;padding:3px 8px;gap:8px;min-width:140px;justify-content:space-between}.dockInfoCol .dockScore{font-size:22px;min-width:44px}.dockInfoCol .scoreAdjBtn{width:27px;height:27px;font-size:17px;border-radius:50%}.selectorPage{font-family:Cairo,Segoe UI,Tahoma,sans-serif;background:radial-gradient(circle at 50% 0%,rgba(30,58,138,.46) 0%,transparent 48%),radial-gradient(circle at 100% 100%,rgba(15,23,42,.58) 0%,transparent 52%),linear-gradient(180deg,#0a1128,#070f23)}.selectorPage .selectorTopBar{position:sticky;top:0;z-index:120;min-height:84px;background:#0a1128cc;border-bottom:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 24px #00000040}.selectorPage .brandBlock{width:100%}.selectorPage .selectorBrandRow{display:flex;align-items:center;justify-content:center;gap:clamp(10px,2.2vw,30px)}.selectorPage .brandLogo{width:clamp(240px,30vw,470px);filter:drop-shadow(0 0 20px rgba(91,167,255,.42))}.selectorPage .selectorBrandSide{font-family:Cairo,Segoe UI,Tahoma,sans-serif;font-size:clamp(22px,2vw,32px);font-weight:900;line-height:1.05;white-space:nowrap;letter-spacing:0;text-shadow:0 2px 10px rgba(6,17,38,.72)}.selectorPage .selectorBrandRight{font-size:clamp(28px,2.4vw,42px);background:linear-gradient(180deg,#ffe08c,#d8b15b 52%,#b8862d);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 10px rgba(216,177,91,.15))}.selectorPage .selectorBrandLeft{font-size:clamp(18px,1.6vw,28px);color:#d9e8ff;opacity:.92}.selectorPage .selectorWrap{width:min(1360px,96%);margin:10px auto 34px}.selectorPage .selectorFilters{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.selectorPage .selectorFilterChip{border-radius:999px;padding:10px 24px;background:#ffffff14;color:#c8d7ef;border:1px solid rgba(255,255,255,.1);font-size:18px;font-weight:800;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.selectorPage .selectorFilterChip:hover{background:#ffffff24}.selectorPage .selectorFilterChip.active{background:linear-gradient(135deg,#f4bf4d,#d8b15b);color:#0a1a35;box-shadow:0 10px 22px #d8b15b47}.selectorPage .searchRow{display:flex;align-items:center;justify-content:center;gap:10px;direction:ltr;width:min(1040px,100%);margin:0 auto 14px}.selectorPage .searchWrap{flex:1;min-width:0;direction:rtl;background:#ffffff0f;border:1px solid rgba(216,177,91,.32);border-radius:999px;padding:0 14px;min-height:52px;box-shadow:0 8px 20px #0003}.selectorPage .searchIconBtn{color:#d8b15bcc;font-size:18px}.selectorPage .searchInput{color:#f8fbff;font-size:15px}.selectorPage .searchInput::placeholder{color:#cdddff73}.selectorPage .randomPickBtn{flex:0 0 auto;width:74px;height:74px;border-radius:50%;background:#162c56bf;border:1px solid rgba(216,177,91,.32);color:#f4bf4d;font-size:30px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 22px #02091a66;transition:transform .18s ease,box-shadow .18s ease}.selectorPage .randomPickBtn:hover{transform:scale(1.04) rotate(-7deg);box-shadow:0 12px 28px #d8b15b3d}.selectorPage .selectorHeading{display:flex;align-items:center;gap:10px;margin:12px 2px 18px}.selectorPage .selectorTitle{color:#f5f8ff;font-size:46px;font-weight:900;margin:0;white-space:nowrap}.selectorPage .selectorHeadingIcon{font-size:34px;line-height:1}.selectorPage .selectorHeadingLine{flex:1;height:2px;background:linear-gradient(90deg,rgba(216,177,91,.8) 0%,rgba(216,177,91,.24) 60%,transparent 100%)}.selectorPage .selectorMainArea{grid-template-columns:1fr;gap:18px}.selectorPage .selectorGrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.selectorPage .selectorSidePanel{position:static;top:auto;align-self:stretch;width:100%;border-radius:18px;padding:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 16px 30px #02081959}.selectorPage .selectorCard{background:linear-gradient(180deg,#0c1a36e6,#0a142df0);border:1px solid rgba(216,177,91,.26);border-radius:24px;min-height:378px;box-shadow:0 14px 30px #00000057}.selectorPage .selectorCard:hover{border-color:#d8b15bb3;box-shadow:0 20px 34px #d8b15b33;transform:translateY(-5px)}.selectorPage .selectorCard.active{border-color:#d8b15b;box-shadow:0 0 0 1px #d8b15b52,0 18px 34px #d8b15b3d}.selectorPage .selectorCardTop{z-index:3}.selectorPage .selectorCard.active .selectorCardName{color:#ffcc43}.selectorPage .selectorInfoIcon{right:14px;left:auto;top:14px;width:34px;height:34px;font-size:16px;font-weight:900;background:#070e1cbd;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.selectorPage .selectorRemainBadge{left:16px;right:auto;top:14px;background:linear-gradient(135deg,#f4bf4d,#d8b15b);color:#0a1a35;border:none;font-weight:900;border-radius:999px;padding:8px 16px;font-size:14px;box-shadow:0 6px 14px #d8b15b57}.selectorPage .selectorIcon{height:286px;background:#0f1f3d;position:relative}.selectorPage .selectorIcon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#070e1c00 58%,#070e1cbf 86%,#070e1cf2)}.selectorPage .selectorIconImage{filter:saturate(1.06) brightness(.87)}.selectorPage .selectorCardName{background:#162544f2;color:#f5f2df;border-top:1px solid rgba(255,255,255,.06);min-height:90px;font-size:clamp(26px,2.2vw,36px);font-weight:900;line-height:1.15;padding:14px 12px 16px}.selectorPage .selectedCount{background:linear-gradient(90deg,#071530f2,#143e74f5);border-color:#59baff7a}.selectorPage .startGameBtn{background:linear-gradient(135deg,#f4bf4d,#d8b15b);color:#0a1a35;border-radius:999px;font-weight:900;box-shadow:0 0 26px #d8b15b59}.selectorPage .startGameBtn:hover:not(:disabled){background:linear-gradient(135deg,#ffd26a,#e2bc67)}.selectorPage .selectorHint{color:#d8e7ffc7;margin-top:14px;font-weight:600}.selectorPage .selectedMiniChip{background:#0a1128e6;border:1px solid rgba(89,186,255,.22)}.selectorPage .selectedMiniChipName{background:linear-gradient(135deg,#c9971e,#d8b15b);color:#0a1a35}@media (max-width: 980px){.selectorPage .selectorMainArea{grid-template-columns:1fr}.selectorPage .selectorGrid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.selectorPage .selectorBrandRow{gap:10px}.selectorPage .brandLogo{width:clamp(180px,48vw,280px)}.selectorPage .selectorBrandSide{font-size:clamp(14px,4.6vw,22px)}.selectorPage .selectorBrandRight{font-size:clamp(20px,6vw,30px)}.selectorPage .selectorBrandLeft{font-size:clamp(13px,3.8vw,18px)}.selectorPage .selectorFilterChip{font-size:15px;padding:8px 16px}.selectorPage .randomPickBtn{width:58px;height:58px;font-size:24px}.selectorPage .selectorTitle{font-size:clamp(30px,8vw,40px)}.selectorPage .selectorHeadingIcon{font-size:27px}.selectorPage .selectorIcon{height:220px}.selectorPage .selectorCard{min-height:308px}.selectorPage .selectorCardName{min-height:72px;font-size:clamp(20px,4.2vw,28px)}.selectorPage .selectorSidePanel{position:static;top:auto}}width: 30px; height: 30px; font-size: 20px; border-radius: 50%; } .savedGamesList{display:flex;flex-direction:column;gap:10px;width:100%;max-height:60vh;overflow-y:auto;padding:4px 2px}.savedGameRow{display:flex;align-items:stretch;gap:8px;width:100%}.savedGamePlayBtn{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 16px;border:none;border-radius:12px;background:#0a1128d9;border:1px solid rgba(89,186,255,.2);cursor:pointer;transition:background .15s,transform .15s;text-align:right}.savedGamePlayBtn:hover{background:#142850f2;transform:translate(-2px)}.savedGameName{font-size:15px;font-weight:700;color:#f0c060;font-family:inherit}.savedGameDate{font-size:11px;color:#b4c8e6b3;font-family:inherit}.savedGameDeleteBtn{flex-shrink:0;width:44px;border:none;border-radius:12px;background:#b41e1e33;border:1px solid rgba(200,60,60,.3);color:#ff6b6b;font-size:18px;cursor:pointer;transition:background .15s;display:flex;align-items:center;justify-content:center}.savedGameDeleteBtn:hover{background:#c8282873}.authPopup{width:min(480px,94vw)}.authPopupIcon{margin-inline-end:8px}.authPopupSubtitle{text-align:center;font-size:13px;color:#c8d7f0b3;margin-top:-10px;margin-bottom:2px}.authForm{display:flex;flex-direction:column;gap:16px}.authFieldGroup{display:flex;flex-direction:column;gap:6px}.authFieldLabel{font-size:13px;font-weight:700;color:#d8b15b;letter-spacing:.3px;padding-inline-start:2px}.authFieldInput{background:#06122dd9!important;border:1.5px solid rgba(216,177,91,.3)!important;color:#f0e8d0!important;font-size:15px;transition:border-color .2s,box-shadow .2s}.authFieldInput:focus{border-color:#d8b15bb3!important;box-shadow:0 0 0 3px #d8b15b1f!important;outline:none}.authFieldHint{font-size:11px;color:#b4c8e68c;padding-inline-start:2px;margin:0}.authErrorBox{background:#78141499;border:1px solid rgba(255,100,100,.35);color:#ffb3b3;border-radius:10px;padding:10px 14px;font-size:13px;text-align:center}.authPopupActions{display:flex;gap:10px;margin-top:4px}.authSubmitBtn{flex:2}.authCancelBtn{flex:1;font-size:14px;padding:12px 10px}.authToggleModeBtn{background:none;border:none;color:#59baffcc;font-size:12px;cursor:pointer;text-align:center;width:100%;padding:6px 0 0;font-family:inherit;transition:color .2s;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#59baff59}.authToggleModeBtn:hover{color:#59baff}.topAuthArea{display:flex;align-items:center;justify-content:flex-end;min-width:110px;width:100%}.authLoginChip{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;border:1.5px solid rgba(216,177,91,.5);background:#0a1432b3;color:#d8b15b;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .2s,border-color .2s,transform .15s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.authLoginChip:hover{background:#14285ae6;border-color:#d8b15bd9;transform:translateY(-1px)}.authUserChip{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 10px;border-radius:20px;border:1.5px solid rgba(89,186,255,.35);background:#0a1432bf;color:#a8d8ff;font-size:13px;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.authUserChipIcon{width:18px;height:18px;color:#7bc8ff;flex-shrink:0}.authLoginIcon{width:16px;height:16px;color:currentColor;flex-shrink:0}.authUserChipEmail{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:inherit}.authSignOutBtn{background:none;border:none;color:#b4c8dc80;cursor:pointer;font-size:12px;padding:0;line-height:1;transition:color .2s;margin-inline-start:2px}.authSignOutBtn:hover{color:#ff6b6b}.authStatusChip{font-size:16px;opacity:.6;animation:spin 1s linear infinite}@media (max-width: 1240px){.selectorPage .selectorTopBar{grid-template-columns:minmax(96px,auto) minmax(0,1fr) minmax(96px,auto);column-gap:10px;padding-inline:10px}.selectorPage .brandBlock{min-width:0}.selectorPage .selectorBrandRow{gap:8px}.selectorPage .brandLogo{width:clamp(180px,27vw,310px)}.selectorPage .selectorBrandSide{font-size:clamp(16px,1.8vw,24px)}}@media (max-width: 920px){.selectorPage .selectorBrandLeft{display:none}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}