:root{--bg:#070b14;--panel:#0e1628;--panel2:#121d34;--line:#233253;--text:#edf3ff;--muted:#91a0ba;--cyan:#59d8ff;--violet:#7868ff;--gold:#f7c948;--good:#35d07f;--bad:#ff5f68}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(900px 500px at 50% -180px,#263965 0,transparent 70%),var(--bg);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button{font:inherit}.hidden{display:none!important}img,svg{-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none;pointer-events:none}input,textarea,select{-webkit-user-select:text;user-select:text}
.gameShell{width:min(1080px,calc(100% - 28px));margin:0 auto;padding:18px 0 34px}.topbar{height:58px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.brand,.topActions{display:flex;align-items:center;gap:10px}.brandMark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--cyan),var(--violet));font-weight:900;color:#07101d}.brand strong,.brand small{display:block}.brand small{font-size:11px;color:var(--muted);margin-top:2px}.userChip{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#cdefff;font-size:12px}.iconBtn{width:36px;height:36px;border:1px solid var(--line);border-radius:11px;background:#0d1729;color:var(--text);cursor:pointer;font-size:18px}
.statusRail{display:grid;grid-template-columns:1fr 1fr auto 1fr auto auto;align-items:center;gap:8px;margin:14px 0}.statusRail>div,.timerBox{min-height:48px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(14,22,40,.86)}.statusRail small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.statusRail strong{display:block;margin-top:2px;font-size:14px}.badge{padding:7px 11px;border:1px solid;border-radius:999px;font-size:11px;font-weight:800}.badge.easy{color:#8ff0b6;border-color:#276c49;background:#102b22}.badge.medium{color:#ffd67a;border-color:#745b20;background:#302711}.badge.hard{color:#ff9ca2;border-color:#7a3038;background:#32151c}.timerBox{text-align:center}.accessStatus{min-width:92px;text-align:center}.exitIcon{font-size:15px;letter-spacing:-3px;padding-right:4px}
.playGrid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px;align-items:start}.gameCard,.ladderPanel,.rankPanel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(18,29,52,.95),rgba(9,15,28,.97));border-radius:18px;box-shadow:0 18px 60px rgba(0,0,0,.25)}.gameCard{padding:16px}.host{padding:9px 12px;border-left:3px solid var(--cyan);background:rgba(89,216,255,.06);border-radius:8px;color:#c8d6ed;font-size:12px}.questionBlock{padding:18px 0 14px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--cyan)}.question{font-size:clamp(20px,2.5vw,29px);line-height:1.2;margin:8px 0 18px;min-height:68px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn,.ans{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;color:var(--text);background:#111d34;cursor:pointer;font-weight:700;transition:.16s ease}.ans{justify-content:flex-start;min-height:52px;text-align:left}.btn:hover,.ans:hover{border-color:#49638f;transform:translateY(-1px)}.btn[disabled],.ans[disabled]{opacity:.45;cursor:not-allowed;transform:none}.btn.primary{background:linear-gradient(135deg,#245d8b,#5548b5);border-color:#5575b5}.btn.quiet{background:#0d1728;color:#b8c4d8}.ans.pending{border-color:var(--gold);box-shadow:0 0 0 2px rgba(247,201,72,.18)}.ans.correct{border-color:var(--good);background:#102d25}.ans.wrong{border-color:var(--bad);background:#32171d}
.controls{display:grid;grid-template-columns:1fr 1fr auto auto;gap:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07)}.control.start{grid-column:1/-1;min-height:48px;font-weight:800;letter-spacing:.08em}.lifelineRow{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}.lifeline{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:#0b1526;color:#d8e2f2;cursor:pointer}.lifeline b{font-size:12px}.lifeline span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#203252;color:#fff;font-size:10px}.lifeline[disabled]{opacity:.4;cursor:not-allowed}.lifeline.hintRefill{border-color:#745b20;background:linear-gradient(135deg,rgba(247,201,72,.14),#0b1526)}.lifeline.hintRefill span{background:linear-gradient(135deg,#f7c948,#c8890a);color:#3a2a00;font-weight:900;width:auto;min-width:20px;padding:0 5px;border-radius:999px}
.ladderPanel{padding:14px}.panelHeading{display:flex;justify-content:space-between;align-items:end;margin-bottom:9px;font-size:13px;font-weight:800}.panelHeading small{color:var(--muted);font-size:9px;font-weight:500}.ladder{padding:0;margin:0;list-style:none}.ladder li{display:flex;justify-content:space-between;padding:5px 8px;border-radius:8px;color:#7f8da7;font-size:11px;font-weight:700}.ladder li .sum{color:#b8c5d9}.ladder li.active{background:linear-gradient(90deg,rgba(89,216,255,.2),transparent);color:#fff}.ladder li.safe .sum{color:var(--gold)}.ladder li.hasBonus{background:rgba(89,216,255,.05)}.ladder li .bonus{color:var(--cyan);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;text-align:center;white-space:nowrap}.ladder li.active .bonus{color:#eafcff}.progress{height:5px;margin-top:10px;background:#09111f;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--violet))}.ladderBar{display:none;border:1px solid var(--line);border-radius:12px;background:#0e192c;color:var(--text);padding:8px 11px;cursor:pointer}.ladderBar span,.ladderBar strong{display:block;font-size:11px}
.rankPanel{margin-top:14px;padding:0 15px}.rankPanel summary{display:flex;justify-content:space-between;padding:14px 0;cursor:pointer;font-weight:800}.rankPanel summary span{color:var(--muted);font-size:11px;font-weight:500}.rankPanel>div{padding:0 0 15px}.tablewrap{overflow:auto}.rankTable{width:100%;border-collapse:collapse;font-size:12px}.rankTable th,.rankTable td{padding:9px;border-bottom:1px solid var(--line);text-align:left}.rankMuted{color:var(--muted);font-size:12px;padding:8px 0}.rankMedal{display:inline-grid;place-items:center;min-width:24px;font-size:17px;filter:drop-shadow(0 2px 5px rgba(0,0,0,.5))}
.modalBackdrop{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.68);z-index:50}.modal{width:min(520px,100%);max-height:calc(100vh - 36px);max-height:calc(100dvh - 36px);display:flex;flex-direction:column;background:#0b1425;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 24px 90px #000}.modal header{padding:14px 17px;border-bottom:1px solid var(--line);font-weight:900;flex:none}.modal .content{padding:18px;overflow-y:auto;flex:1 1 auto;-webkit-overflow-scrolling:touch}.modal .actions{display:flex;justify-content:flex-end;padding:12px 17px;border-top:1px solid var(--line);flex:none}.celebration{text-align:center}.celebration .big{font-size:25px;font-weight:900;color:var(--gold)}
@media(max-width:820px){.gameShell{width:min(100% - 20px,680px);padding-top:8px}.topbar{height:52px}.playGrid{grid-template-columns:1fr}.side{display:none}.statusRail{grid-template-columns:1fr 1fr auto auto}.statusRail>.badge{grid-row:2;grid-column:1/3;justify-self:start}.ladderBar{display:block}.controls{grid-template-columns:1fr 1fr}.answers{grid-template-columns:1fr}.question{min-height:0}.lifelineRow{grid-template-columns:1fr 1fr}.lifeline.hintRefill{grid-column:1/-1}.userChip{display:none}.brand small{display:none}.themeLabel{display:none}}
@media(max-width:460px){.gameShell{width:100%;padding:0 8px 18px}.topbar{padding:0 5px}.statusRail{margin:8px 0;gap:5px}.statusRail>div{padding:6px 8px;min-height:43px}.gameCard{padding:11px;border-radius:14px}.questionBlock{padding:14px 0 10px}.question{font-size:20px;margin-bottom:13px}.ans{min-height:47px}.controls{gap:6px}.btn{padding:9px;font-size:12px}.rankPanel{margin-top:8px}}

/* VK Mini App embed: fixed-height, non-scrollable iframe — the ratings/payment
   panel must always be reachable, so it's pinned as a bottom sheet instead of
   relying on page scroll to reach it. */
html.vkEmbed .gameShell{padding:8px 0 60px}
html.vkEmbed .topbar{height:44px}
html.vkEmbed .brand small{display:none}
html.vkEmbed .statusRail{margin:8px 0;gap:6px}
html.vkEmbed .statusRail>div,html.vkEmbed .timerBox{min-height:38px;padding:5px 8px}
html.vkEmbed .gameCard{padding:11px}
html.vkEmbed .questionBlock{padding:10px 0 8px}
html.vkEmbed .question{min-height:0;margin:6px 0 10px;font-size:clamp(17px,2.2vw,22px)}
html.vkEmbed .ans{min-height:42px}
html.vkEmbed .controls{padding-top:8px}
html.vkEmbed .lifelineRow{margin-top:6px}
html.vkEmbed .lifeline{min-height:34px;padding:6px 8px}
html.vkEmbed .side{display:none}
html.vkEmbed .playGrid{grid-template-columns:1fr}
html.vkEmbed .ladderBar{display:block}
html.vkEmbed .rankPanel{position:fixed;left:0;right:0;bottom:0;margin:0;width:100%;max-height:65vh;display:flex;flex-direction:column;border-radius:14px 14px 0 0;z-index:40;box-shadow:0 -12px 40px rgba(0,0,0,.4)}
html.vkEmbed .rankPanel summary{padding:10px 15px;flex:none}
html.vkEmbed .rankPanel>div{overflow-y:auto;padding:0 15px 15px;flex:1 1 auto}

/* Credits balance chip (top bar, next to the user greeting) and the
   credit-bundle/tariff shop modal opened from it or from limit/402 prompts. */
.creditsChip{cursor:pointer;padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:#101c33;color:var(--gold);font-weight:800;transition:.16s ease}
.creditsChip:hover{border-color:#8a7130;transform:translateY(-1px)}
.navAction small{display:none}.creditsChip{display:flex;align-items:center;gap:5px}.creditsChip strong{font-size:12px}.rankingModalContent{max-height:65vh;overflow:auto}
@media(max-width:820px){.topbar{height:auto;min-height:58px}.brand{display:none}.topActions{width:100%;justify-content:space-between;gap:2px}.topActions>.userChip:not(.creditsChip){display:none}.navAction{width:auto;min-width:43px;height:50px;padding:5px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;background:transparent}.navAction>span{font-size:17px;line-height:1}.navAction small{display:block;color:var(--muted);font-size:8px;font-weight:700}.creditsChip{border:0;border-radius:9px;background:rgba(16,28,51,.75);color:var(--gold)}.creditsChip strong{font-size:11px}.exitIcon{letter-spacing:normal}}
@media(max-width:350px){.navAction{min-width:39px}.navAction small{font-size:7px}}
.leaveSession{width:100%;margin-top:18px;border-color:rgba(255,95,104,.55);color:#ffb4b9;background:rgba(87,20,29,.35)}
.creditShop h4{margin:14px 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.creditShop .creditShopHint{margin:0 0 10px;font-size:11px;line-height:1.4;color:var(--muted)}

/* Личная статистика — не за деньги, поэтому вынесена отдельным блоком над
   платным рейтингом, а не спрятана внутри аккордеона. */
.myStats{margin-top:14px;padding:14px 15px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(18,29,52,.95),rgba(9,15,28,.97));border-radius:18px}
.myStats .panelHeading{font-size:13px;font-weight:800;margin-bottom:10px}
.myStatsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.myStatsGrid>div{padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:rgba(14,22,40,.86);text-align:center}
.myStatsGrid small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.06em}
.myStatsGrid strong{display:block;margin-top:3px;font-size:13px}
@media(max-width:460px){.myStatsGrid{grid-template-columns:1fr 1fr}}
html.vkEmbed .myStats{margin:8px 0;padding:10px 11px}
.creditShop .tariffGrid,.creditShop .bundleGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.creditShop .tariffBtn,.creditShop .bundleBtn{font-size:13px;flex-direction:column;gap:6px;padding:12px 10px;min-height:64px}
.creditShop h4{display:flex;align-items:center;gap:8px}
.creditShop .coinIcon,.creditShop .vipBadge{flex:none}
@media(max-width:460px){.creditShop .tariffGrid,.creditShop .bundleGrid{grid-template-columns:1fr}}

/* Тематический ярлык рядом с логотипом (millionaire.html) — показывает
   название активной темы и VIP-маркер, если тема премиальная. */
.themeLabel{padding:4px 10px;border-radius:999px;border:1px solid rgba(247,201,72,.45);background:rgba(247,201,72,.1);color:var(--gold);font-size:11px;font-weight:800;white-space:nowrap}
/* 2026 adaptive black/red interface */
:root{--bg:#07070a;--panel:#101014;--panel2:#17171d;--line:#303039;--text:#f7f7fa;--muted:#9797a3;--accent:#ff2638;--accent2:#b40f25;--glow:rgba(255,38,56,.22)}
html,body{background:#07070a!important;color:var(--text)!important}
body{min-height:100vh;background:radial-gradient(circle at 52% 18%,rgba(154,9,27,.18),transparent 34%),linear-gradient(135deg,#060608,#0d0d11 55%,#050507)!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.17;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px}
.gameShell{width:min(1540px,calc(100% - 32px))!important;max-width:none!important;margin:0 auto!important;padding:18px 0 30px!important;position:relative}
.topbar{border:1px solid var(--line)!important;border-radius:20px!important;background:rgba(12,12,16,.92)!important;box-shadow:0 20px 70px rgba(0,0,0,.45)!important;padding:13px 17px!important;margin-bottom:16px}
.brandMark,.playerAvatar{background:linear-gradient(145deg,#ff3345,#8c071b)!important;color:#fff!important;box-shadow:0 8px 28px var(--glow)!important}
.brand small,.playerIdentity small,.playerCard>small,.panelHeading small{color:var(--muted)!important}
.iconBtn,.userChip,.navAction{background:#15151b!important;border:1px solid #303039!important;color:#fff!important;border-radius:13px!important}.iconBtn:hover,.userChip:hover,.navAction:hover{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--glow)!important}
.gameLayout{display:grid;grid-template-columns:280px minmax(0,1fr) 290px;gap:16px;align-items:start}.centerColumn{min-width:0;display:grid;gap:14px}.profileRail{display:grid;gap:14px;position:sticky;top:14px}.playerCard,.achievementPanel,.gameCard,.stage,.statusRail{background:rgba(15,15,20,.96)!important;border:1px solid var(--line)!important;box-shadow:0 20px 60px rgba(0,0,0,.32)!important}
.playerCard,.achievementPanel{border-radius:18px;padding:18px}.playerCard{display:grid;grid-template-columns:56px 1fr;gap:12px}.playerAvatar{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-size:26px;font-weight:900}.playerIdentity{display:grid;gap:2px}.playerIdentity strong{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playerIdentity span{color:#ff7180;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.titleProgress{grid-column:1/-1;height:6px;border-radius:10px;overflow:hidden;background:#292930}.titleProgress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent2),var(--accent));transition:width .35s}.playerCard>small{grid-column:1/-1;font-size:11px}.achievementPanel{padding:16px}.panelHeading{display:flex!important;align-items:center;justify-content:space-between;margin-bottom:13px}.panelHeading span{font-weight:900;text-transform:uppercase;letter-spacing:.08em}.achievementPreview{display:grid;gap:8px}.achievementMini{display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center;padding:9px;border-radius:12px;background:#18181e;border:1px solid #292930}.achievementMini>span{font-size:23px;text-align:center}.achievementMini div{display:grid}.achievementMini strong{font-size:12px}.achievementMini small,.achievementEmpty,.achievementSkeleton{font-size:10px;color:var(--muted)}.panelLink{width:100%;border:0;background:transparent;color:#ff6b78;font-weight:800;padding:14px 4px 0;cursor:pointer}.panelLink:hover{color:#fff}
.statusRail{border-radius:17px!important;padding:12px!important;gap:8px!important}.statusRail>div,.statusRail>.badge,.ladderBar{background:#18181e!important;border:1px solid #2e2e36!important;border-radius:12px!important}.statusRail strong{color:#fff!important}.badge.easy{color:#72df9b!important}.badge.medium{color:#ffc05e!important}.badge.hard{color:#ff5f6d!important}
.gameCard{border-radius:22px!important;padding:22px!important;min-height:560px!important;display:flex;flex-direction:column}.host{background:#19191f!important;border-left:3px solid var(--accent)!important;color:#d9d9df!important}.eyebrow{color:#ff6674!important}.question{font-size:clamp(24px,3vw,40px)!important;line-height:1.18!important}.answers{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}.ans{min-height:72px!important;background:#15151a!important;border:1px solid #393941!important;border-radius:14px!important;color:#f6f6f8!important;text-align:left!important}.ans:hover:not(:disabled){border-color:var(--accent)!important;background:#1d1014!important;transform:translateY(-1px)}.ans.pending{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--glow)!important}.ans.correct{border-color:#35d474!important;background:#10261a!important}.ans.wrong{border-color:#ff3044!important;background:#310e15!important}.btn.primary{background:linear-gradient(135deg,#e6152d,#9f071a)!important;border-color:#ff4252!important;color:#fff!important}.btn.quiet,.lifeline{background:#18181e!important;border-color:#36363e!important;color:#eee!important}.lifeline:hover:not(:disabled),.btn.quiet:hover:not(:disabled){border-color:var(--accent)!important}.lifelineRow{margin-top:auto!important;padding-top:18px!important}.leaveSession{margin-top:14px!important;border-color:#6c1b27!important}
.stage{border-radius:18px!important}.ladder li{border-color:#292930!important;background:#15151a!important}.ladder li.active{background:linear-gradient(90deg,#7e0819,#e21a30)!important;border-color:#ff5361!important;box-shadow:0 8px 25px var(--glow)!important}.ladder li.safe{color:#ff8190!important}.progress{background:#292930!important}.progress span{background:linear-gradient(90deg,#a2081c,var(--accent))!important}
.modal{background:#111117!important;border:1px solid #3b3b45!important;color:#fff!important}.modal header{border-color:#33333c!important}.modalBackdrop{background:rgba(0,0,0,.82)!important}
.achievementBackdrop{position:fixed;inset:0;z-index:10000;display:none;place-items:center;padding:18px;background:rgba(0,0,0,.86);backdrop-filter:blur(7px)}.achievementBackdrop.open{display:grid}.achievementDialog{width:min(930px,100%);max-height:min(850px,92vh);overflow:hidden;border-radius:22px;background:#101014;border:1px solid #393943;box-shadow:0 28px 100px #000}.achievementDialog>header{display:flex;align-items:center;justify-content:space-between;padding:20px 23px;border-bottom:1px solid #303038}.achievementDialog h2{margin:3px 0 0;font-size:25px}.achievementDialog header small{color:#ff6876;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.achievementClose{width:42px;height:42px;border:1px solid #3a3a43;border-radius:12px;background:#19191f;color:#fff;font-size:27px;cursor:pointer}.achievementCatalog{padding:18px;max-height:calc(92vh - 90px);overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.achievementItem{display:grid;grid-template-columns:50px 1fr;gap:12px;align-items:center;padding:14px;border-radius:15px;border:1px solid #292930;background:#16161b}.achievementItem.locked{opacity:.55;filter:saturate(.4)}.achievementItem.unlocked{border-color:#68202a;background:linear-gradient(135deg,#211014,#17171c)}.achievementIcon{font-size:29px;text-align:center}.achievementItem strong{font-size:14px}.achievementItem p{margin:4px 0;color:#aaaab3;font-size:12px}.achievementItem small{color:#ff7885;font-size:10px}.achievementLogin{grid-column:1/-1;padding:40px;text-align:center;color:#bdbdc5}.achievementToast{position:fixed;z-index:12000;right:22px;bottom:22px;display:flex;gap:13px;align-items:center;padding:15px 18px;min-width:280px;border:1px solid #ff4051;border-radius:15px;background:#171015;box-shadow:0 15px 50px rgba(0,0,0,.7),0 0 35px var(--glow);transform:translateY(30px);opacity:0;transition:.3s}.achievementToast.show{transform:none;opacity:1}.achievementToast>span{font-size:31px}.achievementToast div{display:grid}.achievementToast small{color:#ff7180;text-transform:uppercase;font-weight:800}.achievementToast strong{font-size:16px}
@media(max-width:1180px){.gameLayout{grid-template-columns:minmax(0,1fr) 280px}.centerColumn{grid-column:1;grid-row:1}.side{grid-column:2;grid-row:1}.profileRail{grid-column:1/-1;grid-row:2;position:static;grid-template-columns:280px 1fr}.achievementPreview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.gameShell{width:100%!important;padding:6px!important}.topbar{border-radius:14px!important;padding:9px!important;margin-bottom:8px}.brand{display:none!important}.topActions{width:100%;display:grid!important;grid-template-columns:repeat(6,1fr);gap:5px!important}.topActions .navAction{min-width:0!important;padding:8px 3px!important}.navAction small{font-size:8px!important}.gameLayout{display:flex;flex-direction:column;gap:9px}.centerColumn{display:contents}.statusRail{order:1;width:100%;overflow-x:auto}.gameCard{order:2;width:100%;min-height:520px!important;padding:14px!important;border-radius:16px!important}.side{order:3;width:100%}.profileRail{order:4;width:100%;display:grid;grid-template-columns:1fr}.answers{grid-template-columns:1fr!important}.ans{min-height:57px!important}.question{font-size:24px!important}.achievementCatalog{grid-template-columns:1fr;padding:10px}.achievementDialog{max-height:94vh}.achievementPreview{grid-template-columns:1fr}.lifelineRow{grid-template-columns:repeat(3,1fr)!important}.achievementToast{left:10px;right:10px;bottom:10px;min-width:0}.statusRail>div{min-width:105px}.ladderBar{min-width:112px}}

/* VK/OK iframe has a wide-but-short viewport. Keep the prize ladder in the
   second column and remove desktop minimum heights so the host footer never
   covers controls. These rules intentionally override the legacy vkEmbed
   block above. */
html.vkEmbed .gameShell{width:calc(100% - 16px)!important;max-width:none!important;padding:8px 0 24px!important}
html.vkEmbed .gameLayout{display:grid!important;grid-template-columns:minmax(0,1fr) 224px!important;gap:10px!important;align-items:start}
html.vkEmbed .centerColumn{display:grid!important;grid-column:1!important;grid-row:1!important;gap:8px!important;min-width:0}
html.vkEmbed .side{display:block!important;grid-column:2!important;grid-row:1!important;width:auto!important}
html.vkEmbed .profileRail{grid-column:1/-1!important;grid-row:2!important;position:static!important;display:grid!important;grid-template-columns:260px minmax(0,1fr)!important;gap:10px!important}
html.vkEmbed .ladderBar{display:none!important}
html.vkEmbed .gameCard{min-height:0!important;padding:14px!important}
html.vkEmbed .controls{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html.vkEmbed .control.start{grid-column:1/-1!important}
html.vkEmbed .control{min-width:0!important;white-space:normal!important}
html.vkEmbed .lifelineRow{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
html.vkEmbed .lifeline.hintRefill{grid-column:1/-1!important}
html.vkEmbed .ladderPanel{padding:10px!important}
html.vkEmbed .ladder li{padding:4px 7px!important}
@media(max-width:760px){html.vkEmbed .gameLayout{display:flex!important;flex-direction:column!important}html.vkEmbed .centerColumn{display:contents!important}html.vkEmbed .side{display:none!important}html.vkEmbed .ladderBar{display:block!important}html.vkEmbed .profileRail{display:grid!important;grid-template-columns:1fr!important;width:100%!important}html.vkEmbed .statusRail{order:1!important;width:100%!important}html.vkEmbed .gameCard{order:2!important;width:100%!important}html.vkEmbed .profileRail{order:3!important}}

/* Full transfer of the supplied Madvedo Quiz template. */
body{font-family:Inter,system-ui,sans-serif!important}
.gameShell{width:100%!important;padding:clamp(12px,2.4vw,28px)!important}
.topbar{min-height:58px!important;height:auto!important;padding:4px 4px 18px!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.brand{gap:12px!important}.brandMark{width:44px!important;height:44px!important;border-radius:10px!important;border:1px solid rgba(255,34,51,.5)!important;background:linear-gradient(160deg,rgba(255,34,51,.25),rgba(255,34,51,.04))!important;color:#ff3a48!important;font-size:22px!important}.brandWords{line-height:.92}.brandWords small{font-size:12px!important;letter-spacing:.22em!important;font-weight:700!important;color:#cfc9cf!important}.brandWords strong{font-size:30px!important;font-weight:900!important;color:#ff2233!important;text-shadow:0 0 22px rgba(255,34,51,.5)}
.topActions{gap:10px!important}.topActions .iconBtn,.topActions .creditsChip{width:46px!important;height:46px!important;min-width:46px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.10)!important}.topActions .creditsChip{width:auto!important;grid-template-columns:auto auto!important;padding:0 10px!important}.topActions .navAction>span{font-size:19px}.topActions .navAction>small{display:none!important}.headerProfile{display:flex;align-items:center;gap:10px;padding:5px 12px 5px 5px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#fff}.headerProfile>span:first-child{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,34,51,.6);background:radial-gradient(circle at 30% 25%,rgba(255,34,51,.35),rgba(255,34,51,.06));font-weight:800}.headerProfile>span:nth-child(2){display:grid;text-align:left}.headerProfile small{color:#8f8a92}.gameLayout{grid-template-columns:292px minmax(0,1fr) 300px!important;gap:14px!important}.profileRail{gap:14px!important}.playerCard,.achievementPanel,.statusRail,.gameCard,.ladderPanel,.gameInfoCard{border:1px solid rgba(255,255,255,.07)!important;background:linear-gradient(180deg,rgba(22,15,18,.92),rgba(11,10,12,.94))!important;box-shadow:none!important}.playerCard{padding:20px!important;border-radius:14px!important;grid-template-columns:54px 1fr!important}.playerAvatar{width:54px!important;height:54px!important;border-radius:50%!important;background:radial-gradient(circle at 30% 25%,rgba(255,34,51,.3),rgba(255,34,51,.05))!important}.playerIdentity strong{font-size:19px!important}.playerIdentity span{font-size:14px!important;color:#8f8a92!important;text-transform:none!important;letter-spacing:0!important}.playerJourney{grid-column:1/-1!important;text-align:center!important;margin-top:6px!important;color:#8f8a92!important}.titleProgress{height:8px!important}.achievementPanel{padding:18px!important;border-radius:14px!important}.achievementPanel .panelHeading span{font-size:12px!important;color:#b9b3bb!important}.achievementPreview{gap:10px!important}.achievementMini{grid-template-columns:42px minmax(0,1fr)!important;padding:12px!important;border-radius:12px!important;background:rgba(255,255,255,.025)!important;border:1px solid rgba(255,255,255,.06)!important}.achievementMini>span{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;border:1px solid rgba(255,34,51,.35);background:rgba(255,34,51,.08);font-size:19px!important}.achievementMini strong{font-size:12px!important;letter-spacing:.045em;text-transform:uppercase}.achievementMini small{font-size:11px!important;margin:2px 0 7px}.miniProgress{display:grid!important;grid-template-columns:1fr auto;gap:8px;align-items:center}.miniProgress>i{display:block;height:4px;border-radius:99px;background:#ff2233}.miniProgress:before{content:"";grid-column:1;grid-row:1;height:4px;border-radius:99px;background:rgba(255,255,255,.08)}.miniProgress>i{grid-column:1;grid-row:1;z-index:1}.miniProgress em{font-style:normal;font-size:10px;color:#7d7880}.panelLink{margin-top:14px!important;padding:14px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;color:#d9d4da!important;letter-spacing:.12em!important;font-size:11px!important;text-transform:uppercase}
.statusRail{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px 26px!important;padding:14px 18px!important;margin:0!important;border-radius:14px!important}.statusRail>div{min-width:0!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important}.metric{display:flex!important;align-items:center!important;gap:11px!important}.metric>i{font-size:21px;color:#ff3a48}.metric>span,.timerBox>span{display:block}.statusRail small{font-size:10px!important;letter-spacing:.14em!important}.statusRail strong{font-size:17px!important}.badge{padding:9px 18px!important;border-radius:999px!important;border-color:rgba(255,34,51,.55)!important;background:rgba(255,34,51,.08)!important;color:#ff3a48!important;letter-spacing:.1em!important}.timerBox{display:flex!important;align-items:center!important;gap:12px!important}.timerRing{display:block;width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.10);border-top-color:#ff2233;border-right-color:#ff2233;box-shadow:0 0 16px rgba(255,34,51,.35)}.accessStatus{margin-left:auto!important;text-align:right!important}.accessStatus small{display:block}.ladderBar{margin-left:auto!important}
.gameCard{position:relative!important;border-color:rgba(255,34,51,.35)!important;border-radius:16px!important;padding:clamp(16px,2.2vw,28px)!important;min-height:520px!important;background:radial-gradient(600px 320px at 12% 45%,rgba(255,34,51,.14),transparent 70%),linear-gradient(180deg,rgba(22,12,15,.95),rgba(10,9,11,.95))!important;box-shadow:0 0 40px rgba(255,34,51,.10),inset 0 0 60px rgba(255,34,51,.05)!important}.questionRoute{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.questionRoute>strong{font-size:13px;letter-spacing:.14em;color:#d6d1d8}.questionTrack{flex:1;display:flex;align-items:center;gap:4px;min-width:180px}.questionTrack span{width:17px;height:17px;flex:1;max-width:25px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.14);font-size:8px;color:#6c676e;position:relative}.questionTrack span:not(:last-child):after{content:"";position:absolute;left:100%;width:5px;height:1px;background:rgba(255,255,255,.14)}.questionTrack span.active{width:26px;height:26px;color:#ff5460;border-color:#ff2233;background:rgba(255,34,51,.15);box-shadow:0 0 14px rgba(255,34,51,.45)}.questionTrack span.done{border-color:#8f0b16;color:#ff5460;background:rgba(255,34,51,.08)}.questionReward{padding:10px 15px;border-radius:10px;border:1px solid rgba(255,34,51,.5);background:rgba(255,34,51,.10);font-weight:800;color:#ff5460}.host{margin-top:14px!important;background:rgba(255,255,255,.035)!important}.questionBlock{padding:0!important}.eyebrow{display:none!important}.question{margin:clamp(28px,4vw,58px) 0 clamp(24px,3vw,42px)!important;min-height:0!important;text-align:center!important;font-size:clamp(27px,3.2vw,44px)!important;font-weight:800!important}.answers{grid-template-columns:repeat(auto-fit,minmax(245px,1fr))!important;gap:14px!important}.ans{gap:16px!important;min-height:78px!important;padding:16px 20px!important;border-radius:12px!important;background:rgba(255,255,255,.025)!important;border:1px solid rgba(255,255,255,.08)!important;font-size:17px!important}.answerLetter{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:9px;border:1px solid rgba(255,34,51,.4);background:rgba(255,34,51,.10);font-size:19px;font-weight:900;color:#ff3a48}.answerText{font-weight:600}.ans.pending{border-color:rgba(255,34,51,.75)!important;background:linear-gradient(120deg,rgba(255,34,51,.22),rgba(255,34,51,.05))!important}.controls{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-top:14px!important;border:0!important}.control.start{grid-column:1/-1!important}.lifelineRow{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:wrap!important;gap:24px!important;margin:24px 0!important}.lifeline{position:relative!important;width:62px!important;height:62px!important;min-height:62px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:50%!important;border:1px solid rgba(255,34,51,.55)!important;background:rgba(255,34,51,.07)!important;color:#ff5460!important}.lifeline b{font-size:11px!important}.lifeline>span{position:absolute!important;right:-7px!important;bottom:-7px!important;width:20px!important;height:20px!important;background:#0d0b0e!important;border:1px solid rgba(255,255,255,.12)!important;color:#aaa!important}.lifeline.hintRefill{width:auto!important;min-width:104px!important;border-radius:31px!important;padding:0 14px!important}.leaveSession{width:100%!important;min-height:58px!important;border-radius:12px!important;border:1px solid rgba(255,34,51,.45)!important;background:rgba(255,34,51,.05)!important;text-transform:uppercase!important;letter-spacing:.15em!important}.gameInfoGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.gameInfoCard{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:20px;border-radius:14px}.gameInfoCard>span{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,34,51,.35);background:rgba(255,34,51,.07);color:#ff3a48;font-size:22px}.gameInfoCard strong{color:#ff3a48;letter-spacing:.1em}.gameInfoCard p{margin:6px 0 0;color:#b6b1b8;font-size:13px}.goalProgress{display:flex;gap:9px;align-items:center;margin-top:10px}.goalProgress small{color:#8f8a92;letter-spacing:.12em}.goalProgress b{color:#ff3a48}.goalProgress>div{flex:1;height:6px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.goalProgress>div span{display:block;height:100%;background:#ff2233}
.ladderPanel{padding:14px!important;border-radius:14px!important}.ladderPanel .panelHeading{justify-content:center!important;margin:0!important;padding:6px 0 12px!important}.ladderPanel .panelHeading span{font-size:12px!important;letter-spacing:.16em!important;color:#b9b3bb!important}.ladderPanel .panelHeading small{display:none}.ladder{display:grid!important;gap:2px!important}.ladder li{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;padding:9px 12px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#cbc6cd!important;font-size:13px!important}.ladder li .sum{text-align:right!important;color:#e3dfe4!important}.ladder li.active{border:1px solid rgba(255,34,51,.7)!important;background:linear-gradient(90deg,rgba(255,34,51,.35),rgba(255,34,51,.12))!important;box-shadow:0 0 22px rgba(255,34,51,.25)!important;color:#fff!important}.ladder li.safe{border:1px solid rgba(255,34,51,.20)!important;background:rgba(255,34,51,.04)!important}.ladder li .bonus{display:none!important}
@media(max-width:1180px){.gameLayout{grid-template-columns:minmax(0,1fr) 300px!important}.profileRail{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important}.achievementPreview{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important}}
@media(max-width:820px){.headerProfile{display:none}.topbar{padding:6px!important}.topActions{grid-template-columns:repeat(7,1fr)!important}.topActions .iconBtn,.topActions .creditsChip{width:100%!important;min-width:0!important}.gameCard{min-height:0!important}.questionRoute{gap:8px}.questionTrack{display:none}.answers{grid-template-columns:1fr!important}.controls{grid-template-columns:1fr 1fr!important}.lifelineRow{gap:15px!important}.gameInfoGrid{grid-template-columns:1fr}.profileRail{grid-template-columns:1fr!important}}
.userGreeting{display:none!important}html.vkEmbed .headerProfile{display:none!important}html.vkEmbed .brandWords small{display:block!important}

/* Template styling shared by notices, shop, ratings and leaderboard tables. */
.modalBackdrop{z-index:2000!important;background:rgba(3,3,5,.88)!important;backdrop-filter:blur(8px)}.modal{width:min(920px,calc(100% - 24px))!important;max-height:min(900px,94vh)!important;border-radius:16px!important;border:1px solid rgba(255,34,51,.34)!important;background:radial-gradient(620px 320px at 15% 0,rgba(255,34,51,.12),transparent 68%),linear-gradient(180deg,#171013,#0c0a0d)!important;box-shadow:0 28px 100px #000,0 0 45px rgba(255,34,51,.10)!important}.modal>header{padding:20px 24px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;font-size:19px!important;letter-spacing:.08em!important;text-transform:uppercase!important}.modal .content{padding:22px!important}.modal .actions{padding:14px 22px!important;border-top:1px solid rgba(255,255,255,.08)!important;gap:10px!important}.modal .actions .btn{min-width:120px!important;border-color:rgba(255,34,51,.45)!important;background:rgba(255,34,51,.07)!important}.creditShop h4{color:#ff3a48!important;letter-spacing:.13em!important}.creditShop .creditShopHint,.rankMuted{color:#9a949c!important}.creditShop .tariffGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.creditShop .bundleGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.creditShop .tariffBtn,.creditShop .bundleBtn{min-height:105px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:12px!important;background:rgba(255,255,255,.025)!important}.creditShop .tariffBtn:hover,.creditShop .bundleBtn:hover{border-color:rgba(255,34,51,.7)!important;background:rgba(255,34,51,.09)!important}.tablewrap{border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:auto!important;background:rgba(255,255,255,.018)}.rankTable{font-size:13px!important}.rankTable th{color:#ff6471!important;font-size:11px!important;letter-spacing:.1em!important;text-transform:uppercase!important}.rankTable th,.rankTable td{padding:13px!important;border-color:rgba(255,255,255,.07)!important}.rankTable tbody tr:hover{background:rgba(255,34,51,.06)}
.lifeline.hintRefill{color:#ffd95a!important;border-color:rgba(255,201,48,.78)!important;background:linear-gradient(135deg,rgba(255,196,31,.20),rgba(255,156,0,.07))!important;box-shadow:0 0 24px rgba(255,190,25,.12)!important}.lifeline.hintRefill b{font-size:10px!important;color:#ffe27a!important}.lifeline.hintRefill>span{background:#3a2b08!important;border-color:#9e7413!important;color:#ffd95a!important}
@media(max-width:700px){.creditShop .tariffGrid,.creditShop .bundleGrid{grid-template-columns:1fr!important}.modal .content{padding:14px!important}}

@property --timer-progress{syntax:"<number>";inherits:false;initial-value:0}
#difficultyBadge{display:none!important}.timerRing{--timer-progress:0;animation:none!important;transform:none!important;border:0!important;background:conic-gradient(from 0deg,#ff2233 calc(var(--timer-progress) * 1turn),rgba(255,255,255,.10) 0)!important;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);transition:--timer-progress 1s linear}.lifeline b{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;text-align:center!important;line-height:1!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important}.lifeline.hintRefill b{padding:7px 13px!important;line-height:1.12!important;white-space:normal!important}.lifeline>span{display:grid!important;place-items:center!important;line-height:1!important}

/* Pixel-faithful geometry from "Адаптивная верстка страницы/Madvedo Quiz.dc.html". */
:root{--mqg-red:#ff2233;--mqg-red-soft:#ff5460;--mqg-ground:#07070a;--mqg-panel-top:rgba(20,14,17,.94);--mqg-panel-bottom:rgba(11,10,12,.96)}
.srOnly{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
html,body{background:var(--mqg-ground)!important}
body{background:radial-gradient(1100px 520px at 50% -8%,rgba(255,34,51,.16),transparent 65%),radial-gradient(700px 420px at 0 100%,rgba(255,34,51,.10),transparent 70%),radial-gradient(700px 420px at 100% 100%,rgba(255,34,51,.08),transparent 70%),var(--mqg-ground)!important}
.gameShell{width:min(1694px,100%)!important;max-width:1694px!important;margin:0 auto!important;padding:clamp(12px,2.4vw,28px)!important}
.gameLayout{grid-template-columns:292px minmax(0,1fr) 300px!important;gap:14px!important}
.centerColumn{gap:14px!important}
.topActions .navAction span i{font-size:20px;color:#c9c4ca}.topActions #btnShop{border-color:rgba(255,34,51,.45)!important;background:rgba(255,34,51,.07)!important}.topActions #btnShop span i{color:var(--mqg-red)}
.creditsChip{column-gap:6px!important}.creditsChip small{display:none!important}.creditsChip strong{font-size:13px;color:#fff}.creditsChip span i{color:#d9d4da!important}
.statusRail{min-height:74px!important;flex-wrap:nowrap!important;gap:0!important;padding:0 18px!important;overflow:hidden}
.statusRail .metric{min-width:145px!important;padding:0 24px 0 0!important;margin-right:24px!important;border-right:1px solid rgba(255,255,255,.06)!important}
.statusRail .metric>i{font-size:25px!important}.statusRail .timerBox{margin-left:auto!important;padding-right:24px!important}.statusRail .accessStatus{min-width:168px!important;padding-left:22px!important;border-left:1px solid rgba(255,255,255,.06)!important}
.gameCard{isolation:isolate;overflow:hidden;min-height:584px!important;padding:26px 28px 24px!important;background:linear-gradient(180deg,rgba(17,10,12,.97),rgba(8,7,9,.98))!important}
.gameCard:before,.gameCard:after{content:"";position:absolute;z-index:-1;pointer-events:none;inset:76px auto 48px 0;width:34%;background:radial-gradient(circle at 0 50%,rgba(255,34,51,.34),transparent 58%),repeating-linear-gradient(132deg,transparent 0 31px,rgba(255,34,51,.16) 32px,transparent 33px 60px);clip-path:polygon(0 10%,32% 22%,20% 42%,48% 53%,24% 70%,0 91%);filter:drop-shadow(0 0 14px rgba(255,34,51,.25));opacity:.72}
.gameCard:after{inset:76px 0 48px auto;transform:scaleX(-1);opacity:.6}
.questionRoute{position:relative;z-index:1;min-height:38px;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.055);flex-wrap:nowrap!important}
.host{position:relative;z-index:1;margin-top:0!important;padding:7px 12px!important;border-left:0!important;border-radius:0 0 8px 8px!important;background:linear-gradient(90deg,rgba(255,34,51,.08),rgba(255,255,255,.018),transparent)!important;color:#918b93!important;font-size:11px!important}
.questionBlock{position:relative;z-index:1}.question{max-width:920px;margin:34px auto 30px!important;font-size:clamp(30px,2.5vw,44px)!important;line-height:1.18!important;text-wrap:balance}
.answers{grid-template-columns:repeat(2,minmax(280px,1fr))!important;gap:14px!important}.ans{min-height:82px!important;padding:16px 20px!important;background:linear-gradient(110deg,rgba(255,255,255,.035),rgba(255,255,255,.018))!important}.ans:hover:not(:disabled){box-shadow:0 0 24px rgba(255,34,51,.12),inset 0 0 20px rgba(255,34,51,.05)}
.controls{position:relative;z-index:1;display:flex!important;justify-content:center;gap:10px!important;padding:0!important;margin:14px 0 0!important}.controls .control{flex:1;max-width:300px;min-height:44px!important;border-color:rgba(255,34,51,.35)!important;background:rgba(255,34,51,.045)!important}.controls .control:disabled{display:none!important}.controls .control.start{max-width:none!important;flex-basis:100%}.controls:empty{display:none!important}
.lifelineRow{position:relative;z-index:1;margin:24px 0 22px!important;gap:34px!important;align-items:center!important}.lifeline{position:relative!important;width:62px!important;height:62px!important;min-width:62px!important;min-height:62px!important;flex:0 0 62px!important;padding:0!important;border-radius:50%!important;border:1px solid rgba(255,34,51,.55)!important;background:rgba(255,34,51,.07)!important;box-shadow:none!important}.lifeline>b{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important}.lifeline b>i{display:block!important;margin:0!important;font-size:24px!important;line-height:1!important;color:#ff3a48!important}.lifeline b{font-size:15px!important;font-weight:800!important;color:#ff5460!important}.lifeline>span:not(.srOnly){position:absolute!important;right:-9px!important;bottom:-9px!important;width:20px!important;height:20px!important;border-radius:50%!important;background:#0d0b0e!important;border:1px solid rgba(255,255,255,.12)!important;color:#a9a4ab!important;font-size:10px!important}.lifeline:hover:not(:disabled){background:rgba(255,34,51,.18)!important;box-shadow:none!important}.lifeline.hintRefill{width:172px!important;min-width:172px!important;flex-basis:172px!important;border-radius:31px!important}.lifeline.hintRefill>b{padding:0 18px!important;text-align:center!important}
.leaveSession{position:relative;z-index:1;margin-top:0!important;min-height:50px!important;padding:14px!important}.gameInfoGrid{margin-top:0!important}.gameInfoCard{min-height:108px!important}
.ladderPanel{min-height:684px}.ladder li{grid-template-columns:34px minmax(0,1fr) 12px!important}.ladder li:after{content:"◇";color:#b3121f;font-size:13px;text-align:center}.ladder li.active:after{color:#ff8b94}.ladder li.safe:after{color:#ff5460}
.playerCard{min-height:168px}.achievementPanel{min-height:502px}.achievementMini{min-height:74px}.profileRail{position:static!important}
@media(max-width:1400px){.gameShell{max-width:100%!important}.gameLayout{grid-template-columns:260px minmax(0,1fr) 260px!important}.statusRail .metric{min-width:120px!important;padding-right:14px!important;margin-right:14px!important}.gameCard{padding-left:20px!important;padding-right:20px!important}.questionTrack span{font-size:7px!important}.topActions{gap:7px!important}}
@media(max-width:1180px){.gameLayout{grid-template-columns:minmax(0,1fr) 280px!important}.profileRail{grid-template-columns:280px minmax(0,1fr)!important}.achievementPanel{min-height:0}.achievementPreview{grid-template-columns:repeat(2,minmax(220px,1fr))!important}.statusRail .metric{min-width:0!important}.statusRail{overflow-x:auto}.gameCard{min-height:560px!important}}
@media(max-width:820px){.gameShell{padding:7px!important}.gameLayout{display:flex!important}.statusRail{order:1!important;min-height:58px!important;padding:8px 10px!important;gap:10px!important;display:flex!important;flex-wrap:wrap!important;overflow:hidden!important}.statusRail .metric{flex:1 1 28%;margin:0!important;padding:0!important;border:0!important;min-width:88px!important}.statusRail .timerBox{flex:1 1 42%;margin-left:0!important;padding:0!important}.statusRail .accessStatus{flex:1 1 42%;padding-left:0!important;border:0!important}.statusRail .ladderBar{flex:1 1 100%;margin:0!important}.gameCard{order:2!important;padding:14px!important;min-height:0!important}.gameInfoGrid{order:3!important}.profileRail{order:4!important;width:100%!important;min-width:0!important;grid-template-columns:minmax(0,1fr)!important}.profileRail>*{min-width:0!important}.achievementPreview{grid-template-columns:minmax(0,1fr)!important}.achievementMini{min-width:0!important}.gameCard:before,.gameCard:after{opacity:.32}.question{margin:26px auto 22px!important;font-size:clamp(24px,7vw,34px)!important}.answers{grid-template-columns:1fr!important}.ans{min-height:64px!important}.controls{flex-wrap:wrap}.controls .control{min-width:calc(50% - 5px)}.lifelineRow{gap:18px!important}.lifeline{width:56px!important;height:56px!important;min-height:56px!important}.lifeline.hintRefill{min-width:122px!important}.gameInfoCard{min-height:0!important}.playerCard,.achievementPanel,.ladderPanel{min-height:0}.topActions .navAction span i{font-size:18px}}
@media(max-width:460px){.topActions{grid-template-columns:repeat(7,minmax(0,1fr))!important}.topActions .iconBtn,.topActions .creditsChip{height:44px!important;min-width:0!important}.gameInfoGrid{margin-top:2px!important}.questionRoute{flex-wrap:wrap!important}.questionReward{margin-left:auto}.gameCard{overflow:hidden}.lifelineRow{gap:16px!important}.lifeline.hintRefill{flex-basis:122px}}

/* Compact mobile composition: keep controls on shared rows without overlap. */
@media(max-width:600px){
  .topActions{grid-template-columns:minmax(70px,1.45fr) repeat(6,minmax(40px,1fr))!important;gap:4px!important;overflow:hidden}
  .topActions .creditsChip{display:flex!important;min-width:70px!important;width:100%!important;padding:0 7px!important;gap:4px!important;overflow:hidden!important}
  .creditsChip>span{flex:0 0 auto}.creditsChip strong{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:10px!important;letter-spacing:-.03em;white-space:nowrap}
  .topActions .navAction{height:44px!important;min-width:0!important}
  .statusRail{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;align-items:center!important}
  .statusRail .metric,.statusRail .timerBox{min-width:0!important;width:auto!important;flex:none!important;margin:0!important;padding:0!important;border:0!important}
  .statusRail .metric{gap:6px!important}.statusRail .metric>i{font-size:18px!important}.statusRail small{font-size:8px!important;letter-spacing:.08em!important}.statusRail strong{font-size:12px!important;white-space:nowrap}.statusRail .timerBox{justify-content:center!important;gap:7px!important}.timerRing{width:28px!important;height:28px!important}
  .statusRail .accessStatus,.statusRail .ladderBar{grid-column:1/-1!important;width:100%!important;margin:0!important}
  .gameCard{padding:12px!important}.questionRoute{gap:6px!important}.questionRoute>strong{font-size:11px!important;letter-spacing:.08em!important}.questionReward{padding:8px 10px!important;font-size:13px!important}.host{font-size:10px!important;white-space:normal}
  .lifelineRow{display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;gap:10px!important;margin:18px 0 20px!important;width:100%!important}
  .lifeline{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;flex:0 0 48px!important}.lifeline b{font-size:12px!important}.lifeline b>i{font-size:20px!important}.lifeline>span:not(.srOnly){right:-6px!important;bottom:-6px!important;width:18px!important;height:18px!important;font-size:9px!important}
  .lifeline.hintRefill{width:120px!important;min-width:120px!important;flex:0 0 120px!important;border-radius:24px!important}.lifeline.hintRefill>b{padding:0 10px!important;font-size:8px!important}
  .gameInfoGrid{gap:8px!important}.gameInfoCard{padding:13px!important;grid-template-columns:42px minmax(0,1fr)!important;gap:11px!important}.gameInfoCard>span{width:42px!important;height:42px!important}.gameInfoCard p{font-size:11px!important}
  #ladderMobileSlot:not(.hidden){display:flex!important;justify-content:flex-end!important;align-items:center!important;width:100%!important;min-height:42px!important;margin:0 0 10px!important;padding:0 0 10px!important;border-bottom:1px solid rgba(255,255,255,.055)!important}
  #ladderMobileSlot .ladderBar{position:static!important;width:auto!important;min-width:118px!important;max-width:100%!important;margin:0!important}
  .questionRoute{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;width:100%!important;min-height:44px!important;padding-bottom:12px!important}
  .questionRoute>strong{min-width:0!important;line-height:1.25!important}.questionReward{position:static!important;grid-column:2!important;justify-self:end!important;margin:0!important;white-space:nowrap!important}
}
