:root{
  --bg:#090909;
  --surface:#141414;
  --surface-2:#1d1d1d;
  --surface-3:#242424;
  --line:#303030;
  --text:#f4f4f4;
  --muted:#9a9a9a;
  --soft:#dcdcdc;
  --blue:#4b7dff;
  --red:#ef5252;
  --green:#49b86d;
  --orange:#f59e0b;
  --amber:#f4aa2a;
  --sidebar:240px;
  --header:64px;
}

*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg)!important;color:var(--text)!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace!important;font-size:14px!important;letter-spacing:0!important;overflow-x:hidden}
body{min-width:320px}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{min-height:38px;border:1px solid var(--line);background:var(--surface-3);color:var(--text);border-radius:8px;padding:8px 12px;font-weight:800;cursor:pointer;box-shadow:none;white-space:nowrap}
button:hover{background:#2b2b2b;border-color:#555;transform:none;filter:none}
button.primary,.primary{background:#e8e8e8!important;color:#111!important;border-color:#e8e8e8!important}
button.ghost,button.secondary{background:transparent}
button.danger{background:#5a252a;border-color:#7c333a;color:#fff}
.textLink{display:inline!important;width:auto!important;min-height:0!important;border:0!important;background:transparent!important;padding:0!important;color:inherit!important;text-align:left!important;white-space:normal!important}.textLink:hover{text-decoration:underline;background:transparent!important}.avatarBtn{display:inline-grid!important;place-items:center!important;width:auto!important;min-height:0!important;border:0!important;background:transparent!important;padding:0!important}.miniBtn{min-height:28px!important;padding:4px 7px!important;font-size:11px!important;border-radius:999px!important}
input,select,textarea{width:100%;min-height:40px;border:1px solid var(--line);background:#090909;color:var(--text);border-radius:8px;padding:9px 11px;outline:none}
input:focus,select:focus,textarea:focus{border-color:#686868;box-shadow:0 0 0 3px #ffffff12}
.hidden{display:none!important}

header{height:var(--header)!important;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 20px!important;background:#111!important;border-bottom:1px solid var(--line)!important;position:sticky;top:0;z-index:40;box-shadow:none!important}
.brand{display:flex;align-items:center;gap:10px;font-size:26px!important;font-weight:1000!important;letter-spacing:-.04em!important}
.brand.big{font-size:26px!important;justify-content:center}
.logo{display:inline-grid;place-items:center;width:36px!important;height:36px!important;border-radius:9px!important;background:var(--amber)!important;color:#111!important;border:2px solid #ddd!important;box-shadow:none!important}
.hamb{display:none}
nav{display:flex;align-items:center;gap:18px!important;color:var(--muted)!important}
nav a{font-size:14px}
.avatar,.bubble{display:inline-grid;place-items:center;border-radius:999px;background:#202020!important;border:1px solid #3a3a3a!important;color:#eee}
.avatar{width:38px!important;height:38px!important}.bubble{width:42px!important;height:42px!important}
.navBtn{min-height:36px;padding:7px 14px;background:#181818}
.bellBtn{border:0;background:transparent;min-height:34px;padding:4px;color:#eee;font-size:20px}.userMenuWrap{position:relative}.userTrigger{display:flex;align-items:center;gap:10px;border:0;background:transparent!important;padding:0;color:#eee}.userTrigger:hover{background:transparent!important}.userMenu{position:absolute;right:0;top:calc(100% + 10px);width:240px;background:#181818;border:1px solid #333;border-radius:8px;box-shadow:0 18px 50px #0009;overflow:hidden;z-index:80}.userMenu:before{content:"";position:absolute;right:16px;top:-7px;width:12px;height:12px;background:#181818;border-left:1px solid #333;border-top:1px solid #333;transform:rotate(45deg)}.userMenu button{width:100%;justify-content:flex-start;border:0;border-radius:0;background:transparent!important;text-align:left;padding:12px 16px;color:#eee}.userMenu button:hover{background:#232323!important}.volumeLine{display:grid;grid-template-columns:22px 1fr 18px;gap:8px;align-items:center;padding:12px 16px;border-top:1px solid #2c2c2c;border-bottom:1px solid #2c2c2c;color:#bdbdbd}.volumeLine input{min-height:0;height:20px;padding:0}.logoutLine{color:#ff6b6b!important}

main{display:grid!important;grid-template-columns:var(--sidebar) minmax(0,1fr)!important;min-height:calc(100vh - var(--header))!important;background:var(--bg)!important}
.isGuest main{display:block!important}.isGuest aside{display:none!important}.isGuest .content{padding:0!important}
aside{position:sticky!important;top:var(--header)!important;height:calc(100vh - var(--header))!important;width:auto!important;background:#121212!important;border-right:1px solid var(--line)!important;padding:14px 10px!important;overflow:auto}
aside button,.sideLink{width:100%;display:flex;align-items:center;gap:10px;min-height:38px;margin:3px 0;padding:8px 10px;border:0;background:transparent;color:#e8e8e8;border-radius:8px;text-align:left;font-size:15px!important;font-weight:850}
aside button:hover,aside button.active,.sideLink:hover{background:#222!important;color:#fff;transform:none}
aside .sidePlay{color:#6be071!important}
aside .sidePlay::first-letter{color:#30d158}
aside .sideRank{color:#f5d35f!important}
aside .sidePremium{color:#f0c34f!important}
aside .sideHelp{color:#52b7ff!important}
aside hr{border:0;border-top:1px solid var(--line);margin:14px 0}
.tip{font-size:12px;line-height:1.35;color:#b8b8b8;background:#111827;border:1px solid #263246;border-radius:10px;padding:10px;margin-top:12px}
.mad{position:static!important;margin:18px 0 0 4px;font-size:20px!important;color:#bbb!important;font-weight:1000}
.content{min-width:0;padding:20px!important;background:var(--bg)!important;max-width:none!important}
.screen{animation:none}

.authShell{min-height:calc(100vh - var(--header));display:grid;place-items:center;padding:24px}
.authCard{width:min(520px,100%);background:var(--surface)!important;border:1px solid #252525!important;border-radius:12px!important;padding:34px 32px!important;box-shadow:0 18px 50px #0005!important}
.authCard h1{text-align:center;margin:0 0 30px;font-size:30px!important}
.authCard label{display:block;margin:14px 0 0;color:#e7e7e7;font-weight:850}
.labelRow{display:flex;justify-content:space-between;gap:12px;align-items:center}.labelRow a{color:var(--muted);font-size:13px;font-weight:700}
.formTwo{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.wideBtn{width:100%;margin-top:28px}
.authErr{min-height:18px;color:#ff7777;text-align:center}
.authSwitch{margin:30px -32px -34px;padding:22px;text-align:center;border-top:1px solid #272727;color:var(--muted)}
.authSwitch button{border:0;background:transparent;color:#fff;padding:0;min-height:0}
.uploadStub{height:132px;display:grid;place-items:center;gap:10px;color:var(--muted)}
.uploadStub span{display:grid;place-items:center;width:86px;height:86px;border-radius:999px;background:#262626;border:2px dashed #3a3a3a;font-size:34px}.uploadStub small{display:block}

.homeHero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.homeHero h1,.screen h1{font-size:30px!important;margin:0 0 8px;text-shadow:none!important;letter-spacing:-.03em}
.eyebrow{margin:0 0 4px;color:var(--amber);font-weight:1000;text-transform:uppercase;font-size:12px}
.ruleLead{margin:0;max-width:680px;color:var(--muted);line-height:1.45;font-size:14px}
.homeActions,.toolbar,.actionRow,.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.stats{display:grid!important;grid-template-columns:repeat(4,minmax(130px,1fr))!important;gap:10px!important;margin:12px 0 16px!important}
.dashCard,.stats>div{position:relative;min-height:86px!important;background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:10px!important;padding:14px!important}
.dashCard b,.stats b{display:block;color:#d8d8d8;font-size:13px}.dashCard span,.stats span{display:block;font-size:28px!important;font-weight:1000;line-height:1.1}.dashCard small{color:var(--muted)}.dashCard i{position:absolute;left:14px;right:14px;bottom:10px;height:5px;border-radius:99px;background:#ddd}
.homeGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:12px;align-items:start}
.sideStack{display:grid;gap:12px}
.panel,.card,.adminBox,.loginCard,.scoreCol,.miniChat,.mapWrap,.titleRow{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:10px!important;box-shadow:none!important;padding:14px!important}
.sectionTitle{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.sectionTitle h2,.rulesPanel h2,.card h2{margin:0;font-size:21px!important}.sectionTitle span{color:var(--muted);font-size:12px}
.joinStrip{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:10px}
.publicGame{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;border-width:1px 0 0!important;border-radius:0!important;background:transparent!important;padding:12px 6px!important}
.publicGame b{font-size:16px}.publicGame small,.publicGame em{display:block;color:var(--muted);font-style:normal;font-size:12px}.publicGame strong{display:inline-grid;place-items:center;min-width:38px;border:1px solid #444;border-radius:999px;padding:4px 8px}
.rulesList p{display:grid;grid-template-columns:28px 1fr;gap:10px;margin:10px 0;color:#d0d0d0;line-height:1.35}.rulesList b{color:var(--amber);font-size:18px}
.friendAdd{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:8px 0 10px}.friendAdd.wide{max-width:680px}.friendList{display:grid;gap:7px}.friendRow{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;background:#191919;border:1px solid var(--line);border-radius:8px;padding:9px}.friendRow small{display:block;color:var(--muted);font-size:12px}.friendList.large{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:12px}.friendsFull{min-height:70vh}
.wikiShell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px;align-items:start;max-width:1380px;margin:0 auto}
.wikiToc{position:sticky;top:calc(var(--header) + 18px);max-height:calc(100vh - var(--header) - 36px);overflow:auto;background:#111!important;border:1px solid var(--line);border-radius:10px;padding:14px}
.wikiGroup{border-bottom:1px solid #252525;padding:0 0 14px;margin:0 0 14px}.wikiGroup:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.wikiGroup b{display:block;color:#f0f0f0;font-size:13px;text-transform:uppercase;margin-bottom:8px}.wikiGroup a{display:block;color:#a8a8a8;padding:7px 10px;border-radius:7px}.wikiGroup a:hover{background:#222;color:#fff}
.wikiContent{display:grid;gap:22px}.wikiHero{padding:12px 0 4px}.wikiHero h1{font-size:38px!important;margin:0 0 6px!important}.wikiHero p{max-width:760px;color:var(--muted);font-size:17px;line-height:1.55;margin:0}
.wikiCards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border-bottom:1px solid var(--line);padding-bottom:22px}.wikiCards a{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px}.wikiCards a:hover{border-color:#555;background:#1b1b1b}.wikiCards span{display:grid;place-items:center;width:42px;height:42px;border-radius:9px;background:#242424;color:#eaeaea;font-size:22px}.wikiCards b{display:block;font-size:16px}.wikiCards small{display:block;color:var(--muted);margin-top:2px}
.wikiSection{scroll-margin-top:calc(var(--header) + 18px);padding:22px 0;border-bottom:1px solid #242424}.wikiSection h2{font-size:30px!important;margin:0 0 14px!important}.wikiSection h3{font-size:18px!important;margin:0 0 8px}.wikiSection p,.wikiSection li{font-size:16px;line-height:1.65;color:#e5e5e5}.wikiSection p{margin:0 0 12px}.wikiSection ul{margin:0;padding-left:24px}.wikiSection li{margin:8px 0}.wikiGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wikiGrid article,.wikiNote,.ruleSteps span{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px}.wikiGrid article p{color:#cfcfcf;font-size:15px;margin:0}.wikiNote{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:start;margin-top:12px}.wikiNote b{color:var(--amber)}.wikiNote span{color:#d5d5d5;line-height:1.55}.ruleSteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.ruleSteps b{display:block;font-size:20px}.ruleSteps small{display:block;color:var(--muted);line-height:1.45;margin-top:6px}

.modalOverlay{position:fixed!important;inset:0;z-index:80;display:grid;place-items:center;background:#000b;padding:16px}.modalOverlay.hidden{display:none!important}
.createModal{width:min(520px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:12px!important;padding:20px!important;box-shadow:0 24px 80px #000!important}
.modalHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modalHead h2{margin:0;font-size:24px!important}.iconBtn{width:38px!important;min-height:38px!important;padding:0!important;font-size:22px!important}
.createModal h3{margin:18px 0 8px;font-size:16px!important}.createModal label{display:block;margin-top:12px;font-weight:850}.modalActions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
.fieldHint{display:block;margin-top:8px;color:#bdbdbd;font-size:12px;line-height:1.35;font-weight:700}
.mapChoices{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mapChoice{height:92px!important;display:grid!important;place-items:center!important;align-content:center!important;gap:4px!important;padding:8px!important}.mapChoice.active{outline:2px solid #ddd!important}.mapChoice.locked{opacity:.45}.miniCz{width:52px;height:34px;background:#dfe5ec;clip-path:polygon(10% 12%,24% 0,48% 8%,70% 2%,94% 20%,84% 42%,98% 64%,75% 88%,51% 76%,25% 96%,8% 68%,16% 42%);display:block}.miniSk{width:58px;height:28px;background:#dfe5ec;clip-path:polygon(0 50%,8% 24%,18% 18%,30% 30%,45% 18%,62% 24%,78% 14%,96% 32%,100% 52%,86% 72%,66% 80%,47% 72%,32% 86%,15% 74%);display:block}
.mapPreview{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:10px 12px;border:1px solid #303030;border-radius:10px;background:#151515}.mapPreview b{display:block}.mapPreview small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.mapPreview .miniCz,.mapPreview .miniSk{background:#eef3f8}
.setCheckLine{display:flex;gap:10px;background:#191919!important;border:1px solid var(--line)!important;border-radius:8px!important;padding:10px!important;margin:7px 0}.setCheckLine input{width:auto;accent-color:var(--amber)}.setCheckLine small{display:block;color:var(--muted);font-size:12px}

.titleRow{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px!important}.titleRow h1{font-size:28px!important;margin:0 0 8px}.pill{display:inline-flex;align-items:center;background:#2b2b2b;border-radius:999px;padding:6px 10px;margin:3px;color:#eee}
.grid{display:grid!important;grid-template-columns:minmax(220px,.85fr) minmax(300px,1.25fr) minmax(230px,.8fr)!important;gap:12px!important}.card{min-height:360px!important}.card.chat,.miniChat{display:flex;flex-direction:column}
.player,.score{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#1d1d1d!important;border:1px solid #333!important;border-radius:10px!important;padding:11px!important;margin:8px 0!important}.player.blue,.score.blue{border-color:var(--blue)!important}.player.red,.score.red{border-color:var(--red)!important}.player.green,.score.green{border-color:var(--green)!important}.player.orange,.score.orange{border-color:var(--orange)!important}.player.purple,.score.purple{border-color:#8b6ee8!important}.pname{display:flex;align-items:center;gap:10px;min-width:0}.pname span:last-child{min-width:0}.pname b{font-size:16px}.pname small{color:var(--muted);font-size:12px}.hearts{color:#ff5a5a;letter-spacing:1px}.ready{color:var(--green)}
.premiumTag{display:inline-flex!important;align-items:center!important;margin-left:5px!important;padding:2px 7px!important;border-radius:999px!important;background:#3a2a08!important;border:1px solid #f0b42955!important;color:#ffd76a!important;font-size:10px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.04em!important}.profilePremium{vertical-align:middle!important;font-size:11px!important}
.setRow,.leaderRow,.adminSetCard,.questionItem{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#191919!important;border:1px solid var(--line)!important;border-radius:8px!important;padding:10px!important;margin:7px 0!important}.setRow b:last-child{min-width:38px;text-align:center;border:1px solid #444;border-radius:999px;padding:4px 8px}
#leaderboard{margin-top:14px!important;padding:18px!important}
#leaderTitle{margin:0 0 12px!important;font-size:26px!important}
#leaderRows{display:grid;gap:8px}
.leaderFilters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}.leaderFilters button{min-height:36px!important;padding:7px 11px!important}.leaderFilters .active{background:#eee!important;color:#111!important;border-color:#fff!important}
.leaderCard{width:100%;display:grid!important;grid-template-columns:54px 42px minmax(0,1fr) auto;align-items:center;gap:12px;text-align:left;background:linear-gradient(180deg,#1b1b1b,#151515)!important;border:1px solid var(--line)!important;border-radius:10px!important;padding:10px 12px!important}
.leaderCard:hover{border-color:#555!important;background:#202020!important}
.leaderCard .rankNo{font-size:18px;font-weight:1000;color:#cfcfcf}
.leaderCard .leaderName b{display:block;font-size:17px}
.leaderCard .leaderName small{display:block;color:var(--muted);font-size:12px;line-height:1.35}
.leaderCard strong{font-size:18px;color:#eee;white-space:nowrap}
.leaderCard.rankGold{border-color:#7a5a18!important;background:linear-gradient(180deg,#221b0d,#17140d)!important}
.leaderCard.rankSilver{border-color:#5d6470!important}
.leaderCard.rankBronze{border-color:#785238!important}
.msg{background:#111827!important;border:1px solid #263246!important;border-radius:8px!important;padding:8px 10px!important;margin:7px 0!important;color:#e5e5e5;overflow-wrap:anywhere}
.questionCapacity{margin:0 0 10px;padding:10px 12px;border-radius:10px;border:1px solid #2f3b4b;background:#101722}.questionCapacity b{display:block}.questionCapacity small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.questionCapacity.warn{border-color:#7a4f18;background:#20170b}.questionCapacity.ok{border-color:#235b36;background:#0d1c13}.mapStats{margin-top:12px}
#chat,#playChat{flex:1;min-height:160px;overflow:auto}.chatInput{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;margin-top:8px}.chatInput button{width:44px;padding:0}

.gameHudTop{display:flex!important;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px;background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:10px!important;padding:8px!important}.gameHudTop b{margin-right:auto}.gameHudTop button{min-height:34px;font-size:12px;padding:7px 9px}
.gameLayout{display:grid!important;grid-template-columns:220px minmax(0,1fr) 240px!important;gap:10px!important;height:auto!important;min-height:calc(100vh - var(--header) - 50px)!important}
.scoreCol,.miniChat,.mapWrap{padding:10px!important;overflow:auto!important}.scoreCol h2,.miniChat h2{font-size:17px!important;margin:0 0 8px!important}
.score.hudPlayer{display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;gap:8px!important;padding:9px!important}.score.hudPlayer .bubble{width:36px!important;height:36px!important}.score.hudPlayer b{font-size:14px}.score.hudPlayer small,.score.hudPlayer em{display:block;color:var(--muted);font-size:11px;font-style:normal}.hp{height:5px;background:#2a2a2a;border-radius:99px;overflow:hidden;margin:5px 0}.hp i{display:block;height:100%;background:#ddd}
.mapWrap{position:relative!important;min-height:460px!important;background:radial-gradient(circle at 50% 45%,#232323,#111 62%,#0b0b0b)!important;overflow:hidden!important}
#map{position:relative!important;min-height:440px!important;width:100%!important}.svgMap{display:block!important;width:min(100%,1120px)!important;height:420px!important;min-height:0!important;margin:0 auto!important;padding:54px 8px 16px!important;background:transparent!important;overflow:visible!important}.svgRegion path,.svgRegion polygon{fill:#3a3a3d!important;stroke:#ececec!important;stroke-width:4.2!important;filter:drop-shadow(0 2px 2px #0008)!important;transition:fill .18s,stroke .18s,opacity .18s!important}.svgRegion.blue path,.svgRegion.blue polygon{fill:#4d7ee8!important}.svgRegion.red path,.svgRegion.red polygon{fill:#df4f4f!important}.svgRegion.green path,.svgRegion.green polygon{fill:#2f8a55!important}.svgRegion.yellow path,.svgRegion.yellow polygon{fill:#9b7a2a!important}.svgRegion.purple path,.svgRegion.purple polygon{fill:#6e56b7!important}.svgRegion.neutral path{fill:#3b3b40!important}.svgRegion.selectableRegion{cursor:pointer}.svgRegion.selectableRegion:hover path{fill:#71747c!important;stroke:#fff!important}.svgRegion.targetRegion path{stroke:#ffca54!important;stroke-width:7!important}.svgRegion text{pointer-events:none;fill:#fff!important;stroke:#111!important;stroke-width:3.8!important;font-size:22px!important;font-weight:1000!important;paint-order:stroke!important}.svgRegion .value{font-size:20px!important}.mapTitle{position:absolute!important;right:16px!important;top:12px!important;min-width:210px!important;background:#151515e8!important;border:1px solid var(--line)!important;border-radius:10px!important;padding:10px 12px!important;z-index:3;box-shadow:0 14px 35px #0007!important}.mapTitle b{font-size:16px}.mapTitle span{display:block;color:var(--muted);font-size:11px;margin-top:2px}.battleLine{display:flex;gap:6px;flex-wrap:wrap;color:#d8d8d8;font-size:12px;margin-top:5px}.battleLine i{color:var(--amber);font-style:normal}.atkName{color:#ffb2b2}.defName{color:#adc3ff}.mapHint{position:absolute;left:14px;top:14px;background:#151515d9;border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:#ddd;font-size:12px;z-index:3}.mapLegend{position:absolute;left:10px;bottom:8px;background:#151515d9;border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:11px;color:#bbb}.lg{display:inline-block;width:9px;height:9px;border-radius:3px;margin:0 4px 0 8px}.lg.blue{background:var(--blue)}.lg.red{background:var(--red)}.lg.neutral{background:#555}
.questionBox{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(640px,calc(100% - 24px))!important;max-height:calc(100% - 24px)!important;overflow:auto!important;background:#181818f6!important;border:1px solid #383838!important;border-radius:12px!important;padding:14px!important;box-shadow:0 18px 70px #000b!important;z-index:8}.questionBox:before{display:none!important}.questionBox small{display:inline-flex;background:#252525;border-radius:8px;padding:5px 8px;color:#aaa;font-size:12px}.questionBox h2{font-size:clamp(18px,2vw,25px)!important;line-height:1.22!important;margin:8px 0 12px!important}.ans{width:100%;display:flex;align-items:center;gap:9px;min-height:44px!important;margin:7px 0!important;padding:9px 11px!important;background:#252525!important;border:1px solid #3a3a3a!important;border-radius:8px!important;text-align:left;font-size:15px!important}.ans:hover:not(:disabled){background:#303030!important}.ansDot{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#23375c;color:#b9d0ff}.timer{height:7px;background:#2a2a2a;border-radius:99px;overflow:hidden;margin-top:10px}.timer span{display:block;height:100%;background:#e4e4e4}.answeredNote{font-size:12px;color:#bbb;margin-top:8px}
.questionBox.imageQuestion{width:min(820px,calc(100% - 24px))!important}.questionBox.imageQuestion #answers{display:grid!important;grid-template-columns:minmax(260px,1fr) minmax(190px,.8fr)!important;gap:9px}.questionMedia{grid-row:1 / span 5;display:grid;place-items:center;min-height:210px;background:#242424;border:1px solid #3a3a3a;border-radius:8px;overflow:hidden}.questionMedia img{max-width:100%;max-height:280px;object-fit:contain}
.gameOverPanel{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);z-index:9;display:flex;align-items:center;gap:12px;max-width:calc(100% - 24px);background:#151515f2;border:1px solid #343434;border-radius:10px;padding:10px 12px;box-shadow:0 16px 50px #0008}.gameOverPanel b{font-size:18px}.gameOverPanel span{color:#cfcfcf}.gameOverPanel button{min-height:34px!important;padding:7px 10px!important}
.keypadAnswer{width:min(320px,100%);margin:auto}.answerDisplay{height:42px;display:grid;place-items:center;text-align:center;font-size:22px;font-weight:1000;letter-spacing:.04em;background:#080808;border:1px solid #3a3d43;border-radius:8px;margin-bottom:8px;color:#f3f4f6}.numGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.numGrid button{height:40px;font-size:19px}.datePad{grid-template-columns:repeat(5,1fr)}.numActions{display:grid;grid-template-columns:48px 1fr 1fr;gap:6px;margin-top:6px}.numActions button{height:38px!important;min-height:38px!important;padding:0 8px!important}.numSubmit{background:#2d6b36!important;border-color:#347c40!important}.numBack{background:#3b4350!important}.numClear{background:#252525!important}.typedAnswer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.typedAnswer input{height:48px!important;font-size:18px!important}.dateAnswer{width:min(360px,100%);margin:auto}
.attackFx{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;font-size:76px;font-weight:1000;z-index:20;animation:fxPop .6s ease forwards}.attackFx.good{color:var(--green)}.attackFx.bad{color:var(--red)}@keyframes fxPop{0%{opacity:0;transform:scale(.85)}35%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.2)}}

.adminGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.adminTools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.dashGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.dashGrid>div{background:#191919;border:1px solid var(--line);border-radius:8px;padding:10px}.toast{position:fixed;right:16px;bottom:16px;background:#e8e8e8;color:#111;border-radius:8px;padding:10px 12px;box-shadow:0 12px 40px #0008;opacity:0;pointer-events:none;transform:translateY(8px);transition:.18s;z-index:100}.toast.show{opacity:1;transform:none}

.setsStudio{display:grid;grid-template-columns:minmax(300px,.86fr) minmax(420px,1.14fr);gap:12px;align-items:start;max-width:1240px;margin:0 auto}
.setsStudio .panel{min-height:0}
.setsStudio h1{margin:0;font-size:28px!important}
.setsStudio h2{margin:0 0 10px;font-size:22px!important}
.setsStudio .row{align-items:end}
.setsStudio label{display:grid;gap:6px;color:#d7d7d7;font-weight:850;min-width:150px}
.adminSetCard.pending{border-color:#7a5a18!important;background:linear-gradient(180deg,#21180b,#17130d)!important}
.adminSetCard .badge,.setRow .badge{display:inline-flex;align-items:center;border:1px solid #444;border-radius:999px;padding:3px 8px;color:#bbb;font-size:11px;margin-left:6px}
.adminSetCard .badge.pending,.setRow .badge.pending{border-color:#7a5a18;color:#f4c44f;background:#2a210f}
.miniBtn.danger{border-color:#7c333a!important;background:#3a171b!important;color:#ff8b8b!important}
.questionItem{align-items:flex-start!important}
.questionItem>span{min-width:0}.questionItem b{display:block;overflow-wrap:anywhere}.questionItem small{display:block;color:var(--muted);line-height:1.35}
.resultOptions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.resultOption{position:relative;min-height:58px;background:#222;border:1px solid #3a3a3a;border-radius:9px;padding:10px 12px;overflow:hidden}
.resultOption.picked{background:var(--answer-bg,#333)!important;border-color:#f0c84c!important;color:#fff}
.resultOption.correct{background:#2b2b2b;border-color:#f0c84c;box-shadow:0 0 0 2px #f0c84c66;color:#fff}
.resultOption.correct.picked,.resultOption.hit{background:var(--answer-bg,#333)!important;border-color:#f0c84c!important}
.resultOption b{display:block;position:relative;z-index:1;overflow-wrap:anywhere;text-align:center;font-size:16px}.resultOption small{display:block;position:relative;z-index:1;color:#f2f2f2cc;font-size:11px;line-height:1.35;margin-top:4px;text-align:center}
.pickDots{position:absolute;right:8px;top:8px;display:flex;gap:4px;z-index:2}.pickDot{display:grid;place-items:center;width:22px;height:22px;border-radius:999px;border:2px solid #111;background:#555;color:#fff;font-size:11px;font-weight:900}.pickDot.red{background:var(--red)}.pickDot.blue{background:var(--blue)}.pickDot.green{background:var(--green)}.pickDot.orange{background:var(--orange)}.pickDot.purple{background:#8b6ee8}

body.wikiMode{overflow:hidden!important}
body.wikiMode main{display:block!important;min-height:calc(100vh - var(--header))!important}
body.wikiMode #side{display:none!important}
body.wikiMode .content{height:calc(100vh - var(--header))!important;overflow:hidden!important;padding:0!important}
body.wikiMode #helpScreen{height:100%!important;overflow:auto!important;overflow-x:hidden!important;padding:0 clamp(14px,4vw,56px) 18px!important;scroll-behavior:smooth}
body.wikiMode .wikiShell{display:block!important;max-width:1120px!important;margin:0 auto!important;min-height:0!important}
body.wikiMode .wikiToc{display:flex!important;position:sticky!important;top:0!important;z-index:3;max-height:none!important;overflow-x:auto!important;overflow-y:hidden!important;gap:8px;margin:0 0 14px!important;padding:10px!important;background:#101010f4!important;backdrop-filter:blur(14px);border-radius:0 0 10px 10px}
body.wikiMode .wikiGroup{display:flex!important;align-items:center!important;gap:6px!important;border:0!important;margin:0!important;padding:0!important;min-width:max-content}
body.wikiMode .wikiGroup b{margin:0 6px 0 0!important;font-size:11px!important;color:#d7d7d7}
body.wikiMode .wikiGroup a{display:inline-flex!important;padding:6px 9px!important;font-size:12px!important;background:#1b1b1b;border:1px solid #292929}
body.wikiMode .wikiContent{max-width:1040px;margin:0 auto;padding-bottom:54px}
body.wikiMode .wikiHero{padding-top:0!important}
body.wikiMode .wikiSection:first-of-type{padding-top:12px!important}
body.wikiMode .wikiCards{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important}
body.wikiMode .wikiGrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important}
body.wikiMode .ruleSteps{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important}

@media(max-width:1180px){
  :root{--sidebar:210px}
  .homeGrid,.grid,.gameLayout,.adminGrid{grid-template-columns:1fr!important}
  .card{min-height:auto!important}
  .scoreCol{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}
  .mapWrap{min-height:430px!important}.svgMap{height:390px!important}.miniChat{min-height:210px}
  .wikiShell{grid-template-columns:1fr}.wikiToc{position:relative;top:auto;max-height:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wikiGroup{border:0;margin:0;padding:0}
  .setsStudio{grid-template-columns:1fr}
}
@media(max-width:760px){
  :root{--header:58px}
  header{padding:0 12px!important}.brand{font-size:21px!important}.logo{width:32px!important;height:32px!important}.hamb{display:inline-grid!important;place-items:center;width:36px;padding:0}
  nav a{display:none}nav{gap:8px}.navBtn{padding:6px 10px}
  main{display:block!important}.content{padding:10px!important}
  aside{position:fixed!important;left:-260px;top:var(--header)!important;width:250px!important;height:calc(100vh - var(--header))!important;z-index:70;transition:left .18s}aside.open{left:0}
  .homeHero{display:block}.homeActions{display:grid}.stats{grid-template-columns:1fr!important}.authShell{padding:14px}.authCard{padding:24px 18px!important}.authSwitch{margin:24px -18px -24px}.formTwo{grid-template-columns:1fr}.mapChoices{grid-template-columns:repeat(2,1fr)}
  .wikiShell{gap:14px}.wikiToc{grid-template-columns:1fr}.wikiHero h1{font-size:30px!important}.wikiHero p{font-size:15px}.wikiCards,.wikiGrid,.ruleSteps{grid-template-columns:1fr}.wikiSection h2{font-size:24px!important}.wikiSection p,.wikiSection li{font-size:15px}.wikiNote{grid-template-columns:1fr}
  .resultOptions{grid-template-columns:1fr}
  .titleRow{display:block}.actionRow{display:grid;grid-template-columns:1fr 1fr}.actionRow button{width:100%}
  .mapWrap{min-height:360px!important}#map{min-height:340px!important}.svgMap{height:330px!important;padding-top:66px!important}.mapLegend{display:none}.mapTitle{left:10px!important;right:10px!important;min-width:0!important}.mapHint{top:auto;bottom:10px;left:10px;right:10px;text-align:center}.questionBox,.questionBox.imageQuestion{position:fixed!important;width:calc(100vw - 20px)!important;max-height:78vh!important}.questionBox.imageQuestion #answers{grid-template-columns:1fr!important}.questionMedia{grid-row:auto;min-height:170px}
}

/* Game polish pass */
.gameHudTop{min-height:44px!important;padding:6px 8px!important}.gameHudTop button{min-height:32px!important}
.gameLayout{grid-template-columns:210px minmax(0,1fr) 230px!important}
.mapWrap{padding:0!important;min-height:calc(100vh - var(--header) - 66px)!important;background:linear-gradient(180deg,#202020,#121212)!important}
#map{min-height:inherit!important;height:100%!important}
.svgMap{height:min(64vh,650px)!important;padding:70px 18px 28px!important;max-width:1180px!important}
.countryShadow{fill:url(#countryShade);stroke:#ffffff14;stroke-width:16;opacity:.55;filter:drop-shadow(0 18px 42px #000b)}
.wikimediaMap{opacity:.16;filter:grayscale(1) contrast(1.25) brightness(.75);pointer-events:none}
.czechRegions{transform-box:fill-box;transform-origin:center}.svgRegion path{fill-rule:evenodd!important;clip-rule:evenodd!important;stroke-width:3.2!important;stroke-linejoin:round!important;stroke-linecap:round!important}
.svgRegion.neutral path{fill:#3f4046!important}.svgRegion.attackerRegion path{filter:drop-shadow(0 0 10px #ffffff20)!important}
.svgRegion.selectableRegion path{animation:selectPulse 1.55s ease-in-out infinite}
.svgRegion.selectableRegion:hover path{fill:#737780!important;stroke:#fff!important;stroke-width:5.2!important}
.svgRegion.targetRegion path{stroke:#f4aa2a!important;stroke-width:7!important;filter:drop-shadow(0 0 14px #f4aa2a66)!important}
@keyframes selectPulse{0%,100%{opacity:1}50%{opacity:.78}}
.attackVector{pointer-events:none}.attackVector path{fill:none;stroke:#f4aa2a;stroke-width:5;stroke-linecap:round;stroke-dasharray:16 12;filter:drop-shadow(0 0 10px #f4aa2aaa);animation:dashMove 1s linear infinite}.attackVector circle{fill:#f4aa2a;stroke:#fff;stroke-width:4;filter:drop-shadow(0 0 14px #f4aa2a)}
@keyframes dashMove{to{stroke-dashoffset:-28}}
.mapTitle{right:14px!important;top:14px!important;min-width:260px!important;padding:11px 12px!important;background:#151515f0!important}.hudProgress{height:6px;background:#292929;border-radius:999px;overflow:hidden;margin-top:9px}.hudProgress i{display:block;height:100%;background:#e8e8e8;border-radius:999px}
.mapHint{font-weight:850}.mapTooltip{position:absolute;z-index:10;min-width:210px;max-width:240px;background:#181818f5;border:1px solid #393939;border-radius:8px;padding:9px 10px;box-shadow:0 16px 45px #0009;pointer-events:none;opacity:0;transform:translateY(4px);transition:.12s}.mapTooltip.show{opacity:1;transform:none}.mapTooltip b{display:block;font-size:14px;margin-bottom:4px}.mapTooltip span,.mapTooltip small{display:block;color:#bdbdbd;font-size:12px;line-height:1.3}
.questionBox{width:min(700px,calc(100% - 28px))!important;padding:16px!important}.questionBox h2{font-size:clamp(19px,2vw,26px)!important}.questionBox.textQuestion #answers{display:grid;grid-template-columns:1fr 1fr;gap:9px}.questionBox.textQuestion .ans{margin:0!important;min-height:52px!important}.questionBox.numericQuestion{width:min(430px,calc(100% - 28px))!important}.questionBox.numericQuestion h2{text-align:center}.questionBox.imageQuestion{width:min(930px,calc(100% - 28px))!important}.questionBox.imageQuestion #answers{grid-template-columns:minmax(340px,1.25fr) minmax(230px,.75fr)!important;align-items:stretch}.questionBox.imageQuestion .ans{margin:0!important;min-height:70px!important}.questionMedia{min-height:320px!important}.questionMedia img{max-height:360px!important}
.gameOverPanel{display:grid!important;grid-template-columns:auto minmax(260px,1fr) auto;align-items:center!important;width:min(760px,calc(100% - 28px));bottom:18px!important}.gameOverPanel>div b{display:block}.gameOverPanel ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px;margin:0;padding:0;list-style:none}.gameOverPanel li{background:#202020;border:1px solid #333;border-radius:8px;padding:7px 8px}.gameOverPanel li b,.gameOverPanel li span{display:block;font-size:12px}.gameOverPanel li span{color:#aaa}
.score.hudPlayer{min-height:74px!important}.score.hudPlayer.attacker{background:#2a1717!important;border-color:#ef5252!important}.score.hudPlayer.defender{background:#141d31!important;border-color:#4b7dff!important}

@media(max-width:1180px){
  .gameLayout{grid-template-columns:1fr!important;min-height:0!important}.scoreCol{order:1}.mapWrap{order:2;min-height:620px!important}.miniChat{order:3}.scoreCol{display:flex!important;overflow:auto!important}.score.hudPlayer{min-width:220px!important}.svgMap{height:520px!important}.gameOverPanel{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .gameHudTop b{width:100%;margin:0}.gameHudTop button{flex:1}.mapWrap{min-height:calc(100vh - var(--header) - 104px)!important}.svgMap{height:430px!important;padding:92px 4px 40px!important}.svgRegion text{font-size:18px!important}.svgRegion .value{font-size:17px!important}.mapTitle{left:10px!important;right:10px!important;top:10px!important;min-width:0!important}.mapHint{font-size:11px}.mapTooltip{display:none}.questionBox.textQuestion #answers,.questionBox.imageQuestion #answers{grid-template-columns:1fr!important}.questionBox{padding:14px!important}.questionMedia{min-height:190px!important}.questionMedia img{max-height:220px!important}.gameOverPanel{position:fixed!important;bottom:10px!important;width:calc(100vw - 20px)!important;max-height:48vh;overflow:auto}.userMenu{right:-4px;width:min(240px,calc(100vw - 16px))}
}

/* Strategy rules and compact UI */
.lobbySet{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;background:#181818;border:1px solid var(--line);border-radius:8px;padding:10px;margin:7px 0;cursor:pointer}.lobbySet.active{border-color:#4b7dff;background:#111827}.lobbySet input{accent-color:#4b7dff;width:18px;height:18px}.lobbySet span{min-width:0}.lobbySet b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobbySet small{display:block;color:var(--muted);font-size:12px;line-height:1.3}.lobbySet em{font-style:normal;min-width:36px;text-align:center;border:1px solid #3a3a3a;border-radius:999px;padding:4px 8px;color:#e5e5e5}
.turnTimeline{position:absolute;left:14px;right:292px;top:14px;z-index:4;display:flex;gap:6px;align-items:center;overflow:hidden;pointer-events:none}.turnTimeline span{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#171717dd;border:1px solid #333;border-radius:999px;padding:6px 9px;color:#aaa;font-size:11px;font-weight:900}.turnTimeline span.done{color:#66d186;border-color:#255f39}.turnTimeline span.now{color:#fff;background:#2a1717;border-color:#ef5252;box-shadow:0 0 0 2px #ef525233}
.playerLegend{position:absolute;left:10px;bottom:8px;z-index:4;display:flex;gap:6px;flex-wrap:wrap;max-width:calc(100% - 20px);background:#151515d9;border:1px solid var(--line);border-radius:999px;padding:5px 8px;color:#bbb;font-size:11px}.playerLegend span{display:inline-flex;align-items:center;gap:5px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playerLegend i{display:inline-block;width:10px;height:10px;border-radius:3px}.playerLegend i.blue{background:var(--blue)}.playerLegend i.red{background:var(--red)}.playerLegend i.green{background:var(--green)}.playerLegend i.orange{background:var(--orange)}.playerLegend i.yellow{background:#d7a529}.playerLegend i.purple{background:#8b6ee8}.playerLegend i.neutral{background:#555}
.svgRegion.blockedRegion{opacity:.42}.svgRegion.blockedRegion path{stroke:#777!important;fill:#303034!important;stroke-dasharray:10 9!important}.svgRegion.blockedRegion text{fill:#bbb!important}
.replayLog{margin:0;padding:0;list-style:none;display:grid;gap:6px}.replayLog li{font-size:12px;color:#ddd;background:#1d1d1d;border:1px solid #333;border-radius:8px;padding:7px 8px}
.gameOverPanel{grid-template-columns:minmax(150px,.65fr) minmax(220px,1fr) minmax(180px,.8fr) auto!important}
.profilePage{display:grid;gap:12px;max-width:980px}
.profilePageHero{display:grid;grid-template-columns:84px minmax(0,1fr) auto;gap:16px;align-items:center;background:linear-gradient(135deg,#151515,#111827)!important;border:1px solid #283246;border-radius:12px;padding:18px}
.avatar.big{width:72px!important;height:72px!important;font-size:28px}
.profilePageHero h1{margin:0 0 4px!important;font-size:34px!important}
.profilePageHero p:not(.eyebrow),.profilePageHero small{color:#b9c0cb}
.xpBar{height:7px;background:#283244;border-radius:999px;overflow:hidden;margin:8px 0}.xpBar i{display:block;height:100%;background:#e5e7eb}
.profileStats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0}.profileStats span{background:#191919;border:1px solid var(--line);border-radius:8px;padding:12px;text-align:center}.profileStats b{display:block;font-size:24px}.profileStats small{color:var(--muted)}
.profileActions{display:flex;justify-content:flex-end}
.profileHistory h2{margin:0 0 10px!important}
.profileHistoryRow{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#191919;border:1px solid var(--line);border-radius:8px;padding:10px;margin:7px 0}.profileHistoryRow small{display:block;color:var(--muted)}.profileHistoryRow strong{white-space:nowrap}.emptyState.compact{padding:10px;margin:0}

@media(max-width:1180px){
  .turnTimeline{right:14px;top:58px}.mapTitle{max-width:calc(100% - 28px)}.playerLegend{position:static;margin:8px 10px 0;border-radius:8px}.gameOverPanel{grid-template-columns:1fr!important}.replayLog{grid-template-columns:1fr}
}
@media(max-width:760px){
  .turnTimeline{left:10px;right:10px;top:68px;overflow:auto}.turnTimeline span{min-width:max-content}.playerLegend{display:none}.lobbySet{grid-template-columns:auto minmax(0,1fr)}.lobbySet em{display:none}.profileStats{grid-template-columns:repeat(2,1fr)}.profilePageHero{grid-template-columns:56px 1fr}.profileActions{grid-column:1/-1;justify-content:flex-start}.avatar.big{width:56px!important;height:56px!important}.profilePageHero h1{font-size:24px!important}.gameOverPanel{left:10px!important;right:10px!important;transform:none!important}
}

/* Real Czech map + no-scroll question overlay */
body.inGame{overflow:hidden!important}
body.inGame .content{height:calc(100vh - var(--header))!important;overflow:hidden!important}
body.inGame #play{height:100%!important;overflow:hidden!important}
body.inGame .gameLayout{height:calc(100vh - var(--header) - 54px)!important;min-height:0!important;grid-template-columns:220px minmax(0,1fr) 250px!important;gap:10px!important}
body.inGame .scoreCol,body.inGame .miniChat{min-height:0!important;overflow:auto!important}
body.inGame .mapWrap{min-height:0!important;height:100%!important;overflow:hidden!important;padding:0!important;background:radial-gradient(circle at 50% 46%,#20232a 0,#121722 54%,#070b12 100%)!important}
body.inGame #map{height:100%!important;min-height:0!important;display:grid!important;place-items:center!important}
body.inGame .svgMap{width:min(100%,1180px)!important;height:100%!important;max-height:100%!important;min-height:0!important;padding:56px 14px 28px!important;overflow:visible!important;background:transparent!important;filter:drop-shadow(0 18px 32px rgba(0,0,0,.45))!important}
.svgRegion path{fill:#3b3d43!important;stroke:#f2f4f7!important;stroke-width:2.4!important;stroke-linejoin:round!important;stroke-linecap:round!important;fill-rule:evenodd!important;clip-rule:evenodd!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.55))!important;transition:fill .16s ease,stroke .16s ease,opacity .16s ease!important}
.svgRegion.neutral path{fill:#393b42!important}.svgRegion.blue path{fill:#4d7ee8!important}.svgRegion.red path{fill:#df4f4f!important}.svgRegion.green path{fill:#2f8a55!important}.svgRegion.orange path{fill:#c77822!important}.svgRegion.yellow path{fill:#9b7a2a!important}.svgRegion.purple path{fill:#6e56b7!important}
.svgRegion.selectableRegion path{cursor:pointer;animation:selectPulse 1.4s ease-in-out infinite}.svgRegion.selectableRegion:hover path{fill:#737780!important;stroke:#fff!important;stroke-width:3.4!important}.svgRegion.targetRegion path{stroke:#f4c44f!important;stroke-width:4.4!important;filter:drop-shadow(0 0 12px rgba(244,196,79,.45))!important}.svgRegion.blockedRegion path{fill:#2d3037!important;stroke:#737680!important;stroke-dasharray:7 7!important}
.svgRegion text{pointer-events:none!important;fill:#fff!important;stroke:#11151f!important;stroke-width:3px!important;font-size:15px!important;font-weight:900!important;paint-order:stroke!important;letter-spacing:0!important}.svgRegion .value{font-size:14px!important}
body.inGame .mapTitle{top:12px!important;left:auto!important;right:14px!important;min-width:280px!important;max-width:min(430px,calc(100% - 28px))!important;padding:10px 12px!important;z-index:8!important}
body.inGame .turnTimeline{left:14px!important;right:460px!important;top:14px!important;z-index:8!important}
body.inGame .playerLegend{left:14px!important;bottom:10px!important;z-index:8!important}
body.inGame .mapHint{left:14px!important;top:auto!important;bottom:46px!important;z-index:8!important}
body.inGame .questionBox{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(700px,calc(100vw - 40px))!important;max-height:min(78vh,620px)!important;overflow:hidden!important;padding:14px!important;z-index:120!important;background:#121417f7!important;border:1px solid #3a3d43!important;border-radius:14px!important;box-shadow:0 24px 90px rgba(0,0,0,.72),0 0 0 9999px rgba(0,0,0,.50)!important}
body.inGame .questionBox small{display:inline-flex!important;max-width:100%!important;background:#24272d!important;border:1px solid #393d45!important;border-radius:8px!important;color:#b8bec9!important;padding:4px 8px!important;font-size:12px!important;font-weight:800!important}
body.inGame .questionBox h2{font-size:clamp(17px,1.9vw,25px)!important;line-height:1.16!important;margin:8px 0 10px!important;max-height:70px!important;overflow:hidden!important}
body.inGame #answers{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
body.inGame .ans{min-height:48px!important;margin:0!important;padding:10px 12px!important;border-radius:9px!important;background:#24262a!important;border:1px solid #393d43!important;font-size:15px!important;line-height:1.2!important;box-shadow:none!important}
body.inGame .ans:hover:not(:disabled){background:#30343b!important;border-color:#e7eaf0!important}.ans b{white-space:normal!important;overflow-wrap:anywhere!important}.ansDot,.ans span{width:24px!important;height:24px!important;min-width:24px!important;margin-right:8px!important;border-radius:7px!important;background:#314565!important;color:#dbe9ff!important;border:0!important}
body.inGame .timer{height:8px!important;margin-top:10px!important;background:#2a2d33!important;border:0!important}.timer span{background:#e8eaed!important}
body.inGame .questionBox.imageQuestion{width:min(920px,calc(100vw - 40px))!important}.questionBox.imageQuestion #answers{grid-template-columns:minmax(280px,1.1fr) minmax(220px,.75fr)!important;align-items:stretch!important}.questionMedia{grid-row:1 / span 4!important;min-height:250px!important;max-height:390px!important;background:#202226!important;border:1px solid #3a3d43!important;border-radius:10px!important}.questionMedia img{max-height:370px!important;object-fit:contain!important}
body.inGame .questionBox.numericQuestion,body.inGame .questionBox.dateQuestion{width:min(430px,calc(100vw - 36px))!important}.questionBox.numericQuestion #answers,.questionBox.dateQuestion #answers{grid-template-columns:1fr!important}.keypadAnswer{width:min(300px,100%)!important}.answerDisplay{height:40px!important;font-size:20px!important}.numGrid button{height:38px!important;font-size:18px!important}
body.inGame .questionBox.prepQuestion{width:min(420px,calc(100vw - 36px))!important;text-align:center!important}

body.inGame .questionBox.imageQuestion{width:min(980px,calc(100vw - 42px))!important}
body.inGame .questionBox.imageQuestion #answers{grid-template-columns:minmax(380px,1.35fr) minmax(250px,.85fr)!important;gap:12px!important}
body.inGame .questionBox.imageQuestion .choiceAns{min-height:66px!important;justify-content:center;text-align:center;font-size:17px!important}
body.inGame .questionBox.imageQuestion .choiceAns .ansDot{position:absolute;left:12px}
body.inGame .questionBox.choiceResult #answers{grid-template-columns:1fr!important}
body.inGame .questionBox.choiceResult.imageQuestion #answers{grid-template-columns:minmax(380px,1.2fr) minmax(260px,.8fr)!important}
body.inGame .questionBox.choiceResult.imageQuestion .battleAnswers{grid-column:2;grid-row:1}
body.inGame .questionBox.choiceResult.imageQuestion .resultMedia{grid-column:1;grid-row:1 / span 3}
body.inGame .questionBox.choiceResult .resultRows{max-height:142px;overflow:auto}
body.inGame .questionBox.choiceResult .resultSummary{font-size:15px;color:#e8e8e8;margin:8px 0}
.prepCount{display:grid;place-items:center;width:96px;height:96px;margin:6px auto;border-radius:999px;background:#20242b;border:1px solid #424852;font-size:48px;font-weight:1000;color:#f3f4f6;box-shadow:inset 0 0 0 10px #11151b}
.prepHint{grid-column:1/-1;color:#aeb4bf;font-size:13px}
body.inGame .questionBox.resultQuestion{width:min(620px,calc(100vw - 36px))!important;max-height:min(82vh,720px)!important;overflow:auto!important}
body.inGame .questionBox.resultQuestion #answers{display:block!important}
.targetRings{position:relative;width:min(330px,70vw);aspect-ratio:1;margin:4px auto 14px;border-radius:999px;background:repeating-radial-gradient(circle,#273241 0 18px,#121417 18px 34px);box-shadow:inset 0 0 0 2px #455062,0 16px 36px #0008}
.targetRings b{position:absolute;left:50%;top:12px;transform:translateX(-50%);padding:5px 12px;border-radius:8px;background:#3ca85c;color:#fff;font-size:22px}
.targetDot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:grid;place-items:center;width:38px;height:38px;border-radius:999px;background:#1c1f24;border:3px solid #777;color:#fff;font-weight:900}
.targetDot.red{border-color:var(--red)}.targetDot.blue{border-color:var(--blue)}.targetDot.green{border-color:var(--green)}.targetDot.orange{border-color:var(--orange)}.targetDot.purple{border-color:#8b6ee8}
.resultSummary{margin:6px 0 10px;color:#c6cbd3}.resultRows{display:grid;gap:8px}.resultRow{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;border-radius:10px;background:#202226;border:1px solid #383d45}.resultRow small{grid-column:2;color:#9097a3;background:transparent!important;border:0!important;padding:0!important}.resultRow strong{grid-column:3;grid-row:1 / span 2;padding:6px 10px;border-radius:8px;background:#111418;border:1px solid #3a404b;max-width:180px;overflow:hidden;text-overflow:ellipsis}.resultRow.winner{border-color:#d6b84d}.resultRow.red{border-left:4px solid var(--red)}.resultRow.blue{border-left:4px solid var(--blue)}.resultRow.green{border-left:4px solid var(--green)}.resultRow.orange{border-left:4px solid var(--orange)}.resultRow.purple{border-left:4px solid #8b6ee8}
@media(max-width:1180px){
  body.inGame{overflow:auto!important}body.inGame .content,body.inGame #play{height:auto!important;overflow:visible!important}body.inGame .gameLayout{height:auto!important;grid-template-columns:1fr!important}.scoreCol{display:flex!important;gap:8px!important}.score.hudPlayer{min-width:210px!important}body.inGame .mapWrap{height:calc(100vh - var(--header) - 118px)!important;min-height:460px!important}.miniChat{max-height:230px!important}.turnTimeline{right:14px!important}
}
@media(max-width:760px){
  body.inGame .svgMap{padding:86px 2px 36px!important}.svgRegion text{font-size:13px!important}.svgRegion .value{font-size:12px!important}body.inGame .mapTitle{left:10px!important;right:10px!important;min-width:0!important}body.inGame .turnTimeline{left:10px!important;right:10px!important;top:70px!important;overflow:auto!important}body.inGame .questionBox,body.inGame .questionBox.imageQuestion{width:calc(100vw - 18px)!important;max-height:82vh!important;padding:12px!important;overflow:auto!important}body.inGame #answers,.questionBox.imageQuestion #answers{grid-template-columns:1fr!important}.questionMedia{grid-row:auto!important;min-height:160px!important}.questionMedia img{max-height:210px!important}
  .typedAnswer{grid-template-columns:1fr!important}.datePad{grid-template-columns:repeat(5,1fr)}
}


/* oprava nápovědy: nezůstává uprostřed prázdné plochy, obsah začíná nahoře a je scrollovatelný */
body.wikiMode .content{display:block!important;align-items:initial!important;justify-content:initial!important}
body.wikiMode #helpScreen{display:block!important;min-height:calc(100vh - var(--header))!important;padding-top:18px!important}
body.wikiMode .wikiShell{display:block!important;transform:none!important}
body.wikiMode .wikiContent{display:grid!important;gap:22px!important}
body.wikiMode .wikiHero,body.wikiMode .wikiCards,body.wikiMode .wikiSection{visibility:visible!important;opacity:1!important}


/* FIX wiki/nápověda: plnohodnotná stránka místo vycentrovaného prázdného boxu */
body.wikiMode{overflow:hidden!important;background:#0b0b0b!important}
body.wikiMode main{display:block!important;min-height:calc(100vh - var(--header))!important;background:#0b0b0b!important}
body.wikiMode aside{display:none!important}
body.wikiMode .content{display:block!important;position:fixed!important;left:0!important;right:0!important;top:var(--header)!important;bottom:0!important;height:auto!important;max-width:none!important;overflow:hidden!important;padding:0!important;background:#0b0b0b!important}
body.wikiMode #helpScreen{display:block!important;position:absolute!important;inset:0!important;height:auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:22px clamp(16px,4vw,58px) 70px!important;scroll-behavior:smooth!important;background:#0b0b0b!important}
body.wikiMode #helpScreen.hidden{display:none!important}
body.wikiMode .wikiShell{display:grid!important;grid-template-columns:minmax(190px,250px) minmax(0,1fr)!important;gap:28px!important;max-width:1320px!important;margin:0 auto!important;align-items:start!important;transform:none!important}
body.wikiMode .wikiToc{display:block!important;position:sticky!important;top:0!important;max-height:calc(100vh - var(--header) - 44px)!important;overflow:auto!important;margin:0!important;padding:14px!important;background:#111!important;border:1px solid #2c2c2c!important;border-radius:12px!important}
body.wikiMode .wikiGroup{display:block!important;border-bottom:1px solid #252525!important;margin:0 0 14px!important;padding:0 0 14px!important;min-width:0!important}
body.wikiMode .wikiGroup a{display:block!important;margin:4px 0!important;white-space:normal!important}
body.wikiMode .wikiContent{display:grid!important;gap:22px!important;max-width:none!important;margin:0!important;padding-bottom:70px!important;visibility:visible!important;opacity:1!important}
body.wikiMode .wikiHero,body.wikiMode .wikiCards,body.wikiMode .wikiSection{display:block!important;visibility:visible!important;opacity:1!important;transform:none!important}
@media(max-width:900px){body.wikiMode .content{top:58px!important}body.wikiMode .wikiShell{grid-template-columns:1fr!important}body.wikiMode .wikiToc{position:relative!important;top:auto!important;max-height:none!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}body.wikiMode .wikiCards{grid-template-columns:1fr!important}}

.selectableRegion.selectingRegion{opacity:.72;pointer-events:none}

/* v5: stabilní wiki se sidebar navigací + čisté sekce žebříčku/historie */
body.wikiMode{overflow:hidden!important;background:#0b0b0b!important}
body.wikiMode main{display:block!important;min-height:calc(100vh - var(--header))!important;background:#0b0b0b!important}
body.wikiMode aside#side{display:none!important}
body.wikiMode .content{position:fixed!important;left:0!important;right:0!important;top:var(--header)!important;bottom:0!important;display:block!important;height:auto!important;max-width:none!important;overflow:hidden!important;padding:0!important;background:#0b0b0b!important}
body.wikiMode #helpScreen{position:absolute!important;inset:0!important;display:block!important;height:auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:22px clamp(16px,4vw,58px) 70px!important;scroll-behavior:smooth!important;background:#0b0b0b!important}
body.wikiMode #helpScreen.hidden{display:none!important}
body.wikiMode .wikiShell{display:grid!important;grid-template-columns:minmax(210px,270px) minmax(0,1fr)!important;gap:28px!important;max-width:1320px!important;margin:0 auto!important;align-items:start!important;transform:none!important}
body.wikiMode .wikiToc{display:block!important;position:sticky!important;top:0!important;max-height:calc(100vh - var(--header) - 44px)!important;overflow:auto!important;margin:0!important;padding:14px!important;background:#111!important;border:1px solid #2c2c2c!important;border-radius:14px!important;box-shadow:0 18px 45px rgba(0,0,0,.28)!important}
body.wikiMode .wikiGroup{display:block!important;border-bottom:1px solid #252525!important;margin:0 0 14px!important;padding:0 0 14px!important;min-width:0!important}
body.wikiMode .wikiGroup:last-child{border-bottom:0!important;margin-bottom:0!important;padding-bottom:0!important}
body.wikiMode .wikiGroup b{display:block!important;margin:0 0 8px!important;color:#f2f2f2!important;font-size:12px!important;letter-spacing:.04em!important;text-transform:uppercase!important}
body.wikiMode .wikiGroup a{display:block!important;margin:5px 0!important;padding:8px 10px!important;border-radius:10px!important;background:#171717!important;border:1px solid #262626!important;color:#e8e8e8!important;white-space:normal!important;text-decoration:none!important}
body.wikiMode .wikiContent{display:grid!important;gap:22px!important;max-width:none!important;margin:0!important;padding-bottom:70px!important;visibility:visible!important;opacity:1!important}
body.wikiMode .wikiHero,body.wikiMode .wikiCards,body.wikiMode .wikiSection{display:block!important;visibility:visible!important;opacity:1!important;transform:none!important}
@media(max-width:900px){body.wikiMode .content{top:58px!important}body.wikiMode .wikiShell{grid-template-columns:1fr!important}body.wikiMode .wikiToc{position:relative!important;top:auto!important;max-height:none!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}body.wikiMode .wikiCards{grid-template-columns:1fr!important}}

/* v6: reconnect overlay, wiki s hlavním sidebar menu, mobilní doladění */
.reconnectOverlay{position:fixed;inset:0;display:none;place-items:center;z-index:9999;background:rgba(0,0,0,.58);backdrop-filter:blur(4px)}
.reconnectOverlay.show{display:grid}.reconnectOverlay>div,.reconnectOverlay>b,.reconnectOverlay>small{grid-column:1;grid-row:1}.reconnectOverlay:before{content:"";display:block;width:min(360px,calc(100vw - 36px));height:170px;border-radius:20px;background:#121417;border:1px solid #363b44;box-shadow:0 26px 80px #000a}.reconnectOverlay .spinner{width:38px;height:38px;margin-top:-54px;border-radius:50%;border:4px solid #444;border-top-color:#fff;animation:spin .75s linear infinite}.reconnectOverlay b{margin-top:28px;color:#fff;font-size:18px}.reconnectOverlay small{margin-top:72px;color:#aeb4bf;text-align:center}@keyframes spin{to{transform:rotate(360deg)}}
body.wikiMode .appWikiNav button{display:flex!important;width:100%!important;align-items:center!important;gap:8px!important;margin:0 0 8px!important;padding:11px 12px!important;border-radius:12px!important;border:1px solid #292d34!important;background:#181a1f!important;color:#f1f3f5!important;text-align:left!important;font-weight:800!important;cursor:pointer!important}
body.wikiMode .appWikiNav button:hover{background:#22262d!important;border-color:#4a515d!important}
body.wikiMode .appWikiNav .sidePlay{background:#f2f2f2!important;color:#101010!important;border-color:#fff!important}
body.wikiMode .appWikiNav hr{border:0;border-top:1px solid #2b2f36;margin:12px 0!important}
body.wikiMode aside#side{display:none!important}
@media(max-width:760px){
  .homeGrid{grid-template-columns:1fr!important}.publicGame{grid-template-columns:1fr!important;text-align:left!important}.scoreCol{overflow-x:auto!important}.score.hudPlayer{min-width:185px!important}.mapHint{font-size:12px!important}.playerLegend{font-size:12px!important;overflow-x:auto!important}.battleLine{font-size:12px!important}.reconnectOverlay:before{height:155px}
}
/* v7 doplnění */
.createOptions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.createOptions label{margin:0}.createOptions select{width:100%}.spectatorBanner{position:absolute;left:50%;top:12px;transform:translateX(-50%);z-index:20;background:#101820ee;border:1px solid #3b5368;color:#e8f5ff;border-radius:999px;padding:8px 14px;font-weight:800;box-shadow:0 10px 30px #0008}.spectatorMode .questionBox{opacity:.82}.spectatorMode .selectableRegion{cursor:default!important}.gameOverPanel .replayLog{max-height:120px;overflow:auto}.svgRegion.selectingRegion path{animation:regionPulse .55s ease-in-out infinite alternate}@keyframes regionPulse{from{filter:brightness(1)}to{filter:brightness(1.25)}}
body.wikiMode .appWikiNav button{display:flex!important;width:100%!important;align-items:center!important;gap:8px!important;margin:0 0 8px!important;padding:11px 12px!important;border-radius:12px!important;border:1px solid #292d34!important;background:#181a1f!important;color:#f1f3f5!important;text-align:left!important;font-weight:800!important;cursor:pointer!important}body.wikiMode .appWikiNav button:hover{background:#22262d!important;border-color:#4a515d!important}body.wikiMode .appWikiNav .sidePlay{background:#f2f2f2!important;color:#101010!important;border-color:#fff!important}
@media(max-width:760px){.createOptions{grid-template-columns:1fr}.spectatorBanner{left:10px;right:10px;transform:none;text-align:center;border-radius:14px}.homeActions{grid-template-columns:1fr}.questionBox{max-width:calc(100vw - 20px)}}

/* v8: matchmaking + lepší UX útoku */
.targetName{display:inline-flex!important;align-items:center;gap:4px;background:#f4c44f!important;color:#141414!important;border-radius:999px!important;padding:2px 8px!important;font-size:12px!important;font-weight:1000!important;box-shadow:0 0 0 2px rgba(244,196,79,.22)!important}
.attackTargetBadge{position:absolute;transform:translate(-50%,-120%);z-index:6;background:#111820ee;border:2px solid #f4c44f;color:#fff;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900;box-shadow:0 12px 34px #000b,0 0 24px rgba(244,196,79,.48);pointer-events:none;white-space:nowrap;animation:targetBadgePop 1.2s ease-in-out infinite alternate}.attackTargetBadge b{color:#f8d46a}.attackVector .targetPulse{fill:none;stroke:#fff1a4;stroke-width:4;opacity:.85;animation:targetPulse 1s ease-in-out infinite;filter:drop-shadow(0 0 15px #f4c44f)}.svgRegion.targetRegion path{stroke:#fff2a6!important;stroke-width:8!important;filter:drop-shadow(0 0 22px rgba(244,196,79,.95)) drop-shadow(0 0 8px rgba(255,255,255,.7))!important;animation:targetRegionPulse .75s ease-in-out infinite alternate!important}.answerProgress{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;padding:9px 10px;border:1px solid #3f4652;background:#1d222a;border-radius:10px}.answerProgress b{font-size:18px;color:#fff}.answerProgress span{font-size:12px;color:#c6ccd7}.answerChips{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}.answerChips span{border:1px solid #48505e;background:#282d36;border-radius:999px;padding:4px 7px;font-size:11px;font-weight:900;color:#cfd5df}.answerChips span.done{background:#193925;border-color:#3b8954;color:#c9ffd6}.answerChips .red{box-shadow:inset 3px 0 0 var(--red)}.answerChips .blue{box-shadow:inset 3px 0 0 var(--blue)}.answerChips .green{box-shadow:inset 3px 0 0 var(--green)}.answerChips .yellow{box-shadow:inset 3px 0 0 var(--amber)}.answerChips .purple{box-shadow:inset 3px 0 0 #8b6ee8}@keyframes targetBadgePop{from{transform:translate(-50%,-120%) scale(.98)}to{transform:translate(-50%,-130%) scale(1.04)}}@keyframes targetPulse{0%{r:18;opacity:.95}100%{r:44;opacity:.05}}@keyframes targetRegionPulse{from{opacity:.9}to{opacity:1;filter:drop-shadow(0 0 28px rgba(244,196,79,1)) drop-shadow(0 0 12px rgba(255,255,255,.95))!important}}
@media(max-width:760px){.attackTargetBadge{font-size:11px;padding:6px 9px}.answerProgress{align-items:flex-start;flex-direction:column}.answerChips{justify-content:flex-start}.targetName{width:100%;justify-content:center}}

/* v9: wiki používá stejný hlavní sidebar jako ostatní stránky */
body.wikiMode{overflow-x:hidden!important;overflow-y:auto!important;background:var(--bg)!important}
body.wikiMode main{display:grid!important;grid-template-columns:var(--sidebar) minmax(0,1fr)!important;min-height:calc(100vh - var(--header))!important;background:var(--bg)!important}
body.wikiMode aside#side{display:block!important;position:sticky!important;top:var(--header)!important;height:calc(100vh - var(--header))!important;width:auto!important;overflow:auto!important}
body.wikiMode .content{position:static!important;display:block!important;height:auto!important;max-width:none!important;overflow:visible!important;padding:20px!important;background:var(--bg)!important}
body.wikiMode #helpScreen{position:static!important;inset:auto!important;height:auto!important;min-height:calc(100vh - var(--header) - 40px)!important;overflow:visible!important;padding:0!important;background:transparent!important}
body.wikiMode .wikiShell{display:grid!important;grid-template-columns:minmax(210px,270px) minmax(0,1fr)!important;gap:28px!important;max-width:1320px!important;margin:0 auto!important;align-items:start!important}
body.wikiMode .wikiToc{position:sticky!important;top:calc(var(--header) + 18px)!important;max-height:calc(100vh - var(--header) - 36px)!important;overflow:auto!important}
@media(max-width:900px){body.wikiMode main{display:block!important}body.wikiMode aside#side{display:none!important}body.wikiMode .content{padding:14px!important}body.wikiMode .wikiShell{grid-template-columns:1fr!important}.wikiToc{position:relative!important;top:auto!important}}

/* v9: lepší vizuál útoku, šipka, terč a reakce */
.attackVector path{stroke:#ffd15a!important;stroke-width:7!important;stroke-dasharray:20 10!important;filter:drop-shadow(0 0 16px rgba(255,209,90,.95)) drop-shadow(0 0 4px #000)!important;animation:dashMove .55s linear infinite!important}
.attackVector circle:not(.targetPulse){fill:#ffcc4d!important;stroke:#fff!important;stroke-width:5!important}
.attackAttackerBadge{position:absolute;transform:translate(-50%,20%);z-index:6;background:#121212ee;border:2px solid #ffffff66;color:#fff;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:1000;box-shadow:0 12px 28px #000b;pointer-events:none;white-space:nowrap}
.svgRegion.attackerRegion path{stroke:#ffffffcc!important;stroke-width:5.5!important;filter:drop-shadow(0 0 13px rgba(255,255,255,.45))!important}
.svgRegion.targetRegion path{stroke:#fff2a6!important;stroke-width:9!important;filter:drop-shadow(0 0 26px rgba(244,196,79,1)) drop-shadow(0 0 12px rgba(255,255,255,.85))!important;animation:targetRegionPulse .55s ease-in-out infinite alternate!important}
.reactionBar{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 8px}.reactionBar button{min-height:32px;width:34px;padding:3px;border-radius:999px;background:#1b1f28;border-color:#303846;font-size:17px}.reactionBar button:hover{transform:translateY(-1px);background:#252c38!important}
.chatLine:has(.msgEmojiOnly){font-size:24px;line-height:1.1}

/* v10: výsledky odpovědí podle barev hráčů + čistá responzivní wiki */
.resultOption{
  background:#222!important;
  border-color:#3a3a3a!important;
}
.resultOption.picked{
  background:var(--answer-bg,#333)!important;
  border-color:#5c6470!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 999px rgba(0,0,0,.08)!important;
}
.resultOption.correct{
  background:#232323!important;
  border-color:#f0c84c!important;
  box-shadow:0 0 0 2px rgba(240,200,76,.34),0 12px 28px rgba(0,0,0,.24)!important;
}
.resultOption.correct.picked,.resultOption.hit{
  background:var(--answer-bg,#333)!important;
  border-color:#f0c84c!important;
}
.resultOption.picked b,.resultOption.picked small{
  text-shadow:0 2px 5px rgba(0,0,0,.65);
}
.pickDot.yellow{background:var(--amber)}
.pickDot.neutral{background:#666}

body.wikiMode{
  overflow:hidden!important;
  background:var(--bg)!important;
}
body.wikiMode main{
  display:grid!important;
  grid-template-columns:var(--sidebar) minmax(0,1fr)!important;
  height:calc(100vh - var(--header))!important;
  min-height:0!important;
  overflow:hidden!important;
}
body.wikiMode aside#side{
  display:block!important;
  position:sticky!important;
  top:var(--header)!important;
  height:calc(100vh - var(--header))!important;
  overflow:auto!important;
}
body.wikiMode .content{
  position:relative!important;
  display:block!important;
  height:calc(100vh - var(--header))!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:0!important;
  background:var(--bg)!important;
}
body.wikiMode #helpScreen{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  height:auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:20px clamp(14px,3vw,42px) 54px!important;
  background:transparent!important;
  scroll-behavior:smooth!important;
}
body.wikiMode #helpScreen.hidden{display:none!important}
body.wikiMode .wikiShell{
  display:grid!important;
  grid-template-columns:minmax(190px,245px) minmax(0,1fr)!important;
  gap:24px!important;
  max-width:1260px!important;
  margin:0 auto!important;
  align-items:start!important;
}
body.wikiMode .wikiToc{
  position:sticky!important;
  top:0!important;
  max-height:calc(100vh - var(--header) - 40px)!important;
  overflow:auto!important;
  padding:12px!important;
  background:#111!important;
  border:1px solid #2b2b2b!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
body.wikiMode .wikiGroup{
  display:block!important;
  min-width:0!important;
  margin:0 0 12px!important;
  padding:0 0 12px!important;
  border-bottom:1px solid #262626!important;
}
body.wikiMode .wikiGroup:last-child{
  margin-bottom:0!important;
  padding-bottom:0!important;
  border-bottom:0!important;
}
body.wikiMode .wikiGroup b{
  display:block!important;
  margin:0 0 6px!important;
  color:#f2f2f2!important;
  font-size:12px!important;
  text-transform:uppercase!important;
  letter-spacing:0!important;
}
body.wikiMode .wikiGroup a{
  display:block!important;
  margin:3px 0!important;
  padding:7px 9px!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#a9a9a9!important;
  white-space:normal!important;
}
body.wikiMode .wikiGroup a:hover{
  background:#1d1d1d!important;
  border-color:#303030!important;
  color:#fff!important;
}
body.wikiMode .wikiContent{
  display:grid!important;
  gap:18px!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding-bottom:48px!important;
}
body.wikiMode .wikiHero{
  display:block!important;
  padding:4px 0 6px!important;
}
body.wikiMode .wikiHero h1{
  font-size:clamp(30px,4vw,46px)!important;
  line-height:1.05!important;
}
body.wikiMode .wikiHero p{
  max-width:820px!important;
}
body.wikiMode .wikiCards{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  padding-bottom:16px!important;
}
body.wikiMode .wikiSection{
  display:block!important;
  padding:18px 0!important;
  scroll-margin-top:18px!important;
}
body.wikiMode .wikiSection h2{
  font-size:clamp(24px,3vw,32px)!important;
}
body.wikiMode .wikiGrid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
body.wikiMode .ruleSteps{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
@media(max-width:980px){
  body.wikiMode main{display:block!important;height:calc(100vh - var(--header))!important}
  body.wikiMode aside#side{display:none!important}
  body.wikiMode .content{height:calc(100vh - var(--header))!important}
  body.wikiMode #helpScreen{padding:14px 14px 44px!important}
  body.wikiMode .wikiShell{grid-template-columns:1fr!important;gap:14px!important}
  body.wikiMode .wikiToc{
    position:relative!important;
    top:auto!important;
    max-height:none!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  body.wikiMode .wikiGroup{border:1px solid #272727!important;border-radius:10px!important;padding:10px!important;margin:0!important}
  body.wikiMode .wikiCards,body.wikiMode .wikiGrid,body.wikiMode .ruleSteps{grid-template-columns:1fr!important}
}
@media(max-width:560px){
  body.wikiMode .wikiToc{grid-template-columns:1fr!important}
  body.wikiMode .wikiCards a{grid-template-columns:36px minmax(0,1fr)!important;padding:11px!important}
  body.wikiMode .wikiCards span{width:36px!important;height:36px!important}
}

/* v12: wiki starts immediately below header, content scrolls inside the page */
body.wikiMode #helpScreen{padding-top:8px!important}
body.wikiMode .wikiHero{padding-top:0!important;margin-top:0!important}
body.wikiMode .wikiShell{align-items:start!important}

/* v12.1: keep the wiki pinned close under the top bar */
body.wikiMode .content{padding-top:8px!important}
body.wikiMode #helpScreen{padding-top:0!important}
body.wikiMode .wikiContent{gap:16px!important}
body.wikiMode .wikiHero{margin-bottom:4px!important}

/* v13: stability + compact responsive shell */
@media(max-width:1180px){
  .grid{grid-template-columns:1fr!important}
  .card{min-height:0!important}
  .createModal{width:min(620px,100%)}
}
@media(max-width:760px){
  header{height:auto!important;min-height:58px!important;padding:8px 12px!important}
  header nav a{display:none}
  .content{padding:12px!important}
  .homeHero,.homeGrid,.setsStudio{grid-template-columns:1fr!important}
  .homeActions,.actionRow,.joinStrip,.friendAdd,.createOptions{grid-template-columns:1fr!important;display:grid!important}
  .mapChoices{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .leaderCard{grid-template-columns:42px 36px minmax(0,1fr)!important}
  .leaderCard strong{grid-column:3;font-size:14px!important}
  .titleRow{display:grid!important;gap:10px!important}
  .gameLayout{grid-template-columns:1fr!important}
  .scoreCol,.miniChat{max-height:220px;overflow:auto}
}
body.wikiMode #helpScreen{padding-top:0!important}
body.wikiMode .wikiShell{padding-top:0!important}
body.wikiMode .wikiHero{padding-top:0!important}


/* Fix: Slovenská mapa používá <path>, ne <polygon>. Bez těchto pravidel nebyly kraje správně vybarvené/klikatelné. */
.svgRegion path{filter:url(#soft);stroke:#364a68;stroke-width:.7;transition:.2s ease;cursor:pointer;pointer-events:all}
.svgRegion.neutral path{fill:#172235}
.svgRegion.blue path{fill:#163a70}
.svgRegion.red path{fill:#743044}
.svgRegion.green path{fill:#1d694c}
.svgRegion.yellow path{fill:#74652d}
.svgRegion.orange path{fill:#75512a}
.svgRegion.purple path{fill:#513785}
.svgRegion:hover path{stroke:#f4c44f;stroke-width:1.1}
.svgRegion.selectableRegion path{stroke:#f4c44f;stroke-width:1.25;cursor:pointer}
.svgRegion.blockedRegion path{opacity:.45;cursor:not-allowed}
.svgRegion.attackerRegion path{stroke:#ff405d;animation:regionPulse 1.15s infinite}
.svgRegion.defenderRegion path,.svgRegion.targetRegion path{stroke:#2f83ff;animation:regionPulse 1.15s infinite}

/* Loader při přepínání interních stránek */
.pageLoader{position:fixed;inset:var(--header) 0 0 var(--sidebar);z-index:9999;display:none;align-items:center;justify-content:center;gap:12px;background:rgba(0,0,0,.55);backdrop-filter:blur(3px);color:#eee;font-weight:800}
.pageLoading .pageLoader{display:flex}
.pageLoader div{width:28px;height:28px;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:vyzSpin .75s linear infinite}
@keyframes vyzSpin{to{transform:rotate(360deg)}}
@media(max-width:900px){.pageLoader{inset:var(--header) 0 0 0}}
body.wikiMode #helpScreen{padding-top:8px!important}

/* v16: integrované nápovědy místo otazníků */
.fieldHelp{display:block;margin:4px 0 7px;color:#a9a9a9;font-size:12px;line-height:1.35;font-weight:700;letter-spacing:0}.questionEditor label .fieldHelp,.adminBox label .fieldHelp{color:#a9a9a9}.questionEditor label:has(.fieldHelp),.adminBox label:has(.fieldHelp){gap:0}.setCheckLine small::after{content:''}


/* Feature styles kept after returning to the older admin layout */
.imageUrlField input{border-color:rgba(79,140,255,.35)!important}
.questionMedia{margin:10px 0 14px}
.questionMedia img,.question-image{width:100%;max-height:330px;object-fit:cover;border-radius:18px;border:1px solid rgba(255,255,255,.10);box-shadow:0 14px 34px rgba(0,0,0,.28)}
.qImageMini{display:inline-flex;gap:6px;align-items:center;margin-left:8px;color:#8db2ff;font-size:12px}
.qImageMini img{width:32px;height:22px;object-fit:cover;border-radius:6px}
.questionTable{border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;margin-top:10px}
.qHead,.qRow{display:grid;grid-template-columns:1.3fr .5fr 1.2fr .45fr .55fr;gap:10px;align-items:center}
.qHead{background:rgba(255,255,255,.06);font-weight:800;color:#dbe7ff;padding:10px 12px}
.qRow{padding:10px 12px;border-top:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}
.qRow:hover{background:rgba(79,140,255,.08)}
.qQuestion small{display:block;opacity:.68;margin-top:4px}.qOptions{font-size:12px;opacity:.8;line-height:1.45}
.badge.type{display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(79,140,255,.16);color:#bfd3ff}.qActions{display:flex;gap:6px;flex-wrap:wrap}
.questionRating{display:inline-flex;align-items:center;gap:6px;font-size:12px;opacity:.9}.questionRating button{padding:4px 7px!important;border-radius:999px!important}
@media(max-width:900px){.qHead{display:none}.qRow{grid-template-columns:1fr}.qActions{justify-content:flex-start}}

/* v17: lobby polish, compact controls and clearer question editing */
#lobby .titleRow{display:grid!important;grid-template-columns:minmax(280px,1fr) auto!important;align-items:center!important;gap:14px!important;padding:12px 14px!important;margin-bottom:12px!important;background:linear-gradient(180deg,#171717,#111)!important}
#lobby .titleRow h1{font-size:clamp(24px,2.2vw,34px)!important;line-height:1!important;margin:0 0 7px!important}
#lobby .titleRow p{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0!important;color:#b9b9b9}
#lobby .titleRow .pill{padding:5px 9px!important;font-size:12px!important;margin:0!important;background:#252525!important;border:1px solid #333!important}
#lobby .copyBtn,#lobby .titleRow .actionRow button{min-height:32px!important;padding:7px 10px!important;border-radius:8px!important;font-size:12px!important;line-height:1.1!important}
#lobby .actionRow{justify-content:flex-end!important;gap:7px!important;flex-wrap:wrap!important}
.readyToggle{background:#161b24!important;border-color:#3a4e70!important;color:#dbe7ff!important;font-weight:900!important;min-width:170px}
.readyToggle:hover{border-color:#5e86d6!important;background:#1b2433!important}
.readyToggle.isReady{background:#17351f!important;border-color:#2f9651!important;color:#c7ffd7!important;box-shadow:inset 0 0 0 1px rgba(77,215,112,.18)!important}
.playerState{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;flex-wrap:wrap!important}
.readyPill,.notReadyPill{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 8px;border-radius:999px;font-size:11px;line-height:1;font-weight:900;border:1px solid}
.readyPill{color:#bff7cf;background:#142b1a;border-color:#2f8d4a}.notReadyPill{color:#d6d6d6;background:#242424;border-color:#3a3a3a}
#lobby .grid{grid-template-columns:minmax(260px,.75fr) minmax(360px,1.35fr) minmax(260px,.8fr)!important;gap:12px!important}
#lobby .card{min-height:440px!important;padding:14px!important;background:linear-gradient(180deg,#151515,#101010)!important}
#lobby .card h2{font-size:clamp(20px,1.7vw,28px)!important;margin:0 0 12px!important}
.lobbySet{min-height:54px!important;padding:10px 12px!important;border-radius:10px!important;background:#171717!important}
.lobbySet span b{font-size:14px!important}.lobbySet span small{font-size:11px!important;line-height:1.25!important}
.questionCapacity{border-radius:10px!important;padding:10px 12px!important;margin-bottom:10px!important}

.adminPanel>h1{font-size:clamp(26px,2.4vw,38px)!important;margin:0 0 12px!important}
.adminTools button,.adminForm button,.questionEditor button,.adminBox button{min-height:34px!important;padding:8px 11px!important;border-radius:8px!important;font-size:12px!important}
.adminGrid{grid-template-columns:minmax(260px,.8fr) minmax(420px,1.2fr)!important;align-items:start!important}
.adminGrid>.adminBox{background:linear-gradient(180deg,#151515,#101010)!important}
.adminGrid>.adminBox:nth-child(2){border-color:rgba(79,140,255,.28)!important;background:linear-gradient(180deg,#162033,#11161f)!important}
.adminGrid>.adminBox:nth-child(3),.adminGrid>.adminBox:nth-child(4){grid-column:1 / -1}
.questionEditorPro,.questionEditor,.adminGrid>.adminBox:nth-child(2){display:grid!important;gap:12px!important}
.questionEditor label,.adminGrid>.adminBox:nth-child(2) label{display:grid!important;gap:6px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:10px!important;padding:10px!important}
.questionEditor label small,.adminGrid>.adminBox:nth-child(2) label small{color:#a9b3c2!important;font-size:11px!important;line-height:1.3!important}
.questionEditor input,.questionEditor select,.adminGrid>.adminBox:nth-child(2) input,.adminGrid>.adminBox:nth-child(2) select,.adminGrid>.adminBox:nth-child(4) textarea{background:#090909!important;border:1px solid #333!important;border-radius:8px!important;min-height:36px!important;padding:8px 10px!important;color:#f3f6fb!important;outline:none!important;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important}
.questionEditor input:focus,.questionEditor select:focus,.adminGrid>.adminBox:nth-child(2) input:focus,.adminGrid>.adminBox:nth-child(2) select:focus{border-color:#70a0ff!important;box-shadow:0 0 0 3px rgba(79,140,255,.18)!important;background:#0d1220!important}
.typeCards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
.typeCards article{position:relative;border:1px solid rgba(255,255,255,.11)!important;border-radius:10px!important;background:#191919!important;padding:12px!important;cursor:pointer;min-height:82px;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}
.typeCards article b{display:block;font-size:14px;margin-bottom:5px;color:#f4f7fb}.typeCards article small{display:block;color:#9ea9bb;line-height:1.3}
.typeCards article.active,.typeCards article:hover{border-color:#4f8cff!important;background:#172238!important;box-shadow:0 10px 24px rgba(0,0,0,.22)}
.typeCards article.active{transform:translateY(-1px)}
.typeCards article.active:after{content:"";position:absolute;right:10px;top:10px;width:9px;height:9px;border-radius:50%;background:#67e08b;box-shadow:0 0 0 4px rgba(103,224,139,.12)}
.questionEditor .row,.adminGrid>.adminBox:nth-child(2) .row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
#adminChoiceBlock{display:grid!important;gap:10px!important;padding:10px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;background:rgba(0,0,0,.18)!important}
.hintBox.compact{border-left:3px solid #4f8cff!important;background:#101a2d!important;color:#cfdcff!important}
.questionComposer{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:12px;align-items:start}
.typeSelectFallback{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;padding:0!important;border:0!important}
.isHiddenByType{display:none!important}
.questionLivePreview{position:sticky;top:88px;border:1px solid rgba(112,160,255,.24);border-radius:14px;background:linear-gradient(180deg,#121a2b,#0d1018);padding:14px;box-shadow:0 18px 42px rgba(0,0,0,.24);min-height:320px}
.adminPreviewInline{margin-top:12px;position:relative;top:auto}
.previewTop{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}
.previewTop span{display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(79,140,255,.18);color:#d8e5ff;font-weight:900;font-size:12px}
.previewTop em{font-style:normal;color:#aeb8c9;font-size:12px;font-weight:800}
.previewImage{height:132px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#090d14;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.previewImage img{width:100%;height:100%;object-fit:cover}.previewImage.empty span,.previewImage.broken:before{color:#748094;font-weight:800;font-size:12px}.previewImage.broken img{display:none}.previewImage.broken:before{content:"Obrázek se nepodařilo načíst"}
.questionLivePreview h3{margin:0 0 12px;font-size:20px;line-height:1.22;color:#f7f9fd;letter-spacing:0}
.previewAnswers{display:grid;gap:8px}.previewAnswers button{display:grid!important;grid-template-columns:28px 1fr!important;align-items:center!important;text-align:left!important;gap:8px!important;min-height:42px!important;background:#151a22!important;border:1px solid #2f3745!important;color:#f4f7fb!important}
.previewAnswers button span{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#252d3b;color:#b9c9e8;font-weight:900}.previewAnswers button.correct{border-color:#48c774!important;background:#132319!important}.previewAnswers button.correct span{background:#1f7a3c;color:#fff}
.previewTyped{display:grid;gap:9px}.previewTyped input{width:100%;min-height:44px;border-radius:10px;border:1px solid #2f3745;background:#090d14;color:#aeb8c9;padding:10px 12px}.previewTyped small{color:#aeb8c9}.previewTyped b{color:#f4f7fb}
.questionLivePreview p{margin:12px 0 0;color:#9ea9bb;font-size:12px;line-height:1.45}
.questionMetaExtras{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.questionMetaExtras .testQuestionBtn{min-height:58px!important}
.qTags{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.qTags em{font-style:normal;font-size:11px;padding:3px 7px;border-radius:999px;background:rgba(79,140,255,.14);color:#cfe0ff}
.statusPill{display:inline-flex;padding:2px 7px;border-radius:999px;font-weight:900;font-size:11px}.statusPill.approved{background:rgba(72,199,116,.16);color:#9cf0b7}.statusPill.pending{background:rgba(240,180,41,.16);color:#ffd76a}.statusPill.rejected{background:rgba(255,87,87,.16);color:#ffb0b0}.statusPill.draft{background:rgba(156,163,175,.18);color:#d1d5db}.qRow.rejected{border-color:rgba(255,87,87,.26)}.qRow.pending{border-color:rgba(240,180,41,.23)}.moderationNote{margin-top:8px;padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.045);border-left:3px solid #f0b429;color:#d8dee9;font-size:12px}.moderationActions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.moderationActions button{min-height:28px!important;padding:5px 8px!important;font-size:12px!important}.questionMetaExtras .moderationNoteField{grid-column:span 2}
.questionTestModal .testQuestionBox{max-width:720px}.testAnswers{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.testAnswers button.correct{border-color:#48c774!important;background:#14301d!important}.testTyped{display:flex;gap:8px;margin-top:12px}.testTyped input{flex:1}
.staticHero{padding:22px 0 12px}.staticHero h1{font-size:clamp(34px,5vw,64px);margin:0;letter-spacing:0}.staticContent{max-width:980px}.staticContent h2{margin:18px 0 8px}.staticContent p,.staticContent li{color:#c7cbd4;line-height:1.6}.contactGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contactButton{display:inline-flex;margin-top:10px;text-decoration:none}.contactHero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:16px}.contactHero article,.contactHero aside,.contactForm{border:1px solid rgba(255,255,255,.09);border-radius:12px;background:linear-gradient(180deg,#151b25,#10131a);padding:16px}.contactSla{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.contactSla span{border:1px solid rgba(112,160,255,.18);border-radius:10px;padding:10px;background:rgba(79,140,255,.08)}.contactSla b{display:block}.contactSla small{color:#aeb8c9}.contactForm{margin-top:16px}.contactForm textarea{width:100%;resize:vertical}.contactActions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.contactActions a{color:#bcd2ff}
.notificationBadge{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;border-radius:999px;background:#ff5757;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:1000;border:2px solid #111}.bellBtn{position:relative}.notificationBox{max-width:620px}.notificationList{display:grid;gap:10px}.notificationList article{border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.04);padding:12px}.notificationList article.unread{border-color:rgba(79,140,255,.45);background:rgba(79,140,255,.1)}.notificationList b{display:block;margin-bottom:4px}.notificationList p{margin:0;color:#b9c2d0}.notificationList small{display:block;color:#758195;margin-top:7px}.notificationList button{margin-top:8px;min-height:28px!important;padding:5px 8px!important;font-size:12px!important}
.premiumHeroFresh{position:relative;overflow:hidden;border:1px solid rgba(112,160,255,.22);background:linear-gradient(135deg,#111827,#172238 55%,#102319)!important}.premiumHeroFresh:after{content:"";position:absolute;right:-80px;top:-90px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(103,224,139,.22),transparent 68%);pointer-events:none}.premiumHeroActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}.premiumMapTeaser.fresh{background:#0d121b!important;border:1px solid rgba(103,224,139,.22)!important}.premiumPerks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.premiumPerks article{border:1px solid rgba(255,255,255,.09);border-radius:12px;background:linear-gradient(180deg,#161b24,#101218);padding:14px}.premiumPerks b{display:block;color:#f5f7fb;margin-bottom:6px}.premiumPerks span{color:#aeb8c9;font-size:13px;line-height:1.45}
.setStatusChips{display:flex!important;gap:6px;flex-wrap:wrap;margin-top:7px}.setStatusChips em{font-style:normal;font-size:11px;font-weight:900;padding:3px 7px;border-radius:999px}.setStatusChips .approved{background:rgba(72,199,116,.14);color:#9cf0b7}.setStatusChips .pending{background:rgba(240,180,41,.15);color:#ffd76a}.setStatusChips .rejected{background:rgba(255,87,87,.15);color:#ffb0b0}.setCheckLine.disabled{opacity:.62}.adminFilters{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}.adminFilters button.active{border-color:#4b7dff!important;background:#14213d!important}.contactTicket{display:grid;gap:8px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#131820;padding:12px;margin-bottom:10px}.contactTicket.new{border-color:rgba(79,140,255,.35)}.contactTicket p{margin:0;color:#c7cbd4}.contactTicket a{color:#bfd4ff}.contactTicket input{min-width:180px}.auditRows{display:grid;gap:7px;max-height:420px;overflow:auto}.auditRow{display:grid;gap:3px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.035);padding:9px}.auditRow small{color:#8f9aaa}.premiumCompare,.premiumInstant{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}.premiumCompare>div,.premiumInstant>div{border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px;background:#111722}.premiumCompare .highlight{border-color:rgba(103,224,139,.35);background:linear-gradient(180deg,#132018,#101722)}.premiumInstant ul{margin:8px 0 0;color:#d8dee9}.premiumStatsMini{display:grid!important;gap:8px}.premiumStatsMini span{border:1px solid rgba(112,160,255,.16);border-radius:10px;padding:10px;background:rgba(79,140,255,.07)}.premiumStatsMini b{display:block}.premiumStatsMini small{color:#aeb8c9}.premiumOrders ol{display:grid;gap:8px;padding-left:0;list-style:none}.premiumOrders li{display:flex;justify-content:space-between;gap:12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px;background:rgba(255,255,255,.035)}.premiumOrders span{color:#aeb8c9}
.premiumHeroFresh.compact{grid-template-columns:minmax(0,1fr) 260px!important;padding:22px!important;border-radius:10px!important;background:linear-gradient(135deg,#141923,#111827)!important}.premiumHeroFresh.compact:after{display:none}.premiumHeroFresh.compact h1{font-size:clamp(30px,4vw,48px)!important;line-height:1.02!important}.premiumStatusCard{align-self:stretch;border:1px solid rgba(103,224,139,.24);border-radius:10px;background:#10181f;padding:14px;display:grid;align-content:center;gap:7px}.premiumStatusCard b{font-size:22px;color:#f5f7fb}.premiumStatusCard span{color:#9cf0b7;font-weight:900}.premiumStatusCard small{color:#aeb8c9}.premiumFeatureStrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}.premiumFeatureStrip article,.premiumCompactGrid article{border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#131820;padding:12px}.premiumFeatureStrip b{display:block;color:#f5f7fb}.premiumFeatureStrip span{color:#aeb8c9;font-size:12px}.premiumCompactGrid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px;margin:10px 0}.premiumCompactGrid h2{margin:0 0 6px;font-size:20px}.premiumCompactGrid p{margin:0;color:#aeb8c9;line-height:1.45}.premiumCompactGrid .highlight{border-color:rgba(103,224,139,.28);background:#111d17}.premiumInfo.compact,.premiumOrders.compact{padding:14px!important;border-radius:8px!important}.premiumInfo.compact ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0 0;padding:0;list-style:none}.premiumInfo.compact li{border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#121820;padding:10px;color:#d8dee9}.contactCompact{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:10px}.contactCompact section,.contactCompact aside,.contactForm.compact{border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#131820;padding:14px}.contactCompact h2{margin-top:0;font-size:24px}.contactCompact p{margin:0;color:#aeb8c9}.contactCompact a{color:#bfd4ff}.contactMiniStats{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.contactMiniStats span{border:1px solid rgba(112,160,255,.16);border-radius:999px;padding:5px 9px;color:#dbe7ff;font-size:12px;font-weight:900;background:#111827}.contactForm.compact{margin-top:10px}.contactForm.compact label{margin-bottom:8px}.contactForm.compact textarea{min-height:130px}.contactActions span{color:#9cf0b7;font-size:13px}
.adminWorkspace{display:grid;gap:12px}.adminHero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:linear-gradient(180deg,#151a22,#101218);padding:16px}.adminHero h1{margin:0;font-size:clamp(30px,4vw,48px);line-height:1}.adminHero span{color:#aeb8c9}.adminHeroActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.adminTabs{position:sticky;top:58px;z-index:20;display:flex;gap:6px;flex-wrap:wrap;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#111318;padding:8px}.adminTabs button{min-height:34px!important;border-radius:8px!important;background:#171b23!important}.adminTabs button.active{border-color:#70a0ff!important;background:#17233a!important;color:#eef5ff!important}.adminTab{display:none}.adminTab.active{display:grid;gap:12px}.adminSectionIntro{display:flex;justify-content:space-between;gap:12px;align-items:end;border-bottom:1px solid rgba(255,255,255,.08);padding:2px 0 8px}.adminSectionIntro h2{margin:0;font-size:24px}.adminSectionIntro p{margin:0;color:#9faabd;max-width:720px}.adminQuestionWorkspace{display:grid;grid-template-columns:minmax(360px,.78fr) minmax(460px,1.22fr);gap:12px;align-items:start}.adminQuestionWorkspace>.adminBox:first-child{border-color:rgba(79,140,255,.28)!important;background:linear-gradient(180deg,#162033,#11161f)!important}.adminQuestionWorkspace label{display:grid!important;gap:6px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:10px!important;padding:10px!important}.adminQuestionWorkspace label small{color:#a9b3c2!important;font-size:11px!important;line-height:1.3!important}.adminQuestionWorkspace input,.adminQuestionWorkspace select,#adminTab-system textarea{background:#090909!important;border:1px solid #333!important;border-radius:8px!important;min-height:36px!important;padding:8px 10px!important;color:#f3f6fb!important;outline:none!important}.adminQuestionWorkspace input:focus,.adminQuestionWorkspace select:focus,#adminTab-system textarea:focus{border-color:#70a0ff!important;box-shadow:0 0 0 3px rgba(79,140,255,.18)!important;background:#0d1220!important}.adminQuestionWorkspace .row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.adminQuestionWorkspace>.adminBox:nth-child(2),#adminSetsList,#adminContactRows{max-height:720px;overflow:auto;padding-right:4px}.moderationQueueCard{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#131820!important}.moderationQueueCard b{display:block;color:#f5f7fb}.moderationQueueCard small{color:#aeb8c9}.adminSystemTools .adminTools{margin:0}.adminSystemTools .adminTools button{min-height:34px!important}.adminAuditBox{min-height:220px}
.adminDashboardHead{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.adminDashboardHead h2{margin:0;font-size:24px}.adminDashboardHead p{margin:3px 0 0;color:#9faabd}.primaryDash>div{border-color:rgba(112,160,255,.22)!important;background:#121a29!important}.primaryDash span{font-size:28px!important}.secondaryDash{margin-top:8px;opacity:.9}.adminQuickActions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.adminLog{margin-top:10px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#101318;padding:10px}.adminLog summary{cursor:pointer;font-weight:900;color:#dbe7ff}.adminLog pre{max-height:280px;overflow:auto}
.adminPremiumConfig{display:grid;gap:12px}.adminPremiumHead,.adminPremiumPackageTitle,.adminPremiumPackageActions,.adminPremiumGlobal{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.adminPremiumHead h3{margin:0;font-size:22px}.adminPremiumHead p{margin:4px 0 0;color:#9faabd}.adminPremiumGlobal{border:1px solid rgba(112,160,255,.15);border-radius:9px;background:#101722;padding:10px}.adminPremiumGlobal label{display:grid;gap:5px;min-width:190px}.adminPremiumGlobal span{color:#aeb8c9;font-size:12px;font-weight:900}.adminPremiumPackages{display:grid;gap:10px}.adminPremiumPackage{display:grid;gap:10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#131820;padding:12px}.adminPremiumPackageTitle small{color:#9faabd}.adminPremiumPackage input,.adminPremiumPackage select,.adminPremiumGlobal input{background:#090909!important;border:1px solid #333!important;border-radius:8px!important;color:#f3f6fb!important;min-height:36px!important;padding:8px 10px!important}.adminPremiumPackage label{display:grid;gap:5px;color:#d8dee9}.adminPremiumPackageActions .checkLine{display:flex;align-items:center;gap:7px}.questionFilters input,.questionFilters select{min-height:34px;border:1px solid #333;border-radius:8px;background:#090909;color:#f3f6fb;padding:7px 9px}.questionFilters input{min-width:220px;flex:1}.questionDetailBox{max-width:780px}.questionDetailBox .modalHead h2{margin:0;font-size:22px;line-height:1.2}.questionDetailImage{height:180px;border-radius:10px;overflow:hidden;background:#0b0f15;border:1px solid rgba(255,255,255,.08);margin-bottom:10px}.questionDetailImage img{width:100%;height:100%;object-fit:cover}.questionDetailMeta{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.questionDetailMeta span,.questionDetailValue{border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#121820;padding:5px 9px;color:#dbe7ff;font-size:12px;font-weight:900}.questionDetailAnswers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.questionDetailAnswers span{display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#121820;padding:9px}.questionDetailAnswers span.correct{border-color:rgba(72,199,116,.45);background:#122218}.questionDetailAnswers b{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#252d3b}.questionDetailValue{display:grid;border-radius:9px;margin:10px 0}.notificationFilters{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 12px}.notificationFilters button{min-height:30px!important;padding:6px 9px!important;font-size:12px!important}.notificationFilters button.active{border-color:#70a0ff!important;background:#17233a!important;color:#eef5ff!important}.premiumCompareTable{display:grid!important;gap:0!important;padding:14px!important}.premiumCompareTable h2{margin:0 0 10px;font-size:22px}.premiumCompareTable div{display:grid;grid-template-columns:1.4fr .7fr .8fr;gap:8px;align-items:center;border-top:1px solid rgba(255,255,255,.08);padding:9px 0}.premiumCompareTable span{color:#d8dee9}.premiumCompareTable b{color:#9faabd}.premiumCompareTable strong{color:#9cf0b7}.duelTiebreakBanner{position:fixed;left:50%;top:86px;z-index:1000;transform:translate(-50%,-12px);opacity:0;pointer-events:none;display:grid;gap:2px;min-width:min(420px,calc(100vw - 28px));border:1px solid rgba(255,212,94,.35);border-radius:10px;background:#17140d;color:#fff;padding:12px 14px;box-shadow:0 18px 45px rgba(0,0,0,.38);transition:opacity .18s ease,transform .18s ease}.duelTiebreakBanner.show{opacity:1;transform:translate(-50%,0)}.duelTiebreakBanner b{color:#ffe36d;font-size:18px}.duelTiebreakBanner span{color:#d8dee9;font-size:13px}

body.inGame .gameHudTop{padding:7px 10px!important;background:linear-gradient(180deg,#151515,#101010)!important}
body.inGame .gameHudTop button{min-height:30px!important;padding:6px 9px!important;font-size:12px!important}
body.inGame .gameLayout{grid-template-columns:215px minmax(0,1fr) 235px!important;gap:10px!important}
body.inGame .scoreCol,body.inGame .miniChat{background:rgba(16,17,20,.96)!important;border-color:#2b2f38!important}
body.inGame .mapWrap{border-color:#273247!important;background:linear-gradient(180deg,#15191f,#0b0f15)!important}
body.inGame .mapWrap:before{content:"";position:absolute;inset:0;pointer-events:none;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:44px 44px;mask-image:radial-gradient(circle at 50% 44%,#000 0,#000 55%,transparent 86%)}
body.inGame .svgMap{filter:drop-shadow(0 18px 42px rgba(0,0,0,.42))}

@media(max-width:1180px){
  #lobby .titleRow,#lobby .grid,.adminGrid{grid-template-columns:1fr!important}
  #lobby .actionRow{justify-content:flex-start!important}
  #lobby .card{min-height:0!important}
  .questionComposer{grid-template-columns:1fr}
  .questionLivePreview{position:relative;top:auto}
  .typeCards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  #lobby .titleRow .actionRow{display:grid!important;grid-template-columns:1fr 1fr!important}
  #lobby .titleRow .actionRow button,.readyToggle{width:100%;min-width:0!important}
  .questionEditor .row,.adminGrid>.adminBox:nth-child(2) .row{grid-template-columns:1fr!important}
  .typeCards{grid-template-columns:1fr!important}
  .questionMetaExtras,.testAnswers,.contactGrid,.contactHero,.contactCompact,.contactSla,.premiumPerks,.premiumCompare,.premiumInstant,.premiumHeroFresh.compact,.premiumFeatureStrip,.premiumCompactGrid,.premiumInfo.compact ol,.adminHero,.adminQuestionWorkspace,.questionDetailAnswers,.premiumCompareTable div{grid-template-columns:1fr!important}
  .questionMetaExtras .moderationNoteField{grid-column:auto}
  .testTyped{display:grid}
  .premiumHeroActions{display:grid}
  .adminHeroActions,.adminDashboardHead,.adminSectionIntro,.moderationQueueCard,.adminPremiumHead,.adminPremiumPackageTitle,.adminPremiumPackageActions,.adminPremiumGlobal{display:grid!important;justify-content:stretch!important;align-items:start!important}
  .adminTabs{position:relative!important;top:auto!important;overflow:auto;flex-wrap:nowrap}
  .adminTabs button{white-space:nowrap}
  .adminQuestionWorkspace .row{grid-template-columns:1fr!important}
  .adminQuickActions{display:grid}
  body.inGame .gameLayout{grid-template-columns:1fr!important}
}

/* v18: clearer territory selection, attack preview and polished end-game state */
body.inGame .svgRegion.claimSelectable path{
  stroke:#55f28a!important;
  stroke-width:2.1!important;
  fill:#263a31!important;
  filter:drop-shadow(0 0 14px rgba(85,242,138,.26))!important;
  animation:claimSelectPulse 1.15s ease-in-out infinite!important;
}
body.inGame .svgRegion.attackSelectable path{
  stroke:#ffd45e!important;
  stroke-width:2.2!important;
  filter:drop-shadow(0 0 16px rgba(255,212,94,.34))!important;
  animation:attackSelectPulse 1.05s ease-in-out infinite!important;
}
body.inGame .svgRegion.attackSelectable:hover path,
body.inGame .svgRegion.claimSelectable:hover path{
  stroke:#fff!important;
  stroke-width:2.9!important;
  filter:drop-shadow(0 0 20px rgba(255,255,255,.42))!important;
}
body.inGame .svgRegion.blockedRegion path{
  opacity:.34!important;
  stroke:#515762!important;
  stroke-dasharray:4 5!important;
  filter:none!important;
}
body.inGame .svgRegion.attackerRegion path{
  stroke:#ff5c68!important;
  stroke-width:1.8!important;
}
body.inGame .svgRegion.targetRegion path{
  stroke:#ffe36d!important;
  stroke-width:3.2!important;
  filter:drop-shadow(0 0 22px rgba(255,227,109,.52))!important;
}
@keyframes claimSelectPulse{50%{fill:#2f5140;stroke-width:2.8}}
@keyframes attackSelectPulse{50%{stroke-width:3.1;filter:drop-shadow(0 0 24px rgba(255,212,94,.52))}}

body.inGame .questionBox.prepQuestion{
  width:min(720px,calc(100vw - 40px))!important;
  padding:16px!important;
}
.attackPreviewPanel{
  display:grid;
  grid-template-columns:minmax(130px,1fr) minmax(180px,1.15fr) minmax(130px,1fr);
  gap:10px;
  align-items:stretch;
  margin-top:8px;
}
.attackPreviewSide,.attackPreviewCenter{
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  padding:14px;
  background:#181818;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}
.attackPreviewSide{display:grid;align-content:center;gap:5px;text-align:left}
.attackPreviewSide small,.attackPreviewCenter small{color:#aaa;font-weight:800}
.attackPreviewSide b{font-size:20px;line-height:1.05}
.attackPreviewSide.red{border-color:#ff4d57;background:linear-gradient(135deg,rgba(255,77,87,.22),#181818 62%)}
.attackPreviewSide.blue{border-color:#4f83ff;background:linear-gradient(135deg,rgba(79,131,255,.22),#181818 62%)}
.attackPreviewSide.green{border-color:#47d16b;background:linear-gradient(135deg,rgba(71,209,107,.20),#181818 62%)}
.attackPreviewSide.orange,.attackPreviewSide.yellow{border-color:#f4a13f;background:linear-gradient(135deg,rgba(244,161,63,.22),#181818 62%)}
.attackPreviewSide.purple{border-color:#a06bff;background:linear-gradient(135deg,rgba(160,107,255,.22),#181818 62%)}
.attackPreviewCenter{text-align:center;display:grid;gap:6px;align-content:center}
.attackPreviewCenter span{
  justify-self:center;
  display:grid;
  place-items:center;
  width:56px;
  height:56px;
  border-radius:50%;
  background:#eee;
  color:#111;
  font-size:28px;
  font-weight:1000;
}
.attackPreviewCenter b{font-size:22px;color:#ffe07a}

body.inGame .gameOverPanel.finalPanel{
  position:absolute!important;
  left:20px!important;
  right:20px!important;
  bottom:16px!important;
  transform:none!important;
  width:auto!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:minmax(220px,.9fr) minmax(260px,1.1fr) minmax(220px,1fr) auto!important;
  gap:10px!important;
  align-items:stretch!important;
  padding:12px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:linear-gradient(180deg,rgba(22,22,22,.96),rgba(12,12,12,.96))!important;
  box-shadow:0 22px 70px rgba(0,0,0,.62)!important;
  z-index:16!important;
}
.finalHero,.finalBoard,.finalReplay,.finalSummary{
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  background:#161616;
  padding:12px;
}
.finalHero{display:grid;align-content:center;gap:5px}
.finalHero small{text-transform:uppercase;color:#aaa;font-size:11px;font-weight:900;letter-spacing:.08em}
.finalHero b{font-size:clamp(24px,2.7vw,38px);line-height:1}
.finalHero span{color:#d4d4d4;font-size:13px}
.finalHero.red{border-color:#ff5862;background:linear-gradient(135deg,rgba(255,88,98,.28),#161616 58%)}
.finalHero.blue{border-color:#4f83ff;background:linear-gradient(135deg,rgba(79,131,255,.28),#161616 58%)}
.finalHero.green{border-color:#47d16b;background:linear-gradient(135deg,rgba(71,209,107,.24),#161616 58%)}
.finalHero.orange,.finalHero.yellow{border-color:#f4a13f;background:linear-gradient(135deg,rgba(244,161,63,.25),#161616 58%)}
.finalHero.purple{border-color:#a06bff;background:linear-gradient(135deg,rgba(160,107,255,.25),#161616 58%)}
.finalBoard>b,.finalReplay>b{display:block;margin-bottom:8px}
.finalBoard ol{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;margin:0!important;padding:0!important;list-style:none!important}
.finalBoard li{display:grid!important;grid-template-columns:28px minmax(0,1fr);gap:5px 8px;align-items:center;background:#202020;border:1px solid #313131;border-radius:10px;padding:8px!important}
.finalBoard li span{grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#2a2a2a;color:#eee;font-weight:1000}
.finalBoard li.winner{border-color:#ffe06d;background:#2a2514}
.finalBoard li.winner span{background:#ffe06d;color:#111}
.finalBoard li b{font-size:14px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.finalBoard li em{font-style:normal;color:#aaa;font-size:12px}
.finalReplay .replayLog{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;max-height:138px!important;overflow:auto!important;margin:0!important;padding:0!important;list-style:none!important}
.finalReplay .replayLog li,.finalReplay p{background:#202020;border:1px solid #313131;border-radius:10px;padding:8px;color:#d4d4d4;margin:0}
.finalSummary{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;min-width:190px}
.finalSummary span{display:grid;gap:2px;background:#202020;border:1px solid #313131;border-radius:10px;padding:9px}
.finalSummary span b{font-size:22px}.finalSummary small{color:#aaa}
.finalSummary button{grid-column:1/-1;min-height:38px!important}

@media(max-width:1180px){
  body.inGame .gameOverPanel.finalPanel{grid-template-columns:1fr 1fr!important}
  .finalSummary{grid-column:1/-1}
}
@media(max-width:720px){
  .attackPreviewPanel{grid-template-columns:1fr!important}
  body.inGame .gameOverPanel.finalPanel{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    grid-template-columns:1fr!important;
    max-height:58vh!important;
    overflow:auto!important;
  }
}

/* v19: rematch end screen, bot controls, clearer territory actions and mobile game polish */
.botAddControls{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.botAddControls select{
  min-height:32px!important;
  width:auto!important;
  max-width:150px;
  padding:6px 28px 6px 9px!important;
  border-radius:8px!important;
  background:#111!important;
  border:1px solid #333!important;
  color:#eee!important;
  font-size:12px!important;
  font-weight:850!important;
}
.botAddControls .botBtn{min-width:84px!important}
.botMeta{
  display:inline-flex!important;
  width:max-content;
  margin-top:5px;
  padding:3px 7px;
  border-radius:999px;
  border:1px solid #3a3a3a;
  background:#202020;
  color:#cfcfcf;
  font-size:10px!important;
  font-weight:900;
}
.botMeta.easy{border-color:#3c8d57;background:#112a19;color:#bff5ce}
.botMeta.hard{border-color:#d49b3a;background:#2f2411;color:#ffe0a4}

.mapTooltip .mapTipAction{
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:7px;
  padding:6px 8px;
  border-radius:8px;
  font-style:normal;
  font-size:12px;
  font-weight:1000;
}
.mapTooltip .mapTipAction.ok{background:#e9e9e9;color:#111}
.mapTooltip .mapTipAction.muted{background:#222;color:#8f8f8f}
.mapSelectDock{
  position:absolute;
  left:50%;
  bottom:54px;
  transform:translateX(-50%);
  z-index:9;
  display:grid;
  gap:2px;
  min-width:min(520px,calc(100% - 34px));
  padding:10px 14px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(17,17,17,.92);
  box-shadow:0 16px 38px rgba(0,0,0,.42);
  text-align:center;
  pointer-events:none;
}
.mapSelectDock b{font-size:18px;line-height:1.05}
.mapSelectDock span{color:#aaa;font-size:12px;font-weight:850}
.mapSelectDock.claim{border-color:rgba(85,242,138,.45)}
.mapSelectDock.attack{border-color:rgba(255,212,94,.55)}

.finalActions{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:7px;
}
.finalActions button{grid-column:auto!important;min-height:36px!important}
.finalActions button.primary{
  background:#e9e9e9!important;
  color:#111!important;
  border-color:#fff!important;
}
body.inGame .gameOverPanel.finalPanel{backdrop-filter:blur(12px)}

.resultQuestion{
  width:min(760px,calc(100vw - 42px))!important;
  max-height:min(76vh,720px)!important;
  overflow:auto!important;
}
.resultQuestion.imageQuestion{
  width:min(900px,calc(100vw - 42px))!important;
}
.resultOptions.battleAnswers{display:grid!important;gap:8px!important;margin-top:10px!important}
.resultOption{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  min-height:52px;
  padding:10px 12px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:#202020!important;
  overflow:hidden;
}
.resultOption.picked{background:var(--answer-bg,#202020)!important;color:#fff}
.resultOption.picked:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.18);pointer-events:none}
.resultOption.correct{border-color:#f5cf5b!important}
.resultOption.hit{box-shadow:inset 0 0 0 2px #f5cf5b,0 0 18px rgba(245,207,91,.18)}
.resultOption>*{position:relative;z-index:1}
.resultOption small{font-size:11px;color:rgba(255,255,255,.76)}
.pickDots{display:flex;gap:4px;justify-content:flex-end}
.pickDot,.targetDot{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:50%;
  border:2px solid currentColor;
  background:#101010;
  color:#fff;
  font-size:11px;
  font-weight:1000;
  box-shadow:0 6px 14px rgba(0,0,0,.34);
}
.pickDot.red,.targetDot.red{border-color:#ff4d57}
.pickDot.blue,.targetDot.blue{border-color:#4f83ff}
.pickDot.green,.targetDot.green{border-color:#47d16b}
.pickDot.orange,.targetDot.orange,.pickDot.yellow,.targetDot.yellow{border-color:#f4a13f}
.pickDot.purple,.targetDot.purple{border-color:#a06bff}
.targetRings{
  position:relative;
  width:min(260px,80vw);
  aspect-ratio:1;
  margin:14px auto;
  border-radius:50%;
  background:repeating-radial-gradient(circle,#222 0 13px,#617088 14px 25px);
  display:grid;
  place-items:center;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 14px 32px rgba(0,0,0,.35);
}
.targetRings>b{
  position:relative;
  z-index:2;
  background:#48b863;
  color:#fff;
  padding:5px 12px;
  border-radius:8px;
  font-size:24px;
}
.targetRings .targetDot{
  position:absolute;
  left:var(--x);
  top:var(--y);
  transform:translate(-50%,-50%);
}
.resultRows{display:grid;gap:7px;margin-top:10px}
.resultRow{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;gap:9px;align-items:center;padding:8px 10px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:#171717}
.resultRow.winner{border-color:#f5cf5b;background:#262211}
.resultRow strong{padding:5px 8px;border-radius:8px;background:#222}
.questionVoteBar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;color:#aaa}
.questionVoteBar button{min-height:30px!important;padding:5px 9px!important;border-radius:8px!important}

@media(max-width:980px){
  body.inGame .gameLayout{
    grid-template-columns:1fr!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    gap:8px!important;
    min-height:calc(100dvh - var(--topbar-h,80px) - 14px)!important;
  }
  body.inGame .scoreCol{
    display:flex!important;
    gap:8px!important;
    overflow:auto!important;
    min-height:0!important;
    max-height:118px!important;
    padding:8px!important;
  }
  body.inGame .scoreCol h2{display:none!important}
  body.inGame .score{min-width:220px!important;margin:0!important}
  body.inGame .miniChat{display:none!important}
  body.inGame .mapWrap{
    min-height:0!important;
    height:calc(100dvh - 255px)!important;
  }
  body.inGame .mapTitle{
    left:10px!important;
    right:10px!important;
    top:10px!important;
    width:auto!important;
    max-width:none!important;
  }
  body.inGame .svgMap{width:100%!important;height:100%!important}
}
@media(max-width:720px){
  .botAddControls{display:grid!important;grid-template-columns:1fr 1fr auto;width:100%}
  .botAddControls select{max-width:none!important;width:100%!important}
  .finalActions{grid-template-columns:1fr!important}
  .resultQuestion,.resultQuestion.imageQuestion{width:calc(100vw - 20px)!important;max-height:78vh!important;padding:12px!important}
  .resultRow{grid-template-columns:30px minmax(0,1fr);align-items:start}
  .resultRow small,.resultRow strong{grid-column:2}
  .mapSelectDock{bottom:42px;min-width:calc(100% - 20px);padding:8px 10px}
  .mapSelectDock b{font-size:15px}
}

/* v20: mobile game tabs, stronger turn status and richer sound controls */
.gameMobileTabs{display:none}
.turnBeacon{
  display:grid;
  gap:3px;
  margin:0 0 10px;
  padding:11px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg,#191919,#101010);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
.turnBeacon small{
  color:#9b9b9b;
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.turnBeacon b{
  color:#fff;
  font-size:18px;
  line-height:1.05;
}
.turnBeacon span{
  color:#c9c9c9;
  font-size:12px;
  line-height:1.25;
}
.turnBeacon em{
  justify-self:start;
  margin-top:4px;
  padding:4px 7px;
  border-radius:999px;
  background:#252525;
  color:#e6e6e6;
  font-style:normal;
  font-size:11px;
  font-weight:950;
}
.turnBeacon.myTurn{
  border-color:rgba(255,212,94,.55);
  background:linear-gradient(135deg,rgba(255,212,94,.18),#111 58%);
}
.turnBeacon.claim_select.myTurn{
  border-color:rgba(85,242,138,.45);
  background:linear-gradient(135deg,rgba(85,242,138,.16),#111 58%);
}
.turnBeacon.attack_question,.turnBeacon.duel{
  border-color:rgba(255,88,98,.32);
}
.score.hudPlayer.me{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.score.hudPlayer.attacker{
  border-color:rgba(255,88,98,.7)!important;
}
.score.hudPlayer.defender{
  border-color:rgba(85,242,138,.62)!important;
}
.volumeLine + button{
  border-top:0!important;
}

@media(max-width:980px){
  body.inGame .gameHudTop{
    margin-bottom:7px!important;
  }
  .gameMobileTabs{
    display:grid!important;
    grid-template-columns:repeat(3,1fr);
    gap:6px;
    margin:0 0 8px;
    padding:5px;
    border:1px solid #2a2a2a;
    border-radius:12px;
    background:#101010;
  }
  .gameMobileTabs button{
    min-height:34px!important;
    border-radius:9px!important;
    padding:6px 8px!important;
    background:#181818!important;
    border-color:#303030!important;
    color:#aaa!important;
    font-size:13px!important;
  }
  .gameMobileTabs button.active{
    background:#e9e9e9!important;
    border-color:#fff!important;
    color:#111!important;
  }
  body.inGame .gameLayout{
    display:block!important;
    height:calc(100dvh - var(--header) - 96px)!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  body.inGame .scoreCol,
  body.inGame .mapWrap,
  body.inGame .miniChat{
    height:100%!important;
    max-height:none!important;
    min-height:0!important;
  }
  body.inGame[data-game-tab="map"] .scoreCol,
  body.inGame[data-game-tab="map"] .miniChat,
  body.inGame[data-game-tab="players"] .mapWrap,
  body.inGame[data-game-tab="players"] .miniChat,
  body.inGame[data-game-tab="chat"] .scoreCol,
  body.inGame[data-game-tab="chat"] .mapWrap{
    display:none!important;
  }
  body.inGame[data-game-tab="players"] .scoreCol{
    display:block!important;
    overflow:auto!important;
    padding:10px!important;
  }
  body.inGame[data-game-tab="players"] .scoreCol h2{
    display:block!important;
    margin:0 0 8px!important;
  }
  body.inGame[data-game-tab="players"] .score.hudPlayer{
    min-width:0!important;
    margin:0 0 8px!important;
  }
  body.inGame[data-game-tab="chat"] .miniChat{
    display:flex!important;
    overflow:hidden!important;
    padding:10px!important;
  }
  body.inGame[data-game-tab="chat"] #playChat{
    min-height:0!important;
  }
  body.inGame[data-game-tab="map"] .mapWrap{
    display:block!important;
    height:100%!important;
  }
  body.inGame[data-game-tab="map"] #map{
    height:100%!important;
  }
  body.inGame .turnBeacon{
    position:sticky;
    top:0;
    z-index:2;
  }
}

@media(max-width:620px){
  body.inGame .gameHudTop{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  body.inGame .gameHudTop b{
    grid-column:1/-1;
    font-size:14px;
  }
  body.inGame .gameHudTop button{
    width:100%;
    min-height:31px!important;
  }
  body.inGame .gameLayout{
    height:calc(100dvh - var(--header) - 134px)!important;
  }
  body.inGame .mapTitle{
    transform:scale(.92);
    transform-origin:top right;
  }
  .turnBeacon b{font-size:16px}
  .turnBeacon span{font-size:11px}
}

/* v21: Premium shop, map selection preview and capture feedback */
.premiumPage{
  max-width:1180px;
  margin:0 auto;
  padding:26px clamp(14px,3vw,34px);
  display:grid;
  gap:18px;
}
.premiumHero{
  display:grid;
  grid-template-columns:minmax(0,1fr) 260px;
  gap:18px;
  align-items:stretch;
  padding:24px;
  border:1px solid #2b2b2b;
  border-radius:18px;
  background:linear-gradient(135deg,#171717,#0f0f0f 62%,rgba(245,190,71,.08));
}
.premiumHero h1{margin:0 0 8px;font-size:clamp(30px,5vw,58px);line-height:.98}
.premiumHero p{color:#aaa;max-width:760px}
.premiumActive,.premiumInactive{
  display:inline-flex;
  margin-top:12px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(245,207,91,.45);
  background:rgba(245,207,91,.12);
  color:#f5cf5b;
}
.premiumInactive{border-color:#444;background:#202020;color:#ddd}
.premiumMapTeaser{
  display:grid;
  place-items:center;
  gap:8px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:#111;
  text-align:center;
  padding:18px;
}
.premiumMapTeaser .miniSk{width:150px;height:82px}
.premiumGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.premiumCard{
  position:relative;
  display:grid;
  gap:12px;
  padding:20px;
  border:1px solid #2e2e2e;
  border-radius:16px;
  background:#151515;
}
.premiumCard h2{margin:0;font-size:26px}
.premiumCard p{margin:0;color:#aaa}
.premiumCrown{
  width:42px;height:42px;border-radius:13px;
  display:grid;place-items:center;
  background:rgba(245,190,71,.15);
  color:#f5be47;
  font-weight:1000;
}
.premiumMeta{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:#202020}
.premiumMeta small{color:#aaa}
.smsBox{display:grid;gap:5px;padding:12px;border-radius:12px;background:#0c0c0c;border:1px solid #292929}
.smsBox small,.callbackHint{color:#9b9b9b}
.smsBox code,.callbackHint code{white-space:normal;word-break:break-word;color:#f5cf5b}
.premiumInfo{padding:18px}
.premiumInfo ol{margin:8px 0 0;padding-left:22px;color:#d8d8d8}
.premiumPicker{display:grid;gap:16px;padding:18px}
.premiumCountryTabs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  padding:5px;
  border:1px solid #2d2d2d;
  border-radius:14px;
  background:#101010;
}
.premiumCountryTabs button{
  min-height:44px;
  border-radius:10px!important;
  background:#191919!important;
  color:#aaa!important;
}
.premiumCountryTabs button.active{
  background:#ededed!important;
  border-color:#fff!important;
  color:#111!important;
}
.premiumPackageChoices{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.premiumChoiceCard{
  display:grid!important;
  gap:5px!important;
  text-align:left!important;
  align-content:start!important;
  min-height:110px!important;
  padding:15px!important;
  border-radius:14px!important;
  border:1px solid #2f2f2f!important;
  background:linear-gradient(180deg,#1a1a1a,#121212)!important;
}
.premiumChoiceCard b{font-size:20px;color:#fff}
.premiumChoiceCard span{font-size:28px;font-weight:1000;color:#f5cf5b}
.premiumChoiceCard small{color:#aaa}
.premiumChoiceCard.active{
  border-color:#f5cf5b!important;
  box-shadow:0 0 0 2px rgba(245,207,91,.18),0 16px 36px rgba(0,0,0,.28)!important;
}
.smsPreviewCard{
  display:grid;
  gap:14px;
  padding:18px;
  border-radius:16px;
  border:1px solid rgba(85,242,138,.24);
  background:linear-gradient(135deg,rgba(85,242,138,.09),#111 50%);
}
.smsPreviewCard h3{margin:4px 0 0;font-size:28px}
.smsPreviewCard p{margin:0;color:#aaa}
.smsPreviewCard label{display:grid;gap:7px;color:#aaa;font-weight:900}
.smsPreviewCard code{
  display:block;
  padding:15px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.12);
  background:#050505;
  color:#55f28a;
  font-size:20px;
  word-break:break-word;
}
.smsPreviewActions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.smsPreviewActions span{color:#aaa}
.smsDefinitions{display:grid;gap:10px;margin-top:14px}
.smsDefinition{
  display:grid;
  grid-template-columns:minmax(180px,.8fr) 90px minmax(0,2fr);
  gap:12px;
  align-items:start;
  padding:12px;
  border:1px solid #303030;
  border-radius:12px;
  background:#101010;
}
.smsDefinition b{color:#f2f2f2}
.smsDefinition b small{color:#aaa;font-weight:800}
.smsDefinition em{
  justify-self:start;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(85,242,138,.12);
  color:#55f28a;
  font-style:normal;
  font-weight:1000;
}
.smsDefinition code{
  white-space:normal;
  word-break:break-word;
  color:#dcdcdc;
  line-height:1.45;
}
.premiumLoading{padding:30px;border:1px solid #2b2b2b;border-radius:16px;background:#151515}

.svgRegion.selectedPreviewRegion path{
  stroke:#f5cf5b!important;
  stroke-width:6!important;
  filter:drop-shadow(0 0 8px rgba(245,207,91,.55));
  animation:selectedPulse 1.1s ease-out infinite;
}
.svgRegion.capturedRegion path{
  stroke:#fff7c1!important;
  stroke-width:7!important;
  filter:drop-shadow(0 0 12px rgba(245,207,91,.65));
  animation:captureFlash 1.7s ease-out both;
}
@keyframes selectedPulse{0%,100%{opacity:.88}50%{opacity:1}}
@keyframes captureFlash{0%{transform:scale(1.018);opacity:1}55%{transform:scale(1);opacity:1}100%{opacity:.92}}
.regionEventBadge{
  position:absolute;
  z-index:8;
  transform:translate(-50%,-120%);
  display:grid;
  gap:1px;
  min-width:104px;
  padding:7px 10px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.20);
  background:rgba(12,12,12,.88);
  box-shadow:0 12px 30px rgba(0,0,0,.42);
  pointer-events:none;
  text-align:center;
  animation:badgePop 2.4s ease-out both;
}
.regionEventBadge b{font-size:16px;color:#fff}
.regionEventBadge small{font-size:10px;color:#cfcfcf}
.regionEventBadge.capture{border-color:#f5cf5b;background:rgba(36,29,10,.94)}
.regionEventBadge.capture b{color:#f5cf5b}
.regionEventBadge.select{border-color:#8eb6ff}
@keyframes badgePop{0%{opacity:0;transform:translate(-50%,-90%) scale(.82)}14%,72%{opacity:1;transform:translate(-50%,-120%) scale(1)}100%{opacity:.18;transform:translate(-50%,-150%) scale(.96)}}

.answeredPreview{
  display:grid;
  grid-template-columns:minmax(180px,.9fr) minmax(260px,1.2fr);
  gap:14px;
  align-items:center;
  padding:12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(18,18,18,.92);
}
.answeredPreview b{font-size:22px}
.answeredPreview small{display:block;color:#aaa;margin-top:4px;line-height:1.35}
.answeredMiniMap{
  width:100%;
  min-height:180px;
  max-height:255px;
  border-radius:14px;
  background:linear-gradient(180deg,#12161c,#0b0d10);
  border:1px solid #2a2f38;
  padding:10px;
}
.miniRegion{fill:#3a3b40;stroke:#f2f2f2;stroke-width:2.8;opacity:.76}
.miniRegion.red{fill:#df5552}.miniRegion.blue{fill:#4e83f0}.miniRegion.green{fill:#48a85a}.miniRegion.orange{fill:#f28b3a}.miniRegion.yellow{fill:#d9b849}.miniRegion.purple{fill:#8b6ee8}
.miniRegion.picked{stroke:#f5cf5b;stroke-width:7;opacity:1}
.miniRegion.captured{stroke:#fff7c1;stroke-width:8;filter:drop-shadow(0 0 9px rgba(245,207,91,.65))}
.answerPlayers{
  grid-column:1/-1;
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.answerPlayers span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 9px;
  border-radius:999px;
  background:#202020;
  color:#9b9b9b;
  font-size:12px;
  font-weight:900;
}
.answerPlayers span.done{color:#fff;border:1px solid rgba(255,255,255,.10)}
.answerPlayers i{width:8px;height:8px;border-radius:50%;background:#666}
.answerPlayers .red i{background:var(--red)}.answerPlayers .blue i{background:var(--blue)}.answerPlayers .green i{background:var(--green)}.answerPlayers .orange i{background:var(--orange)}.answerPlayers .yellow i{background:var(--amber)}.answerPlayers .purple i{background:#8b6ee8}

@media(max-width:900px){
  .premiumHero,.premiumGrid,.answeredPreview{grid-template-columns:1fr}
  .premiumCountryTabs,.premiumPackageChoices{grid-template-columns:1fr}
  .smsDefinition{grid-template-columns:1fr}
  .premiumMapTeaser{min-height:170px}
}
@media(max-width:620px){
  .premiumPage{padding:12px}
  .premiumHero,.premiumCard{padding:14px;border-radius:14px}
  .answeredMiniMap{max-height:190px}
  .regionEventBadge{min-width:82px;padding:6px 8px}
}

/* v30 admin2 responsive suite */
:root{
  --app-bg:#eef3f8;
  --paper:#ffffff;
  --paper-2:#f8fafc;
  --ink:#172232;
  --ink-soft:#64748b;
  --navy:#071927;
  --navy-2:#0d2a42;
  --line-soft:#d7e1ec;
  --brand-green:#17b85f;
  --brand-blue:#1f7bdc;
  --brand-gold:#f5b83d;
}
html,body{background:var(--app-bg)!important;color:var(--ink)!important}
header{background:var(--navy)!important;border-bottom:1px solid #173653!important;color:#fff!important}
header nav{color:#c7d4e2!important}
.brand{color:#fff!important;letter-spacing:0!important}
.logo{background:linear-gradient(135deg,#42dfc7 0 52%,#ffd05b 53% 100%)!important;border:0!important;color:transparent!important}
main{background:var(--app-bg)!important}
aside{background:linear-gradient(180deg,var(--navy),#061420)!important;border-right:1px solid #173653!important;color:#dbeafe!important}
aside button,.sideLink{color:#dbeafe!important}
aside button:hover,aside button.active{background:linear-gradient(180deg,#2089e8,#176bc0)!important;color:#fff!important;border:1px solid #3999ed!important}
.content{background:var(--app-bg)!important;color:var(--ink)!important}
.panel,.card,.adminBox,.dashCard,.stats>div,.titleRow,.scoreCol,.miniChat,.mapWrap{
  background:var(--paper)!important;
  border:1px solid var(--line-soft)!important;
  color:var(--ink)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.06)!important;
}
.sectionTitle span,.ruleLead,.dashCard small,.stats small,.friendRow small,.publicGame small,.publicGame em{color:var(--ink-soft)!important}
input,select,textarea{background:#fff!important;color:var(--ink)!important;border-color:#cbd8e6!important}
input:focus,select:focus,textarea:focus{border-color:#72a7df!important;box-shadow:0 0 0 3px rgba(31,123,220,.12)!important}
button{border-color:#c9d7e6;background:#fff;color:var(--ink);box-shadow:none!important}
button:hover{background:#f5f8fb;border-color:#9cb4cc}
button.primary,.primary,.homeActions button.primary,.wideBtn.primary{background:linear-gradient(180deg,#1f8be6,#176fc4)!important;color:#fff!important;border-color:#176fc4!important}
.homeHero{background:var(--paper)!important;border:1px solid var(--line-soft)!important;border-radius:14px!important;padding:22px!important;box-shadow:0 12px 28px rgba(15,23,42,.06)!important}
.homeHero h1,.screen h1{color:var(--ink)!important}
.eyebrow{color:#128b7b!important;letter-spacing:.12em!important}
.homeActions button:not(.primary){background:#f7ead8!important;border-color:#d7c5ad!important}
.dashCard span,.stats span{color:#1265ad!important}
.dashCard i{background:linear-gradient(90deg,#2089e8,#17b85f)!important}
.rulesList p{background:#f9fbfd!important;border:1px solid var(--line-soft);border-radius:10px;padding:10px;color:var(--ink)!important}
.publicGame,.friendRow,.adminSetCard,.setRow,.leaderRow,.questionItem{background:#fff!important;border-color:var(--line-soft)!important;color:var(--ink)!important}
.publicGame:hover,.friendRow:hover,.adminSetCard:hover{background:#f8fbff!important}
.tip{background:#092035!important;border-color:#1d486b!important;color:#dbeafe!important}
.mad{color:#f5d27a!important}
.userMenu{background:#0b1f31;border-color:#224560}.userMenu:before{background:#0b1f31;border-color:#224560}.userMenu button{color:#eaf3ff!important}.userMenu button:hover{background:#14314b!important}

.mobileDock{
  position:fixed;
  left:10px;
  right:10px;
  bottom:10px;
  z-index:65;
  display:none;
  grid-template-columns:repeat(5,1fr);
  gap:6px;
  padding:7px;
  border:1px solid #1a4365;
  border-radius:14px;
  background:#071927;
  box-shadow:0 14px 40px rgba(0,0,0,.32);
}
.mobileDock button{min-height:42px!important;padding:6px!important;border:0!important;background:transparent!important;color:#dbeafe!important;font-size:12px!important}

.createWizard{width:min(1060px,calc(100vw - 28px))!important;max-height:calc(100dvh - 28px)!important;padding:18px!important;background:#fff!important;color:var(--ink)!important}
.createWizard .modalHead{border-bottom:1px solid var(--line-soft);padding-bottom:10px;margin-bottom:12px}
.createWizard .modalHead h2{font-size:28px!important}
.wizardSteps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 14px}
.wizardSteps button{display:flex;align-items:center;gap:8px;justify-content:flex-start;min-height:50px!important;border-radius:10px!important;background:#f5f8fb!important}
.wizardSteps button b{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#dbeafe;color:#135da2}
.wizardSteps button span{white-space:normal;text-align:left}
.wizardSteps button.active{background:#e8f3ff!important;border-color:#74afe8!important}
.wizardSteps button.active b{background:#1976d2;color:#fff}
.wizardPage{display:none}
.wizardPage.active{display:block}
.wizardIntro{display:flex;justify-content:space-between;gap:16px;align-items:end;margin:0 0 12px;padding:10px 12px;border:1px solid var(--line-soft);border-radius:10px;background:#f8fbff}
.wizardIntro b{font-size:17px}.wizardIntro span{color:var(--ink-soft);font-size:13px;line-height:1.35}
.createWizard .mapChoices{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.createWizard .mapChoice{background:#fff!important;border-color:#dac7ad!important;color:var(--ink)!important}
.createWizard .mapChoice.active{outline:0!important;border-color:#1f7bdc!important;background:#edf7ff!important}
.createWizard .mapPreview{background:#fff8ee!important;border-color:#dac7ad!important;color:var(--ink)!important}
.createWizard .createOptions{grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px}
.setPickerTools{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.7fr);gap:12px;align-items:end;margin:8px 0 12px}
#selectedSetsSummary{display:flex;align-items:center;gap:10px;min-height:54px;padding:10px 12px;border:1px solid #dac7ad;border-radius:10px;background:#fff8ee;color:var(--ink);font-weight:900}
#selectedSetsSummary b{font-size:24px;color:#1976d2}#selectedSetsSummary span,#selectedSetsSummary small{color:var(--ink-soft)}
.createWizard #sets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:none!important;overflow:visible!important}
.createWizard .setCheckLine{margin:0!important;background:#fff!important;border-color:#dac7ad!important;color:var(--ink)!important;min-height:78px}
.createWizard .setCheckLine:not(.disabled):has(input:checked){border-color:#18a058!important;background:#eefaf3!important}
.createWizard .setCheckLine small{color:var(--ink-soft)!important}
.createSummary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.createSummary article{padding:14px;border:1px solid var(--line-soft);border-radius:10px;background:#f8fbff}
.createSummary article.wide{grid-column:1/-1}.createSummary b,.createSummary span{display:block}.createSummary span{color:var(--ink-soft);margin-top:4px}
.wizardCreate.hidden,.wizardNext.hidden{display:none!important}

.adminWorkspace{display:grid;gap:14px}
.adminHero{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 20px;border:1px solid var(--line-soft);border-radius:14px;background:linear-gradient(135deg,#ffffff,#f5f9ff)}
.adminHero h1{margin:0 0 4px!important;font-size:30px!important}.adminHero span{color:var(--ink-soft)}
.adminHeroActions{display:flex;gap:8px;flex-wrap:wrap}
.adminTabs{display:flex;gap:7px;overflow:auto;padding:6px;border:1px solid var(--line-soft);border-radius:12px;background:#fff}
.adminTabs button{min-height:38px!important;border-radius:9px!important;background:#fff!important}
.adminTabs button.active{background:#1976d2!important;color:#fff!important;border-color:#1976d2!important}
.adminTab{display:none}.adminTab.active{display:block}
.adminSectionIntro{display:flex;justify-content:space-between;gap:12px;align-items:end;margin:2px 0 10px}
.adminSectionIntro h2{margin:0;font-size:24px!important}.adminSectionIntro p{margin:0;color:var(--ink-soft)}
.adminMetricGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.adminMetricCard{text-align:left!important;display:grid!important;align-content:start!important;gap:4px;min-height:104px!important;border-radius:12px!important;background:#fff!important}
.adminMetricCard small{color:var(--ink-soft)}.adminMetricCard b{font-size:15px}.adminMetricCard span{font-size:28px;font-weight:1000;color:#1976d2}
.adminQuickActions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.adminQuickActions button{background:#f8fbff!important}
.adminDashSplit{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}
.adminMiniList{display:grid;gap:8px}
.adminMiniUser,.adminPendingQuestion{display:grid!important;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;text-align:left!important;width:100%;background:#fff!important;border-color:var(--line-soft)!important;border-radius:10px!important}
.adminPendingQuestion{grid-template-columns:minmax(0,1fr) auto}
.adminMiniUser small,.adminPendingQuestion small{display:block;color:var(--ink-soft);white-space:normal}
.adminUsersLayout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:12px}
.adminUserTools{display:grid;grid-template-columns:minmax(0,1fr) 138px;gap:8px;margin-bottom:10px}
.adminUserRows{display:grid;gap:8px;max-height:calc(100dvh - 270px);overflow:auto;padding-right:4px}
.adminUserRow{width:100%;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left!important;white-space:normal!important;border-radius:12px!important;background:#fff!important}
.adminUserRow.active{border-color:#1976d2!important;background:#eef7ff!important}
.adminUserRow small{display:block;color:var(--ink-soft);line-height:1.35}.adminUserRow strong{color:#1976d2}
.roleBadges{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.roleBadge{display:inline-flex;align-items:center;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:1000;text-transform:uppercase;background:#eef2f7;color:#516174}
.roleBadge.admin{background:#e8f1ff;color:#0f5fa8}.roleBadge.premium{background:#fff3cf;color:#986a00}.roleBadge.bot{background:#ecfdf5;color:#087a43}.roleBadge.banned{background:#fee2e2;color:#b42323}.roleBadge.player{background:#f1f5f9;color:#475569}
.adminUserProfileHead{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:center}.avatar.big{width:72px!important;height:72px!important;font-size:28px!important}
.adminUserProfileHead h2{margin:0;font-size:28px!important}.adminUserProfileHead small{display:block;margin-top:4px;color:var(--ink-soft)}
.adminUserStats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:14px 0}
.adminUserStats span{padding:10px;border:1px solid var(--line-soft);border-radius:10px;background:#f8fbff}.adminUserStats b{display:block;font-size:22px;color:#1976d2}.adminUserStats small{color:var(--ink-soft)}
.adminUserEditGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.adminUserEditGrid label{display:grid;gap:6px;font-weight:900}.adminUserEditGrid .wide{grid-column:1/-1}
.checkLine{display:flex!important;align-items:center!important;gap:8px!important;padding:10px;border:1px solid var(--line-soft);border-radius:10px;background:#f8fbff}.checkLine input{width:auto;min-height:0}.checkLine.danger{border-color:#fecaca;background:#fff5f5}
.adminUserActions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.adminUserInsightGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.adminUserInsightGrid section{padding:12px;border:1px solid var(--line-soft);border-radius:12px;background:#f8fbff}.adminUserInsightGrid h3{margin:0 0 8px}
.adminTinyRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line-soft)}.adminTinyRow:last-child{border-bottom:0}.adminTinyRow small{display:block;color:var(--ink-soft)}
.adminMapStats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.adminMapStats span{padding:10px;border-radius:10px;background:#fff;border:1px solid var(--line-soft)}.adminMapStats small{display:block;color:var(--ink-soft)}
.adminQualityRows{display:grid;gap:8px}.qualityRow{display:grid;grid-template-columns:minmax(0,1fr) 90px 90px 70px auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--line-soft);border-radius:12px;background:#fff}.qualityRow.risk{border-color:#f5a3a3;background:#fff8f8}.qualityRow small{display:block;color:var(--ink-soft)}.qualityRow span b{display:block;font-size:18px;color:#1976d2}
.questionTable{overflow:auto}.qRow,.qHead{min-width:760px}
.adminLog pre{max-height:240px;overflow:auto;background:#091826;color:#dbeafe;border-radius:10px;padding:12px}

body.inGame{overflow:hidden!important;background:#071927!important}
body.inGame main{background:#071927!important}
body.inGame .content{padding:8px!important;background:#071927!important;height:calc(100dvh - var(--header))!important;overflow:hidden!important}
body.inGame #play{height:100%!important;overflow:hidden!important}
body.inGame .gameHudTop{
  min-height:54px!important;
  margin:0 0 8px!important;
  padding:8px 10px!important;
  background:#0b2236!important;
  color:#fff!important;
  border-color:#1d486b!important;
  border-radius:12px!important;
}
body.inGame .gameHudTop button{background:#fff8ee!important;border-color:#dac7ad!important;color:#172232!important}
body.inGame .gameLayout{
  height:calc(100dvh - var(--header) - 72px)!important;
  min-height:0!important;
  grid-template-columns:minmax(210px,250px) minmax(420px,1fr) minmax(260px,330px)!important;
  gap:8px!important;
}
body.inGame .scoreCol,body.inGame .miniChat,body.inGame .mapWrap{min-height:0!important;height:100%!important;overflow:hidden!important;background:#fff!important;color:var(--ink)!important}
body.inGame .scoreCol,body.inGame .miniChat{display:flex!important;flex-direction:column!important}
body.inGame #scoreboard,body.inGame #playChat{min-height:0!important;overflow:auto!important}
body.inGame .mapWrap{position:relative!important;padding:0!important;background:#fff8ee!important}
body.inGame #map{height:100%!important;min-height:0!important;display:grid;place-items:center}
body.inGame .svgMap{width:100%!important;height:100%!important;max-height:none!important;padding:54px 12px 34px!important}
body.inGame .mapTitle{background:#fff!important;color:var(--ink)!important;border-color:#cbd8e6!important;box-shadow:0 12px 30px rgba(15,23,42,.12)!important}
body.inGame .mapHint,body.inGame .mapLegend{background:#fff!important;color:var(--ink)!important;border-color:#cbd8e6!important}
body.inGame .score.hudPlayer{background:#fff!important;color:var(--ink)!important;border-color:#d4dfeb!important}
body.inGame .score.hudPlayer.attacker{border-color:#1f7bdc!important;background:#eef7ff!important}
body.inGame .score.hudPlayer.defender{border-color:#ef5252!important;background:#fff1f1!important}
body.inGame .miniChat .msg{background:#fff!important;color:var(--ink)!important;border-color:#d8e3ee!important}
body.inGame .questionBox{
  width:min(660px,calc(100vw - 44px))!important;
  max-height:min(76dvh,620px)!important;
  overflow:auto!important;
  background:#0d1824!important;
  color:#fff!important;
  border:1px solid #28445e!important;
  border-radius:16px!important;
  box-shadow:0 24px 90px rgba(0,0,0,.45),0 0 0 9999px rgba(7,12,17,.45)!important;
}
body.inGame .questionBox.submitting:after{content:"Odesilam odpoved...";position:absolute;inset:auto 16px 14px;display:grid;place-items:center;min-height:34px;border-radius:10px;background:#1976d2;color:#fff;font-weight:1000}
body.inGame .questionBox h2{color:#fff!important;max-height:none!important;text-align:center}
body.inGame .questionBox small{background:#18293b!important;color:#dbeafe!important;border-color:#33516e!important}
body.inGame .ans,body.inGame .numGrid button,body.inGame .numActions button{background:#fff8ee!important;color:#172232!important;border-color:#dac7ad!important}
body.inGame .numSubmit{background:#18a058!important;color:#fff!important;border-color:#11864a!important}
body.inGame .answerDisplay{background:#050b12!important;color:#fff!important;border-color:#33516e!important}
body.inGame .questionBox.imageQuestion{width:min(900px,calc(100vw - 44px))!important}
body.inGame .questionBox.imageQuestion #answers{grid-template-columns:minmax(260px,1fr) minmax(220px,.8fr)!important}
body.inGame .questionMedia{background:#152332!important;border-color:#33516e!important}

.profilePage,.premiumPage,.wikiShell{color:var(--ink)!important}
.profilePageHero,.profileHistory,.premiumHero,.premiumFeatureStrip article,.premiumCompactGrid article,.premiumCompareTable,.premiumPicker,.premiumInfo,.premiumOrders,.wikiContent,.wikiGrid article,.wikiNote,.wikiCards a{
  background:#fff!important;
  color:var(--ink)!important;
  border:1px solid var(--line-soft)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.06)!important;
}
.profilePageHero{border-radius:14px;padding:22px}.profileStats span{background:#fff!important;color:var(--ink)!important;border-color:var(--line-soft)!important}.profileStats b{color:#1976d2!important}
.leaderCard{background:#fff!important;color:var(--ink)!important;border-color:var(--line-soft)!important}.leaderCard.rankGold{background:#fff7df!important;border-color:#efc75b!important}.leaderCard strong,.leaderCard .leaderName b{color:var(--ink)!important}
.premiumHero h1,.wikiHero h1,.wikiSection h2{color:var(--ink)!important}.premiumHero p,.premiumCard p,.wikiHero p,.wikiSection p,.wikiSection li{color:#475569!important}
.premiumCard,.premiumChoiceCard,.smsPreviewCard,.premiumLoading{background:#fff!important;color:var(--ink)!important;border-color:var(--line-soft)!important}
.smsPreviewCard code,.smsBox code{background:#071927!important;color:#d6ffdf!important}

@media(max-width:1180px){
  .adminMetricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .adminDashSplit,.adminUsersLayout,.adminUserInsightGrid{grid-template-columns:1fr}
  .adminUserRows{max-height:360px}
  .createWizard .createOptions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .createWizard #sets{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.inGame .gameLayout{grid-template-columns:1fr!important;height:calc(100dvh - var(--header) - 116px)!important}
  body.inGame .gameMobileTabs{display:grid!important}
  body.inGame .scoreCol,body.inGame .miniChat,body.inGame .mapWrap{display:none!important}
  body.inGame[data-game-tab="players"] .scoreCol{display:flex!important}
  body.inGame[data-game-tab="chat"] .miniChat{display:flex!important}
  body.inGame[data-game-tab="map"] .mapWrap{display:block!important}
}
@media(max-width:760px){
  body{padding-bottom:66px}
  .mobileDock{display:grid}
  .content{padding:10px!important}
  .homeHero{padding:16px!important}.homeHero h1{font-size:28px!important}
  .adminHero,.adminSectionIntro{display:block}
  .adminTabs{position:sticky;top:var(--header);z-index:5}
  .adminMetricGrid,.adminUserStats,.adminUserEditGrid,.qualityRow{grid-template-columns:1fr}
  .adminUserTools,.setPickerTools,.createSummary{grid-template-columns:1fr}
  .createWizard{width:calc(100vw - 16px)!important;padding:14px!important}
  .wizardSteps{grid-template-columns:repeat(2,1fr)}
  .wizardSteps button span{font-size:12px}
  .createWizard .mapChoices,.createWizard .createOptions,.createWizard #sets{grid-template-columns:1fr}
  body.inGame{padding-bottom:0}
  body.inGame .content{height:calc(100dvh - var(--header))!important;padding:6px!important}
  body.inGame .gameHudTop{display:grid!important;grid-template-columns:1fr 1fr;margin-bottom:6px!important}
  body.inGame .gameHudTop b{grid-column:1/-1}
  body.inGame .gameLayout{height:calc(100dvh - var(--header) - 134px)!important}
  body.inGame .svgMap{padding:78px 2px 38px!important}
  body.inGame .mapTitle{left:8px!important;right:8px!important;top:8px!important;min-width:0!important}
  body.inGame .questionBox,body.inGame .questionBox.imageQuestion{
    width:calc(100vw - 16px)!important;
    max-height:78dvh!important;
    padding:12px!important;
  }
  body.inGame .questionBox.imageQuestion #answers{grid-template-columns:1fr!important}
  body.inGame .questionMedia{grid-row:auto!important;min-height:160px!important}
}
@media(max-width:480px){
  .brand{font-size:18px!important}
  .wizardSteps{grid-template-columns:1fr}
  .modalActions{display:grid;grid-template-columns:1fr 1fr}.modalActions button{width:100%}
  body.inGame .gameHudTop button{font-size:11px!important;padding:6px!important}
  body.inGame .questionBox h2{font-size:20px!important}
  .numGrid button{height:38px!important}
}

/* v31 Terriq dark brand - final override over the temporary light layer */
:root{
  --app-bg:#050b12;
  --navy:#07111d;
  --navy-2:#091827;
  --paper:#0d1724;
  --paper-2:#111d2c;
  --surface:#0d1724;
  --surface-2:#121f30;
  --surface-3:#18283b;
  --line:#223750;
  --line-soft:#263d58;
  --ink:#edf6ff;
  --text:#edf6ff;
  --muted:#9aadc2;
  --ink-soft:#9aadc2;
  --blue:#2f8dff;
  --green:#1fc878;
  --gold:#ffcf5b;
  --red:#ef5252;
}
*,*:before,*:after{backdrop-filter:none!important}
html,body{
  background:radial-gradient(circle at 50% -12%,#14253b 0,#07111d 42%,#03070d 100%)!important;
  color:var(--ink)!important;
}
body{color-scheme:dark}
header{
  background:linear-gradient(180deg,#0d1d2e,#07111d)!important;
  border-color:#203650!important;
  box-shadow:0 12px 34px rgba(0,0,0,.22)!important;
}
.brand{gap:12px!important;color:#f5f9ff!important;letter-spacing:.01em!important}
.brandText{font-weight:1000;text-transform:uppercase}
.logo{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  box-shadow:0 14px 24px rgba(0,0,0,.28)!important;
  color:transparent!important;
}
.logo img{display:block;width:100%;height:100%;object-fit:contain}
.hamb,.bellBtn,.navBtn,.userTrigger{
  background:#102238!important;
  color:#eef6ff!important;
  border:1px solid #284563!important;
  box-shadow:none!important;
}
header nav a{color:#cad7e5!important}
header nav a:hover{color:#fff!important;background:#102238!important}
.userMenu,.userMenu:before{background:#0d1724!important;border-color:#2a4565!important}
.userMenu button,.volumeLine{color:#edf6ff!important;background:transparent!important}
.userMenu button:hover{background:#17283b!important}

main,.content{
  background:linear-gradient(180deg,#07111d,#050b12)!important;
  color:var(--ink)!important;
}
aside#side{
  background:linear-gradient(180deg,#0b2034 0,#061321 58%,#040a11 100%)!important;
  border-color:#203650!important;
  box-shadow:inset -1px 0 0 rgba(255,255,255,.03)!important;
}
aside#side button{
  background:transparent!important;
  color:#d9e6f2!important;
  border:1px solid transparent!important;
}
aside#side button:hover{background:#10243a!important;border-color:#264764!important;color:#fff!important}
aside#side button.active,aside#side [data-nav].active,.sidePlay.active,.sideRank.active,.sidePremium.active,.sideHelp.active{
  background:linear-gradient(180deg,#208cff,#136fc9)!important;
  color:#fff!important;
  border-color:#3f9cff!important;
}
.sidePlay{
  background:linear-gradient(180deg,#1fc878,#13985a)!important;
  color:#fff!important;
  border-color:#28d989!important;
}
.tip{background:#0e2437!important;border-color:#284864!important;color:#bcd0e3!important}
.mad{color:#ffcf5b!important;letter-spacing:.08em!important}

.screen,.panel,.card,.adminBox,.homeHero,.rulesPanel,.publicPanel,.friendsPanel,.staticHero,.staticContent,
.profilePageHero,.profileHistory,.premiumHero,.premiumFeatureStrip article,.premiumCompactGrid article,
.premiumCompareTable,.premiumPicker,.premiumInfo,.premiumOrders,.wikiContent,.wikiGrid article,.wikiNote,.wikiCards a,
.authCard,.setsStudio .panel,.questionGuide,.questionEditor,.friendsFull,.modalOverlay .createModal{
  background:linear-gradient(180deg,#101d2c,#0b1420)!important;
  color:var(--ink)!important;
  border:1px solid var(--line)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.24)!important;
}
.homeHero{
  background:
    linear-gradient(rgba(31,200,120,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(47,141,255,.055) 1px,transparent 1px),
    linear-gradient(135deg,#101d2c,#07111d)!important;
  background-size:42px 42px,42px 42px,auto!important;
}
.homeHero h1,.screen h1,.panel h2,.card h2,.staticHero h1,.profilePageHero h1,.premiumHero h1,.wikiHero h1,.wikiSection h2,
#adminScreen h1,.adminHero h1,.adminSectionIntro h2{
  color:#f4f8ff!important;
}
.ruleLead,.homeHero p,.staticContent p,.profilePageHero p:not(.eyebrow),.profilePageHero small,
.premiumHero p,.premiumCard p,.wikiHero p,.wikiSection p,.wikiSection li,.adminSectionIntro p,
.sectionTitle span,.fieldHelp,.fieldHint,small{
  color:var(--muted)!important;
}
.eyebrow{color:#37e0bd!important}

button,.copyBtn,.iconBtn,.adminTools button,.actionRow button,.leaderFilters button,.wizardSteps button,
.homeActions button:not(.primary),.wideBtn:not(.primary){
  background:#132337!important;
  color:#eef6ff!important;
  border:1px solid #2b4664!important;
  box-shadow:none!important;
}
button:hover,.copyBtn:hover,.iconBtn:hover{background:#1a314a!important;border-color:#3b6690!important}
button.primary,.primary,.wideBtn.primary,.homeActions button.primary,.modalActions .primary,
.numSubmit,.chatInput button{
  background:linear-gradient(180deg,#20cf7b,#119457)!important;
  color:#ffffff!important;
  border-color:#29df8a!important;
}
button:disabled{opacity:.55!important;cursor:not-allowed!important}
input,select,textarea{
  background:#08131f!important;
  color:#edf6ff!important;
  border:1px solid #2a4562!important;
  box-shadow:none!important;
}
input::placeholder,textarea::placeholder{color:#6f8296!important}
input:focus,select:focus,textarea:focus{
  border-color:#3a95ff!important;
  box-shadow:0 0 0 3px rgba(47,141,255,.18)!important;
  outline:none!important;
}
label{color:#eaf2fb!important}

.dashCard,.stats>div,.publicGame,.friendRow,.adminSetCard,.setRow,.leaderRow,.questionItem,.questionLivePreview,
.editorSteps>div,.setCreateCard,.editorFormCard,.hintBox,.choiceGrid label,.formGrid label,.compactFields label,
.createSummary article,.adminMetricCard,.adminMiniUser,.adminPendingQuestion,.adminUserRow,.adminUserStats span,
.adminUserInsightGrid section,.adminMapStats span,.qualityRow,.qRow,.qHead,.adminTinyRow,.premiumCard,.premiumChoiceCard,
.smsPreviewCard,.premiumLoading,.leaderCard,.wikiToc,.wikiGroup,.contactCompact section,.contactCompact aside,.contactForm,
.rulesList p,.lobbySet,.score.hudPlayer,.miniChat .msg,#chat .msg,#playChat .msg{
  background:#0e1b2a!important;
  color:var(--ink)!important;
  border-color:#263f5c!important;
  box-shadow:none!important;
}
.dashCard span,.stats span,.profileStats b,.adminMetricCard span,.adminUserStats b,.qualityRow span b{
  color:#37b7ff!important;
}
.dashCard i,.xpBar span,.health span{background:linear-gradient(90deg,#1fc878,#2f8dff)!important}
.publicGame:hover,.friendRow:hover,.adminSetCard:hover,.leaderCard:hover{background:#142438!important;border-color:#3a628a!important}
.leaderCard.rankGold{
  background:linear-gradient(180deg,#1b160b,#111721)!important;
  border-color:#8d6a20!important;
}
.leaderCard strong,.leaderCard .leaderName b{color:#f5f8ff!important}
.leaderFilters .active{background:#1f8cff!important;color:#fff!important;border-color:#4ba4ff!important}

.createWizard,.createModal{
  background:#0d1724!important;
  color:var(--ink)!important;
  border-color:#2a4563!important;
}
.modalOverlay{background:rgba(2,6,12,.78)!important}
.createWizard .modalHead{border-color:#2a4563!important}
.wizardIntro,#selectedSetsSummary,.createWizard .mapPreview{
  background:#0a1420!important;
  border-color:#2a4563!important;
  color:var(--ink)!important;
}
.wizardSteps button{background:#0d1c2d!important}
.wizardSteps button b{background:#152a42!important;color:#8fc6ff!important}
.wizardSteps button.active{background:#143760!important;border-color:#3a95ff!important}
.wizardSteps button.active b{background:#2f8dff!important;color:#fff!important}
.createWizard .mapChoice,.createWizard .setCheckLine{
  background:#0e1b2a!important;
  color:var(--ink)!important;
  border-color:#2a4563!important;
}
.createWizard .mapChoice.active,.createWizard .setCheckLine:not(.disabled):has(input:checked){
  background:#0f2b27!important;
  border-color:#20cf7b!important;
}
.createWizard .mapChoice.locked{opacity:.55!important;background:#101722!important}

.adminPanel,.adminWorkspace{color:var(--ink)!important}
.adminHero{
  background:linear-gradient(135deg,#10243a,#0b1420)!important;
  border-color:#2a4563!important;
}
.adminTabs{background:#0b1420!important;border-color:#263f5c!important}
.adminTabs button{background:#101d2c!important;color:#dbe7f5!important}
.adminTabs button.active{background:#1f8cff!important;color:#fff!important;border-color:#4aa2ff!important}
.roleBadge{background:#17283b!important;color:#d7e5f5!important}
.roleBadge.admin{background:#123965!important;color:#9ed0ff!important}
.roleBadge.premium{background:#3a2a09!important;color:#ffdd79!important}
.roleBadge.banned{background:#3a1015!important;color:#ff9aa6!important}
.checkLine{background:#0c1826!important;border-color:#263f5c!important}
.checkLine.danger{background:#2b1118!important;border-color:#7a2d38!important}
.adminLog pre{background:#050b12!important;color:#cfe5ff!important;border:1px solid #263f5c!important}

.profilePage,.premiumPage,.wikiShell,.staticScreen{color:var(--ink)!important}
.profileStats span{background:#0e1b2a!important;color:var(--ink)!important;border-color:#263f5c!important}
.premiumPage{background:transparent!important}
.premiumCard,.premiumChoiceCard{border-color:#2a4563!important}
.smsPreviewCard code,.smsBox code{background:#06111d!important;color:#9effc9!important}
.wikiToc{position:sticky;background:#090f18!important}
.wikiToc a{color:#bdcad8!important}
.wikiToc a:hover{color:#fff!important}
.wikiCards a span{background:#17283b!important;color:#9fd1ff!important}
.ruleSteps span{background:#0e1b2a!important;border-color:#263f5c!important}

body.inGame{background:#050b12!important}
body.inGame main,body.inGame .content{background:#050b12!important}
body.inGame .gameHudTop{
  background:linear-gradient(180deg,#10243a,#091827)!important;
  color:#f5f9ff!important;
  border-color:#2a4563!important;
  box-shadow:0 16px 36px rgba(0,0,0,.28)!important;
}
body.inGame .gameHudTop button{
  background:#132337!important;
  color:#eef6ff!important;
  border-color:#2b4664!important;
}
body.inGame .scoreCol,body.inGame .miniChat,body.inGame .mapWrap{
  background:#0b1420!important;
  color:var(--ink)!important;
  border-color:#263f5c!important;
}
body.inGame .mapWrap{
  background:
    linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px),
    radial-gradient(circle at 50% 44%,#132235 0,#0a1420 58%,#050b12 100%)!important;
  background-size:44px 44px,44px 44px,auto!important;
}
body.inGame .mapTitle,body.inGame .mapHint,body.inGame .mapLegend,.turnTimeline span,.playerLegend{
  background:#0d1724!important;
  color:var(--ink)!important;
  border-color:#2a4563!important;
}
body.inGame .score.hudPlayer{
  background:#0d1724!important;
  color:var(--ink)!important;
  border-color:#2a4563!important;
}
body.inGame .score.hudPlayer.attacker{background:#0f2744!important;border-color:#2f8dff!important}
body.inGame .score.hudPlayer.defender{background:#321820!important;border-color:#ef5252!important}
body.inGame .miniChat .msg,#playChat .msg,#chat .msg{background:#0d1724!important;color:#edf6ff!important;border-color:#2a4563!important}
body.inGame .questionBox{
  background:#0b1420!important;
  color:#f5f9ff!important;
  border-color:#345371!important;
  box-shadow:0 28px 80px rgba(0,0,0,.56),0 0 0 9999px rgba(1,5,10,.56)!important;
}
body.inGame .questionBox h2{color:#fff!important}
body.inGame .questionBox small{background:#15263a!important;color:#d9ebff!important;border-color:#365777!important}
body.inGame .ans,body.inGame .numGrid button,body.inGame .numActions button{
  background:#111f31!important;
  color:#edf6ff!important;
  border-color:#2c4867!important;
}
body.inGame .ans:hover:not(:disabled),body.inGame .numGrid button:hover,body.inGame .numActions button:hover{
  background:#1a314a!important;
  border-color:#4b7fb0!important;
}
body.inGame .numSubmit{
  background:linear-gradient(180deg,#20cf7b,#119457)!important;
  color:#fff!important;
  border-color:#29df8a!important;
}
body.inGame .answerDisplay{background:#050b12!important;color:#fff!important;border-color:#365777!important}
body.inGame .questionMedia{background:#08131f!important;border-color:#2a4563!important}

@media(max-width:1180px){
  body.inGame .gameLayout{grid-template-columns:1fr!important}
  body.inGame[data-game-tab="map"] .mapWrap{display:block!important}
  body.inGame[data-game-tab="players"] .scoreCol,body.inGame[data-game-tab="chat"] .miniChat{background:#0b1420!important}
}
@media(max-width:760px){
  aside#side{background:#071827!important}
  .mobileDock{background:#071827!important;border-color:#284864!important}
  .mobileDock button{color:#dbe8f5!important}
  .homeHero h1{font-size:clamp(30px,10vw,46px)!important}
  .brandText{font-size:20px!important}
  .logo{width:38px!important;height:38px!important}
  .createWizard{background:#0d1724!important}
  body.inGame .gameHudTop{background:#0d1d2e!important}
}
body.wikiMode .appWikiNav,
body.wikiMode .appWikiNav button{
  background:#0b1420!important;
  color:#edf6ff!important;
  border-color:#263f5c!important;
}
body.wikiMode .appWikiNav .sidePlay,
body.wikiMode .appWikiNav button.active{
  background:linear-gradient(180deg,#208cff,#136fc9)!important;
  color:#fff!important;
  border-color:#3f9cff!important;
}

/* v32 Terriq command center */
:root{
  --terriq-bg:#050b12;
  --terriq-panel:#0b1420;
  --terriq-panel-2:#101d2c;
  --terriq-line:#263f5c;
  --terriq-line-strong:#345371;
  --terriq-text:#f3f8ff;
  --terriq-muted:#9db0c5;
  --terriq-blue:#208cff;
  --terriq-green:#20cf7b;
  --terriq-gold:#ffcf5b;
  --terriq-red:#ef5252;
}
.screen,.panel,.card,.adminBox,.profilePageHero,.premiumHero,.premiumPreferences,.premiumRoadmap,.questionLivePreview{
  border-radius:10px!important;
}
body,.app,main,.content{background:var(--terriq-bg)!important;color:var(--terriq-text)!important}
.screen{background:transparent!important;box-shadow:none!important}

body.inGame .gameHudTop{
  padding:0!important;
  border:1px solid var(--terriq-line)!important;
  border-radius:10px!important;
  overflow:hidden;
}
.hudCommandBar{
  width:100%;
  display:grid;
  grid-template-columns:minmax(190px,1.1fr) minmax(170px,.8fr) minmax(260px,1.5fr) minmax(120px,.6fr) auto;
  align-items:center;
  gap:0;
  background:#0b1624;
}
.hudCommandBar>div{min-height:58px;padding:9px 12px;border-right:1px solid rgba(255,255,255,.08)}
.hudCommandBar>div:last-child{border-right:0}
.hudMode{display:flex;align-items:center;gap:10px}
.miniLogo{width:34px!important;height:34px!important;flex:0 0 auto}
.hudMode b,.hudPhase b{display:block;color:#fff;font-size:15px;line-height:1.15}
.hudMode small,.hudPhase small,.hudTimer small,.hudDuel small{display:block;color:var(--terriq-muted);font-size:11px;font-weight:800}
.hudPhase b{font-size:20px}
.hudDuel{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr) auto;align-items:center;gap:8px}
.hudDuel em{color:#d8e6f4;text-align:center;font-style:normal;font-size:22px}
.hudDuel strong{border:1px solid #5e45a8;background:#241a3f;color:#d9ccff;border-radius:999px;padding:6px 10px;font-size:12px;white-space:nowrap}
.hudPlayerChip{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:center;min-width:0}
.hudPlayerChip i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#17283b;border:1px solid #355679;color:#fff;font-style:normal;font-weight:1000}
.hudPlayerChip b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}
.hudPlayerChip.red i{background:#552229}.hudPlayerChip.blue i{background:#153f72}.hudPlayerChip.green i{background:#18482e}.hudPlayerChip.orange i{background:#553611}.hudPlayerChip.purple i{background:#39275d}
.hudTimer b{display:block;color:#fff;font-size:20px;line-height:1}
.hudTimer i{display:block;height:7px;background:#1e3045;border-radius:999px;overflow:hidden;margin-top:6px}
.hudTimer i span{display:block;height:100%;background:linear-gradient(90deg,var(--terriq-green),#53b1ff)}
.hudTimer>span{display:block;margin-top:4px;color:#cfe1f4;font-size:11px;font-weight:900}
.hudActions{display:flex!important;gap:6px;justify-content:flex-end}
.hudActions button{min-height:36px!important;padding:7px 11px!important;border-radius:8px!important}

.profileHeroV2{
  grid-template-columns:92px minmax(0,1fr) minmax(220px,.45fr)!important;
  background:linear-gradient(135deg,#10243a,#0b1420)!important;
  border-color:#2d4c6c!important;
  position:relative;
  overflow:hidden;
}
.profileHeroV2:before{content:"";position:absolute;inset:0;border-left:5px solid var(--terriq-blue);pointer-events:none}
.profileHeroV2.frame-gold:before{border-left-color:var(--terriq-gold)}
.profileHeroV2.frame-neon:before{border-left-color:#45ffd0}
.profileAvatar{background:#0f1b2b!important;border:1px solid #385a7d!important;box-shadow:0 12px 28px rgba(0,0,0,.32)}
.profileIdentity,.profileHeroPanel,.profileHeroV2 .profileActions{position:relative;z-index:1}
.profileHeroPanel{border:1px solid var(--terriq-line);border-radius:10px;background:#091521;padding:14px;display:grid;gap:6px}
.profileHeroPanel b{font-size:20px;color:#fff}
.profileHeroPanel span{color:var(--terriq-muted);font-weight:800}
.profileStatsV2{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:12px 0}
.profileStatsV2 span{border-radius:9px!important;padding:14px!important;background:#0e1b2a!important;border:1px solid var(--terriq-line)!important}
.profileStatsV2 b{font-size:28px!important;color:#37b7ff!important}
.profileGridV2{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;margin-bottom:12px}
.profileAchievementGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.profileAchievement{background:#0e1b2a;border:1px solid var(--terriq-line);border-radius:8px;padding:10px;min-height:94px;display:grid;align-content:start;gap:5px}
.profileAchievement b{width:30px;height:30px;border-radius:8px;background:#17283b;display:grid;place-items:center;color:#9fd1ff}
.profileAchievement span{font-weight:1000;color:#fff}
.profileAchievement small{color:var(--terriq-muted)!important}
.profileAchievement.locked{opacity:.55}
.profileAchievement.unlocked{border-color:#25784e;background:#0e241a}
.profileAchievement.unlocked b{background:#16603c;color:#beffd6}
.profileMapStatsV2{display:grid;gap:8px}
.profileMapStatsV2 article{border:1px solid var(--terriq-line);background:#0e1b2a;border-radius:8px;padding:11px}
.profileMapStatsV2 b{display:block;color:#fff}.profileMapStatsV2 span,.profileMapStatsV2 small{display:block;color:var(--terriq-muted)!important}
.profileHistoryRow{border-radius:8px!important;background:#0e1b2a!important;border:1px solid var(--terriq-line)!important}

.premiumPreferences{background:#0b1420!important;border:1px solid var(--terriq-line)!important;margin:10px 0!important;padding:16px!important}
.premiumPreferenceGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.premiumPreferenceGrid label{background:#0e1b2a;border:1px solid var(--terriq-line);border-radius:8px;padding:10px}
.premiumPreferencePreview{margin-top:10px;border:1px solid var(--terriq-line);border-radius:9px;background:#091521;padding:12px;display:flex;align-items:center;gap:10px}
.premiumPreferencePreview .avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#17283b;border:1px solid #385a7d;font-weight:1000}
.premiumPreferencePreview.frame-gold .avatar{border-color:var(--terriq-gold);color:#ffe8a3}
.premiumPreferencePreview.frame-neon .avatar{border-color:#45ffd0;color:#aefff0}
.premiumRoadmap>div:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.premiumRoadmap article{border:1px solid var(--terriq-line);background:#0e1b2a;border-radius:8px;padding:12px}
.premiumRoadmap b{display:block;color:#fff}.premiumRoadmap small{color:var(--terriq-muted)!important}

.questionChecklist{display:grid;gap:6px;margin-top:12px;border-top:1px solid var(--terriq-line);padding-top:10px}
.questionChecklist span{display:flex;gap:8px;align-items:center;color:#c9d8e8;font-size:12px;font-weight:900}
.questionChecklist span i{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font-style:normal;background:#26364a;color:#d9e8f8}
.questionChecklist .ok i{background:#135b3b;color:#bfffd7}.questionChecklist .warn i{background:#5b3e13;color:#ffd98a}
.questionPreviewScore{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;margin-bottom:2px}
.questionPreviewScore b{color:#fff}.questionPreviewScore span{height:7px;background:#1c2f44;border-radius:999px;overflow:hidden}.questionPreviewScore span i{display:block;height:100%;background:linear-gradient(90deg,var(--terriq-green),var(--terriq-blue))}
.questionPreviewScore small{color:var(--terriq-muted)!important;font-size:11px}
.questionLivePreview h3{line-height:1.15!important;color:#fff!important}

.adminOpsGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
.adminOpsCard{display:grid!important;text-align:left!important;gap:4px;border-radius:9px!important;padding:13px!important;background:#0e1b2a!important;border:1px solid var(--terriq-line)!important;color:var(--terriq-text)!important}
.adminOpsCard b{font-size:28px;color:#fff}.adminOpsCard span{color:var(--terriq-muted);font-weight:800}.adminOpsCard em{font-style:normal;color:#9fd1ff;font-weight:1000;font-size:12px}
.adminOpsCard.ok{border-color:#236c48!important;background:#0d2118!important}.adminOpsCard.warn{border-color:#7d5a18!important;background:#241c0f!important}.adminOpsCard.danger{border-color:#843440!important;background:#28121a!important}.adminOpsCard.info{border-color:#2d5e8e!important;background:#0e1d31!important}
.adminDashboardHead,.adminHero{border-radius:10px!important}
.adminMetricGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.adminQuickActions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.adminDashSplit{display:grid;grid-template-columns:1fr 1fr;gap:12px}

.leaderCard{border-radius:9px!important;min-height:72px!important}
.wikiContent,.wikiSection,.wikiCards a{border-radius:10px!important}

@media(max-width:1280px){
  .hudCommandBar{grid-template-columns:1fr 1fr}
  .hudDuel,.hudTimer,.hudActions{border-top:1px solid rgba(255,255,255,.08)}
  .hudDuel{grid-column:1/-1}
  .profileStatsV2,.adminMetricGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .profileGridV2,.adminDashSplit{grid-template-columns:1fr}
  .profileAchievementGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .premiumPreferenceGrid,.adminOpsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:860px){
  .profileHeroV2{grid-template-columns:64px minmax(0,1fr)!important}
  .profileHeroPanel{grid-column:1/-1}
  .premiumFeatureStrip,.premiumCompactGrid,.premiumRoadmap>div:last-child,.premiumPreferenceGrid{grid-template-columns:1fr!important}
  .profileStatsV2,.profileAchievementGrid,.adminOpsGrid,.adminMetricGrid{grid-template-columns:1fr!important}
  body.inGame .gameLayout{min-width:0!important}
  body.inGame .mapWrap{min-height:calc(100svh - 170px)!important}
  body.inGame .questionBox{width:min(560px,calc(100vw - 22px))!important;max-height:calc(100svh - 150px)!important;overflow:auto!important}
}
@media(max-width:640px){
  .hudCommandBar{grid-template-columns:1fr}
  .hudCommandBar>div{border-right:0;border-top:1px solid rgba(255,255,255,.08);min-height:auto}
  .hudCommandBar>div:first-child{border-top:0}
  .hudDuel{grid-template-columns:1fr 20px 1fr}
  .hudDuel strong{grid-column:1/-1;justify-self:start}
  .hudActions{justify-content:stretch}.hudActions button{flex:1}
  .profilePageHero h1{font-size:26px!important}
  .questionPreviewScore{grid-template-columns:1fr}
}

/* v33 navigation, notifications and responsive polish */
html,body{max-width:100%;overflow-x:hidden}
main,.content,.screen,.panel,.card,.adminWorkspace,.adminTab,.wikiContent{min-width:0!important}
.content{overflow-x:hidden!important;padding:16px!important}
header{background:#071523!important;border-bottom:1px solid #243d5a!important}
header nav{gap:10px!important}
.hamb,.bellBtn,.userTrigger,.navBtn{border-radius:9px!important}
.bellBtn{
  width:42px!important;height:42px!important;display:grid!important;place-items:center!important;
  background:#0d2135!important;border:1px solid #2b4d70!important;color:#dcecff!important;
}
.bellBtn .menuIcon{width:24px;height:24px;border-radius:8px;background:#173755;color:#8fd0ff;display:grid;place-items:center;font-weight:1000}
.notificationBadge{right:-7px!important;top:-7px!important;background:#ef5252!important;border-color:#071523!important}
.userTrigger{
  min-height:48px!important;padding:6px 8px 6px 13px!important;background:#0d2135!important;
  border:1px solid #2b4d70!important;color:#fff!important;
}
.userTriggerText{display:grid;text-align:left;line-height:1.05}
.userTriggerText small{font-size:11px!important;color:#8fa9c4!important}
.userMenu{
  width:min(300px,calc(100vw - 18px))!important;background:#071523!important;border:1px solid #2b4d70!important;
  border-radius:12px!important;padding:8px!important;overflow:visible!important;box-shadow:0 24px 70px rgba(0,0,0,.5)!important;
}
.userMenu:before{background:#071523!important;border-color:#2b4d70!important}
.userMenuHead{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid #203a56;margin-bottom:6px}
.userMenuHead b{display:block;color:#fff}.userMenuHead small{color:#8fa9c4!important;font-weight:800}
.userMenu hr{border:0;border-top:1px solid #203a56;margin:7px 0}
.userMenu button{
  display:flex!important;align-items:center!important;gap:10px!important;border-radius:8px!important;
  padding:10px!important;color:#eaf4ff!important;background:transparent!important;font-weight:900!important;
}
.userMenu button:hover{background:#102b45!important}
.menuIcon,.sideIcon{
  width:30px;height:30px;border-radius:8px;display:inline-grid;place-items:center;flex:0 0 auto;
  background:#132b42;color:#a7d6ff;border:1px solid #2c5278;font-weight:1000;font-style:normal;
}
.logoutLine .menuIcon{background:#3a1218;color:#ff9ca8;border-color:#77313c}
.volumeLine{grid-template-columns:30px 1fr 24px!important;border:1px solid #203a56!important;border-radius:8px;margin:7px 0;padding:9px 10px!important;background:#0b1d2f!important}

aside#side{
  background:linear-gradient(180deg,#071827,#04101b)!important;border-right:1px solid #243d5a!important;
  padding:14px!important;gap:10px!important;
}
.sideBrandMini{display:none;align-items:center;gap:10px;margin:0 0 8px;color:#fff;font-weight:1000;font-size:20px}
.sideBrandMini .logo{width:34px!important;height:34px!important}
.sideGroup{display:grid;gap:5px;margin:4px 0 8px}
.sideGroup small{
  color:#6f89a4!important;text-transform:uppercase;letter-spacing:.08em;font-size:11px!important;
  font-weight:1000;padding:5px 8px 2px;
}
aside#side button{
  min-height:43px!important;display:flex!important;align-items:center!important;gap:10px!important;
  padding:8px 10px!important;border-radius:9px!important;background:transparent!important;
  border:1px solid transparent!important;color:#d9e7f5!important;font-size:15px!important;
}
aside#side button:hover{background:#0d2438!important;border-color:#274969!important;color:#fff!important}
aside#side button.active,aside#side [data-nav].active{
  background:linear-gradient(180deg,#1d80ea,#1569bf)!important;border-color:#3d9dfb!important;color:#fff!important;
  box-shadow:0 10px 24px rgba(29,128,234,.18)!important;
}
.sidePrimaryAction{
  background:linear-gradient(180deg,#21c874,#109452)!important;border-color:#31df89!important;color:#fff!important;
  justify-content:center!important;font-size:17px!important;font-weight:1000!important;
}
.sideJoin{background:#0c253c!important;border-color:#294d70!important;justify-content:center!important}
.sideIcon.plus{background:#0e6a3f;color:#caffdc;border-color:#28d982}
.sideIcon.play{background:#153d6e;color:#cfe8ff}.sideIcon.rank,.sideIcon.crown{background:#4b350b;color:#ffe39a;border-color:#8a6620}
.sideIcon.fire{background:#4a1f16;color:#ffb79e;border-color:#864330}.sideIcon.book{background:#17314b}.sideIcon.friends{background:#143b35;color:#baffde}.sideIcon.support,.sideIcon.help{background:#1b2d44}
.sideAccount{
  display:flex;align-items:center;gap:10px;margin-top:auto;padding:10px;border:1px solid #284864;border-radius:10px;background:#0b2236;
}
.sideAccount b{display:block;color:#fff}.sideAccount small{color:#8fa9c4!important;font-weight:900}
aside#side .tip{margin-top:4px!important;border-radius:9px!important;background:#081b2c!important;border-color:#274969!important}
aside#side .mad{font-size:20px!important;margin:3px 4px 0!important;color:#ffcf5b!important}

.notificationBox{background:#071523!important;border-color:#2b4d70!important}
.notificationList article{background:#0d1f32!important;border-color:#284864!important}
.notificationList article.read{opacity:.74;background:#091827!important}
.notificationList article.unread{background:#102945!important;border-color:#3d9dfb!important}
.notificationActions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:8px}
.readPill{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border-radius:999px;background:#102437;border:1px solid #2b4d70;color:#93a8bc;font-size:12px;font-weight:1000}
.notificationFilters button{border-radius:999px!important}

.wikiShell{display:grid!important;grid-template-columns:260px minmax(0,1fr)!important;gap:16px!important;align-items:start}
body.wikiMode .wikiToc,.wikiToc{
  background:#071523!important;border:1px solid #2b4d70!important;border-radius:12px!important;padding:12px!important;
  box-shadow:none!important;
}
.wikiGroup{background:#0b1d2f!important;border:1px solid #203a56!important;border-radius:10px!important;padding:10px!important;margin:0 0 9px!important}
.wikiGroup b{display:block;color:#fff;margin-bottom:7px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.wikiGroup a{display:block;color:#b9d0e8!important;text-decoration:none!important;border-radius:7px;padding:7px 8px;font-weight:850}
.wikiGroup a:hover{background:#102b45!important;color:#fff!important}
.wikiHero,.wikiSection,.wikiCards a,.wikiNote{background:#0b1420!important;border-color:#263f5c!important;color:#f3f8ff!important}
.wikiContent{display:grid;gap:12px}

.homeGrid,.grid,.adminUsersLayout,.adminDashSplit,.profileGridV2,.premiumCompactGrid,.premiumFeatureStrip,.setsStudio,.questionComposer,.contactCompact{
  min-width:0!important;
}
.adminDashboardError{
  border:1px solid #7a3340;background:#2a1219;color:#fff;border-radius:10px;padding:16px;display:grid;gap:8px;
}
.adminDashboardError b{font-size:20px}.adminDashboardError p{margin:0;color:#ffc6cd}

.missionsPanel{display:grid;gap:12px;margin:12px 0;background:#071523!important;border-color:#2b4d70!important}
.missionGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.missionCard{min-width:0;display:grid;gap:12px;align-content:space-between;border:1px solid #284864;border-radius:10px;background:#0b1d2f;padding:12px}
.missionCard.done{border-color:#268457;background:#0d261b}
.missionCard small{color:#8fa9c4;text-transform:uppercase;font-size:11px;font-weight:1000;letter-spacing:.04em}
.missionCard b{display:block;color:#fff;font-size:17px;line-height:1.15;margin:3px 0}
.missionCard p{margin:0;color:#b9cbe0;font-size:13px;line-height:1.35}
.missionProgress{display:grid;gap:6px}.missionProgress span{height:8px;border-radius:999px;background:#132940;overflow:hidden}.missionProgress i{display:block;height:100%;background:linear-gradient(90deg,#1d7dd7,#20c36b)}
.missionProgress small{color:#d9e8f8;text-transform:none;letter-spacing:0}

.notificationList article{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:start}
.notificationIcon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#142942;border:1px solid #315575;color:#dcecff;font-weight:1000}
.notificationBody{min-width:0}.notificationBody p{overflow-wrap:anywhere}
.notificationActions .danger.ghost{border-color:#5c2c34!important;color:#ff9ca8!important;background:#2a1219!important}

.questionInsights{margin-top:12px;border:1px solid #284864;border-radius:10px;background:#081a2a;padding:10px;display:grid;gap:10px}
.questionInsights small{color:#91a9c3;font-weight:900}
.questionInsightsScore{display:grid;grid-template-columns:auto minmax(90px,1fr) auto;gap:8px;align-items:center}
.questionInsightsScore b{font-size:20px;color:#7fc3ff}.questionInsightsScore span{height:7px;border-radius:999px;background:#132940;overflow:hidden}.questionInsightsScore i{display:block;height:100%;background:linear-gradient(90deg,#36a3ff,#29d17d)}
.questionInsightCols{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.questionInsightCols div{border:1px solid #203a56;border-radius:8px;background:#0c2135;padding:9px}
.questionInsightCols b{display:block;margin-bottom:5px;color:#fff}
.questionInsightCols ul{margin:0;padding-left:17px;color:#c4d4e6;font-size:12px;line-height:1.45}

.profileSeasonPanel,.profileRivalsPanel{background:#071523!important;border-color:#2b4d70!important}
.profileSeasonCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.profileSeasonCards article{border:1px solid #284864;border-radius:9px;background:#0c2135;padding:10px}
.profileSeasonCards small{color:#8fa9c4;font-weight:900}.profileSeasonCards b{display:block;color:#7fc3ff;font-size:24px;margin:3px 0}.profileSeasonCards span{color:#d5e2ef;font-size:12px;font-weight:900}
.profileTitles{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.profileTitles span{border-radius:999px;background:#15331f;border:1px solid #2f8d56;color:#bfffd8;padding:6px 9px;font-weight:1000;font-size:12px}
.profileRivals{display:grid;gap:8px}.profileRival{display:grid!important;grid-template-columns:38px minmax(0,1fr);gap:9px;align-items:center;text-align:left!important;border:1px solid #284864!important;border-radius:9px!important;background:#0c2135!important;color:#f3f8ff!important;padding:9px!important}
.profileRival b{display:block}.profileRival small{display:block;color:#8fa9c4!important;font-size:12px!important}

.adminPremiumPreview{border:1px solid #2b4d70;border-radius:12px;background:#071523;padding:12px;display:grid;gap:10px}
.premiumPreviewGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.premiumPreviewGrid article{display:grid;gap:7px;border:1px solid #284864;border-radius:10px;background:#0b1d2f;padding:12px}
.premiumPreviewGrid small{color:#8fa9c4;font-weight:1000}.premiumPreviewGrid b{color:#fff;font-size:18px}.premiumPreviewGrid p{margin:0;color:#b9cbe0}.premiumPreviewGrid strong{color:#ffcf5b;font-size:20px}.premiumPreviewGrid code{white-space:normal;word-break:break-word;background:#07111d;border:1px solid #203a56;border-radius:8px;padding:7px;color:#bde0ff}

/* v35: design system, HUD, admin command center and clearer feedback */
:root{
  --terriq-bg:#06111d;
  --terriq-panel:#071523;
  --terriq-panel-2:#0b1d2f;
  --terriq-panel-3:#102940;
  --terriq-line:#2b4d70;
  --terriq-line-soft:#203a56;
  --terriq-text:#f3f8ff;
  --terriq-muted:#8fa9c4;
  --terriq-blue:#1f8cff;
  --terriq-green:#20b861;
  --terriq-yellow:#ffcf5b;
  --terriq-red:#ef5252;
  --radius-sm:8px;
  --radius-md:10px;
  --radius-lg:12px;
}
body{background:var(--terriq-bg)!important;color:var(--terriq-text)!important}
.panel,.card,.adminBox,.dashCard,.stats>div,.profilePageHero,.premiumHero,.questionLivePreview,.mapWrap,.scoreCol,.miniChat{
  background:var(--terriq-panel)!important;border-color:var(--terriq-line)!important;border-radius:var(--radius-lg)!important;
}
button,input,select,textarea{border-radius:var(--radius-sm)!important}
button.primary,.sidePrimaryAction{background:#14a653!important;border-color:#27d87a!important;color:#fff!important}
button.primary:hover,.sidePrimaryAction:hover{background:#19b861!important}
.emptyState.rich{display:grid;place-items:start;gap:7px;padding:18px!important;border:1px dashed var(--terriq-line)!important;border-radius:var(--radius-lg);background:#081827;color:var(--terriq-text)}
.emptyState.rich>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#102940;border:1px solid var(--terriq-line);color:#bde0ff;font-weight:1000}
.emptyState.rich b{font-size:18px}.emptyState.rich p{margin:0;color:var(--terriq-muted);line-height:1.4}.emptyActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:5px}

body.inGame .gameHudTop{background:#071523!important;border:1px solid var(--terriq-line)!important;border-radius:12px!important;padding:0!important;overflow:hidden}
.hudCommandBar{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(190px,.75fr) minmax(260px,1fr) minmax(260px,1fr) minmax(120px,.55fr) auto;gap:0;align-items:stretch;width:100%}
.hudCommandBar>div{border-right:1px solid var(--terriq-line-soft);padding:10px 12px;min-width:0}
.hudCommandBar>div:last-child{border-right:0}
.hudMode,.hudPhase,.hudObjective,.hudTimer,.hudActions{display:grid;align-content:center;gap:4px}
.hudMode{grid-template-columns:38px minmax(0,1fr);align-items:center}.miniLogo{width:34px!important;height:34px!important}
.hudMode b,.hudPhase b,.hudObjective b,.hudTimer b{color:#fff;line-height:1.15;overflow-wrap:anywhere}
.hudMode small,.hudPhase small,.hudObjective small,.hudTimer small,.hudObjective span{color:var(--terriq-muted);font-size:12px;font-weight:900}
.hudObjective b{font-size:13px;font-weight:900;color:#d9e8f8}
.hudSteps{display:flex;gap:4px;flex-wrap:wrap;margin-top:3px}.hudSteps span{border:1px solid #274968;border-radius:999px;padding:3px 7px;color:#91a9c3;font-size:10px;font-weight:1000}.hudSteps span.done{background:#12331f;border-color:#267a4e;color:#bfffd8}.hudSteps span.now{background:#12345a;border-color:#1f8cff;color:#dcefff}
.hudDuel{display:grid;grid-template-columns:minmax(82px,1fr) auto minmax(82px,1fr);gap:8px;align-items:center}.hudDuel strong{grid-column:1/-1;color:var(--terriq-yellow);font-size:12px}
.hudPlayerChip{display:grid;grid-template-columns:30px minmax(0,1fr);gap:7px;align-items:center}.hudPlayerChip i{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:#17283b;border:1px solid #35577b;font-style:normal;font-weight:1000}.hudPlayerChip small{grid-column:2;color:var(--terriq-muted);font-size:10px;text-transform:uppercase;font-weight:1000}.hudDuel em{color:#bde0ff;font-style:normal;font-size:22px}
.hudTimer i{display:block;height:7px;border-radius:999px;background:#132940;overflow:hidden}.hudTimer i span{display:block;height:100%;background:linear-gradient(90deg,#20b861,#ffcf5b)}
.hudTimer>span{color:#bde0ff;font-size:11px;font-weight:1000}
.hudActions{display:flex!important;gap:7px;align-items:center;justify-content:flex-end;padding:10px!important}.hudActions button{min-height:34px!important}
.actionFeedback{position:fixed;left:50%;bottom:24px;z-index:150;transform:translate(-50%,16px);opacity:0;pointer-events:none;min-width:min(420px,calc(100vw - 28px));border:1px solid var(--terriq-line);border-radius:12px;background:#071523;color:#fff;padding:12px 14px;box-shadow:0 18px 50px rgba(0,0,0,.44);transition:opacity .18s ease,transform .18s ease}
.actionFeedback.show{opacity:1;transform:translate(-50%,0)}.actionFeedback b{display:block;font-size:17px}.actionFeedback span{display:block;color:#b9cbe0;font-size:13px;margin-top:2px}.actionFeedback.good{border-color:#2d9d61;background:#0d261b}.actionFeedback.target{border-color:#b58a2a;background:#191506}.actionFeedback.mission{border-color:#277cc0;background:#081d33}

.adminCommandCenter{display:grid;grid-template-columns:minmax(220px,.6fr) minmax(0,1fr);gap:12px;align-items:stretch;border:1px solid var(--terriq-line);border-radius:12px;background:#071523;padding:14px;margin:12px 0}
.adminCommandCenter h2{margin:0;font-size:24px}.adminCommandCenter span{color:var(--terriq-muted);font-weight:900}.adminRiskList{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.adminRiskList button{text-align:left;background:#0b1d2f!important;border-color:#284864!important;white-space:normal}.adminRiskList b{display:block}.adminRiskList small{display:block;color:#b9cbe0;margin-top:4px}.adminRiskList .warn{border-color:#a66f19!important;background:#1a1609!important}.adminRiskList .danger{border-color:#8a303b!important;background:#261017!important}.adminRiskList .ok{border-color:#25784e!important;background:#0d261b!important}

.achievementSummary{grid-column:1/-1;display:flex;align-items:center;gap:10px;border:1px solid var(--terriq-line);border-radius:10px;background:#0b1d2f;padding:10px}.achievementSummary b{font-size:24px;color:#7fc3ff}.achievementSummary span{color:#b9cbe0;font-weight:900}
.questionTemplateActions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;border:1px solid var(--terriq-line-soft);border-radius:10px;background:#0b1d2f;padding:10px}.questionTemplateActions b{margin-right:auto;color:#fff}.questionTemplateActions button{min-height:30px!important;padding:5px 9px!important;font-size:12px!important}

@media(max-width:1180px){
  :root{--sidebar:230px}
  .homeGrid,.grid{grid-template-columns:1fr!important}
  .adminUsersLayout,.adminDashSplit,.setsStudio,.questionComposer,.profileGridV2,.contactCompact{grid-template-columns:1fr!important}
  .missionGrid,.premiumPreviewGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hudCommandBar{grid-template-columns:1fr 1fr}.hudDuel,.hudObjective,.hudTimer,.hudActions{grid-column:auto}.adminCommandCenter{grid-template-columns:1fr}
  .wikiShell{grid-template-columns:1fr!important}
  body.wikiMode .wikiToc,.wikiToc{position:relative!important;top:auto!important;max-height:none!important}
  .wikiToc{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
  .wikiGroup{margin:0!important}
}
@media(max-width:900px){
  main{display:block!important}
  .content{padding:12px!important}
  aside#side{
    position:fixed!important;left:10px!important;right:10px!important;top:calc(var(--header) + 10px)!important;
    width:auto!important;height:min(78vh,720px)!important;z-index:120!important;display:none!important;
    border:1px solid #2b4d70!important;border-radius:14px!important;box-shadow:0 24px 80px rgba(0,0,0,.62)!important;
  }
  aside#side.open{display:grid!important}
  .sideBrandMini{display:flex}
  header nav a{display:none!important}
  .userTriggerText{display:none}
  .screen,.panel,.card,.homeHero,.staticHero,.staticContent{border-radius:10px!important}
}
@media(max-width:680px){
  header{padding:8px 10px!important}
  .brandText{font-size:18px!important}
  .logo{width:34px!important;height:34px!important}
  .bellBtn{width:38px!important;height:38px!important}
  .content{padding:9px!important}
  .homeHero,.profilePageHero,.premiumHeroFresh.compact{padding:14px!important}
  .homeHero h1,.profilePageHero h1,.premiumHero h1,.wikiHero h1{font-size:clamp(26px,9vw,38px)!important}
  .stats,.profileStatsV2,.premiumFeatureStrip,.premiumCompactGrid,.adminMetricGrid,.adminOpsGrid,.wikiCards,.wikiToc{grid-template-columns:1fr!important}
  .missionGrid,.premiumPreviewGrid,.questionInsightCols,.profileSeasonCards{grid-template-columns:1fr!important}
  .hudCommandBar{grid-template-columns:1fr!important}.hudCommandBar>div{border-right:0;border-bottom:1px solid var(--terriq-line-soft)}.hudActions{justify-content:stretch}.hudActions button{flex:1}
  .adminTabs{display:flex!important;overflow-x:auto!important;white-space:nowrap!important}
  .adminTabs button{min-width:max-content}
  .questionTable,.qRow{min-width:0!important}
  .qRow{grid-template-columns:1fr!important}
  .qHead{display:none!important}
  .modalOverlay .createModal{width:min(100vw - 16px,720px)!important;max-height:calc(100svh - 18px)!important}
}

/* v36 simple seasons, notifications and question cards */
.seasonPanel{display:grid;gap:12px;margin:12px 0;background:#071523!important;border-color:#2b4d70!important}
.seasonCompact{display:grid;grid-template-columns:repeat(2,minmax(160px,.45fr)) minmax(260px,1fr);gap:10px}
.seasonCompact article,.seasonTop button{border:1px solid var(--terriq-line);border-radius:10px;background:#0b1d2f;color:#f3f8ff;padding:11px;text-align:left}
.seasonCompact article small{color:var(--terriq-muted);font-weight:900}.seasonCompact article b{display:block;font-size:24px;color:#7fc3ff;margin:3px 0}.seasonCompact article span{color:#c8d8e8;font-weight:850}
.seasonTop{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.seasonTop button{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 8px;align-items:center;min-height:auto!important}
.seasonTop button b{color:#ffcf5b}.seasonTop button span{font-weight:1000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seasonTop button small{grid-column:2;color:var(--terriq-muted);font-weight:900}
.profileForm{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.profileForm span{display:grid;place-items:center;min-width:28px;height:28px;border-radius:8px;border:1px solid #314b68;background:#10263d;color:#bcd7f2;font-weight:1000}.profileForm span.win{border-color:#2d9d61;background:#0e2b1d;color:#bfffd8}.profileForm span.loss{border-color:#8a303b;background:#2b1218;color:#ffb7c0}
.profileSeasonCards{grid-template-columns:repeat(4,minmax(0,1fr))}
.profileFavoriteSets,.profileBestWrap{display:grid;gap:8px}.profileFavoriteSets article,.profileBestResult{border:1px solid var(--terriq-line);border-radius:9px;background:#0c2135;padding:10px}.profileFavoriteSets b,.profileBestResult b{display:block;color:#fff}.profileFavoriteSets span,.profileBestResult span,.profileBestResult small{display:block;color:var(--terriq-muted)!important;font-weight:850}.profileBestWrap h3{margin:10px 0 0;color:#fff;font-size:15px}
.notificationBulkBar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid #284864;border-radius:10px;background:#0b1d2f;padding:8px;margin:0 0 10px}.notificationBulkBar span{margin-right:auto;color:#b9cbe0;font-weight:900}.notificationBulkBar button{min-height:30px!important;padding:6px 9px!important;font-size:12px!important}.notificationFilters button em{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:4px;border-radius:999px;background:#12345a;color:#dcefff;font-style:normal;font-size:11px}
.questionCards{display:grid;gap:10px}
.questionCard{border:1px solid var(--terriq-line);border-radius:11px;background:#081827;padding:12px;display:grid;gap:10px}
.questionCard.pending{border-color:#a66f19;background:#181407}.questionCard.rejected{border-color:#70313a;background:#1c0f14}.questionCard.approved{border-color:#276c49}
.questionCardHead{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.questionCardHead h3{margin:3px 0 0;font-size:18px;line-height:1.18;color:#fff}.questionCardHead small{display:block;color:#8fa9c4;font-weight:900}
.questionMetaLine{display:flex;gap:6px;flex-wrap:wrap}.questionMetaLine span,.qImageMini,.qValueLine{border:1px solid #284864;border-radius:999px;background:#0d2135;color:#cfe0f2;padding:5px 8px;font-size:12px;font-weight:900}.qImageMini{display:inline-flex;align-items:center;gap:6px}.qImageMini img{width:22px;height:22px;border-radius:5px;object-fit:cover}
.qOptionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.qOptionGrid span{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:center;border:1px solid #284864;border-radius:9px;background:#0b1d2f;padding:8px;color:#dcecff}.qOptionGrid span.correct{border-color:#2d9d61;background:#0d2b1c}.qOptionGrid b{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:#17283b;color:#fff}
.qValueLine{display:grid;border-radius:9px}.qValueLine small{color:#8fa9c4}.qValueLine b{font-size:18px;color:#fff}.questionCardActions{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap}.questionCardActions .moderationActions,.questionCardActions .qActions{display:flex;gap:6px;flex-wrap:wrap}.questionCardActions button{min-height:32px!important;padding:6px 9px!important;font-size:12px!important}
.setsSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px 0}.setsSummary span{border:1px solid var(--terriq-line);border-radius:9px;background:#0b1d2f;padding:9px}.setsSummary b{display:block;color:#7fc3ff;font-size:22px}.setsSummary small{color:#8fa9c4;font-weight:900}.userSetCard.active{border-color:#1f8cff!important;background:#0d2740!important;box-shadow:0 0 0 1px rgba(31,140,255,.28) inset}
.adminQuestionWorkspace{display:grid;gap:12px}.adminQuestionWorkspace>.adminBox{min-width:0}.questionEditorPro,.questionGuide{min-width:0}
@media(max-width:1180px){.seasonCompact{grid-template-columns:1fr 1fr}.seasonTop{grid-column:1/-1}.profileSeasonCards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.seasonCompact,.seasonTop,.qOptionGrid,.setsSummary{grid-template-columns:1fr}.questionCardHead,.questionCardActions{display:grid}.notificationBulkBar span{width:100%;margin-right:0}.notificationBulkBar button{flex:1}.notificationFilters{overflow-x:auto;flex-wrap:nowrap}.notificationFilters button{min-width:max-content}.questionMetaLine span,.qImageMini{max-width:100%;white-space:normal}.adminSetCard .row.tiny{width:100%;justify-content:stretch}.adminSetCard .row.tiny button{flex:1}}

/* v37: admin stability, replay, CSV preview, compact create wizard and responsive play */
.wizardSteps{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.createWizard .createSummary{margin-top:12px!important;grid-template-columns:repeat(3,minmax(0,1fr))}
.createWizard .wizardPage[data-step="3"].active{display:grid!important;gap:12px}
.createWizard #sets{max-height:min(42vh,360px)!important;overflow:auto!important;padding-right:3px}
.questionSelect{display:inline-flex;align-items:center;gap:6px;border:1px solid #284864;border-radius:999px;background:#0b1d2f;color:#b9cbe0;padding:5px 8px;font-size:12px;font-weight:900;white-space:nowrap}
.questionSelect input{width:16px;height:16px}
.adminBulkBar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px;padding:9px;border:1px solid #284864;border-radius:10px;background:#0b1d2f}
.adminBulkBar span{margin-right:auto;color:#b9cbe0;font-weight:900}
.adminBulkBar button{min-height:31px!important;padding:6px 9px!important;font-size:12px!important}
.adminBulkBar .ghost{background:#241019!important;border-color:#74323d!important}
.historyActions{display:flex;align-items:center;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.historyActions button,.historyRow>button{min-height:32px!important;padding:6px 10px!important;font-size:12px!important}
.historyRow{grid-template-columns:minmax(0,1fr) auto auto!important;gap:10px!important;align-items:center!important}
.replayBox{width:min(760px,calc(100vw - 24px))!important;background:#071523!important;color:#f3f8ff!important;border-color:#2b4d70!important}
.replaySummary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-bottom:12px}
.replaySummary article{border:1px solid #284864;border-radius:10px;background:#0b1d2f;padding:10px}
.replaySummary b{display:block;color:#fff}.replaySummary span{display:block;color:#8fa9c4;font-weight:900;margin-top:3px}
.replayTimeline{display:grid;gap:7px;max-height:48vh;overflow:auto;margin:0;padding:0;list-style:none}
.replayTimeline li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;border:1px solid #203a56;border-radius:9px;background:#081827;padding:9px}
.replayTimeline b{color:#fff}.replayTimeline span{color:#8fa9c4;font-size:12px;font-weight:900}
.seasonLeaderboardIntro{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border:1px solid #284864;border-radius:10px;background:#0b1d2f;padding:12px;margin-bottom:10px}
.seasonLeaderboardIntro b{color:#ffcf5b}.seasonLeaderboardIntro span{color:#b9cbe0;font-weight:900}
.csvImportTools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}
.csvImportTools span{color:#8fa9c4;font-size:12px;font-weight:900}
.csvPreview{display:grid;gap:6px;margin-top:10px}
.csvSummary{display:flex;align-items:center;gap:8px;border:1px solid #284864;border-radius:9px;background:#0b1d2f;padding:9px;color:#cfe0f2}
.csvSummary b{color:#7fc3ff;font-size:22px}.csvSummary span{color:#8fa9c4;font-weight:900}
.csvPreviewRow{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid #203a56;border-radius:8px;background:#081827;padding:8px}
.csvPreviewRow b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}.csvPreviewRow span,.csvPreviewRow em{color:#8fa9c4;font-size:12px;font-weight:900;font-style:normal}.csvPreviewRow.new{border-color:#276c49}.csvPreviewRow.duplicate_db,.csvPreviewRow.duplicate_file{border-color:#9b7023;background:#181407}.csvPreviewRow.error{border-color:#74323d;background:#211018}

@media(max-width:1280px){
  body.inGame .gameLayout{grid-template-columns:250px minmax(0,1fr)!important}
  body.inGame .miniChat{grid-column:1/-1!important;min-height:220px}
  body.inGame .mapWrap{min-width:0!important}
}
@media(max-width:980px){
  .gameMobileTabs{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0!important}
  body.inGame .gameLayout{display:block!important}
  body.inGame .scoreCol,body.inGame .miniChat,body.inGame .mapWrap{display:none!important;margin:0!important}
  body.inGame[data-game-tab="players"] .scoreCol,
  body.inGame[data-game-tab="chat"] .miniChat,
  body.inGame[data-game-tab="map"] .mapWrap{display:block!important}
  body.inGame .mapWrap{min-height:calc(100svh - 190px)!important;overflow:hidden!important}
  body.inGame #map{min-height:calc(100svh - 210px)!important}
  body.inGame .questionBox{position:fixed!important;left:10px!important;right:10px!important;bottom:76px!important;width:auto!important;max-width:none!important;transform:none!important;z-index:80!important}
  body.inGame .miniChat{height:calc(100svh - 210px)!important}
  body.inGame #playChat{max-height:calc(100svh - 360px)!important}
  .hudCommandBar{grid-template-columns:1fr!important}
  .hudCommandBar>div{border-right:0!important;border-bottom:1px solid var(--terriq-line-soft)!important}
}
@media(max-width:720px){
  .createWizard .createSummary,.createWizard .createOptions,.createWizard .mapChoices,.createWizard #sets{grid-template-columns:1fr!important}
  .createWizard #sets{max-height:34vh!important}
  .adminBulkBar span{width:100%;margin-right:0}.adminBulkBar button{flex:1}
  .historyRow{grid-template-columns:1fr!important}.historyActions{justify-content:flex-start}
  .csvPreviewRow{grid-template-columns:42px minmax(0,1fr);}.csvPreviewRow em{grid-column:2}
  .replayTimeline li{grid-template-columns:1fr}
  body.inGame .questionBox{bottom:66px!important}
}