:root{color:#eef4ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--panel-slice:120 fill;--panel-border:18px;--panel-default:url(/assets/ui/panels/panel_default.png);--panel-info:url(/assets/ui/panels/panel_info.png);--panel-primary:url(/assets/ui/panels/panel_primary.png);--panel-selected:url(/assets/ui/panels/panel_selected.png);--panel-default-vertical:url(/assets/ui/panels/panel_default_vertical.png);--panel-info-vertical:url(/assets/ui/panels/panel_info_vertical.png);--panel-primary-vertical:url(/assets/ui/panels/panel_primary_vertical.png);--panel-selected-vertical:url(/assets/ui/panels/panel_selected_vertical.png);background:#0b1020;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background-color:#0000;background-image:radial-gradient(circle at 18% 12%,#f5c54229,#0000 26%),radial-gradient(circle at 80% 10%,#b54dff24,#0000 28%),linear-gradient(#070a12fa,#080b16);background-position:top;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}button{color:#eef4ff;min-height:44px;font:inherit;cursor:pointer;background:#141c30e0;border:1px solid #cdd9ec33;border-radius:8px;padding:11px 14px}button:disabled{cursor:default;opacity:.56}button:hover:not(:disabled){border-color:#f5c542b8}.skinnedPanel,.ruleChoiceGrid button,.actionStack button,.difficultyPanel,.difficultyPanel button,.matchSetupPanel,.segmentedChoice button,.setupFactionGrid button,.matchSetupActions button,.factionSummary,.factionCard,.factionViewer,.factionPageButton,.defaultFactionButton,.missionCard,.missionCard button,.missionPager button,.classicRulesPanel,.sidePanel,.profileDetails,.onlinePanel,.matchSetupPanel,.classicRulesPanel,.abyssScorePanel,.factionScorePanel,.infoPanel,.battleLogPanel,.ultimatePanel,.pieceInfoPanel,.gameActions button,.searchPulse{border:var(--panel-border) solid transparent;border-image-source:var(--panel-default);border-image-slice:var(--panel-slice);border-image-width:var(--panel-border);background:linear-gradient(#090e1ac7,#080b16e6),#0f172ab8;border-image-repeat:stretch;border-radius:8px}.profileScreen{max-width:none}.profileGrid{grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);align-items:stretch;gap:14px;display:grid}.profileTopColumn{flex-direction:column;justify-content:space-between;gap:14px;min-height:0;display:flex}.profileDetails{gap:14px;padding:16px;display:grid}.profileIdentity,.profileStatsGrid,.profileSectionTitle,.factionStatRow,.friendRow{justify-content:space-between;align-items:center;gap:12px;display:flex}.profileIdentity{align-items:stretch}.profileIdentity>div,.profileStatsGrid>div{background:#05070c5c;border-radius:8px;gap:4px;min-width:0;padding:12px;display:grid}.profileIdentity strong,.profileStatsGrid span{overflow-wrap:anywhere;color:#eef4ff;font-weight:900}.profileIdentity small,.profileStatsGrid small,.profileSectionTitle small,.factionStatRow small,.friendRow small,.battleLogItem small,.achievementCard small{color:#9aa9c2}.profileStatsGrid{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.profileStatsGrid span{font-size:28px;line-height:1}.profileSectionTitle h2,.achievementCard h3{margin:0}.factionStatsList,.friendsList,.battleLogList{gap:10px;display:grid}.profileFriends{flex:0 auto;min-height:0}.profileFriends .friendsList{scrollbar-color:#f5c542b8 #05070c6b;scrollbar-width:thin;max-height:210px;padding-right:4px;overflow:auto}.profileFriends .friendsList::-webkit-scrollbar{width:10px}.profileFriends .friendsList::-webkit-scrollbar-track{background:#05070c80;border-radius:999px}.profileFriends .friendsList::-webkit-scrollbar-thumb{background:linear-gradient(#fff1a8,#f5c542);border:2px solid #05070c80;border-radius:999px}.factionStatRow{background:#05070c52;border-radius:8px;align-items:center;padding:10px}.factionStatEmblem{background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:8px;flex:none;width:38px;height:38px}.factionStatRow>div{flex:1;gap:2px;min-width:0;display:grid}.factionStatRow meter,.achievementCard meter{width:110px;height:10px}.friendRow button{min-width:116px}.profileLogs,.achievementsPanel{grid-column:1/-1}.battleLogList{scrollbar-color:#f5c542b8 #05070c6b;scrollbar-width:thin;max-height:280px;padding-right:4px;overflow:auto}.battleLogItem{text-align:left;grid-template-columns:minmax(130px,180px) auto minmax(86px,110px);align-items:center;gap:10px;min-height:52px;padding:8px 12px;display:grid}.battleLogItem span{color:#c6d3e7;text-transform:none;gap:2px;font-size:12px;font-weight:800;display:grid}.battleLogItem strong{color:#f5c542;text-transform:uppercase;justify-self:end;font-size:13px}.battleLogFactions{align-items:center;gap:8px;display:flex}.battleLogFactions i{background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:8px;width:30px;height:30px}.battleLogFactions b{color:#9aa9c2;text-transform:uppercase;font-size:11px}.achievementsShelf{scrollbar-color:#f5c542b8 #05070c80;scrollbar-width:thin;gap:16px;max-height:650px;padding:2px 8px 2px 0;display:grid;overflow:auto}.achievementsShelf::-webkit-scrollbar{width:12px}.achievementsShelf::-webkit-scrollbar-track{background:#05070c8a;border-radius:999px;box-shadow:inset 0 0 0 1px #cdd9ec1f}.achievementsShelf::-webkit-scrollbar-thumb{background:linear-gradient(#fff1a8,#f5c542 46%,#7cdcff);border:3px solid #05070c8a;border-radius:999px}.achievementBucket{background:linear-gradient(135deg,#7cdcff14,#0000 42%),#05070c47;border:1px solid #7cdcff2e;border-radius:8px;gap:10px;padding:12px;display:grid}.achievementBucketTitle,.achievementCategoryButton{justify-content:space-between;align-items:center;gap:12px;display:flex}.achievementBucketTitle h3{margin:0;font-size:20px}.achievementBucketTitle small,.achievementCategoryButton small{color:#f5c542;font-weight:900}.achievementEmpty{color:#9aa9c2;margin:0}.achievementCategory{gap:10px;display:grid}.achievementCategoryButton{text-align:left;border-color:#f5c54242;width:100%;min-height:58px;padding:8px 14px;font-weight:900}.achievementCategoryButton:before{content:"›";color:#7cdcff;font-size:22px;line-height:1;transition:transform .16s}.achievementCategoryButton[aria-expanded=true]:before{transform:rotate(90deg)}.achievementCategoryButton span{flex:1}.achievementsGrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;display:grid}.achievementCard{background:linear-gradient(#7cdcff14,#0000 72%),#05070c5c;border:1px solid #cdd9ec24;border-radius:8px;gap:8px;min-height:154px;padding:12px;display:grid}.achievementCard p{color:#c6d3e7;margin:0;line-height:1.35}.achievementCard p span{color:#f5c542;font-weight:900}.achievementCard>div{grid-template-columns:1fr auto;align-items:center;gap:8px;margin-top:auto;display:grid}.achievementCard meter{width:100%}.achievementCard em{color:#f5c542;font-style:normal;font-weight:800}.achievementComplete{background:linear-gradient(135deg,#f5c54229,#0000 50%),#05070c5c;border-color:#f5c5428c;box-shadow:inset 0 0 0 1px #f5c5422e,0 0 22px #f5c54214}.replayLayout{grid-template-columns:minmax(420px,1fr) minmax(320px,420px);align-items:start;gap:16px;display:grid}.replayPanel input[type=range]{width:100%}.replayActions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.replayMoveText{background:#05070c5c;border-radius:8px;gap:4px;padding:12px;display:grid}.replayMoveText span{color:#9aa9c2}.actionStack .primaryAction,.primaryAction,.onlinePanel>button,.factionCard button,.missionCard button:hover:not(:disabled),.missionPager button:hover:not(:disabled),.activeFaction,.missionCardSelected,.ruleChoiceGrid button:hover,.actionStack button:hover:not(:disabled),.difficultyPanel button:hover:not(:disabled),.segmentedChoice button:hover:not(:disabled),.setupFactionGrid button:hover:not(:disabled),.matchSetupActions button:hover:not(:disabled),.gameActions button:hover:not(:disabled){border-image-source:var(--panel-selected)}.sidePanel,.onlinePanel,.profileDetails,.abyssScorePanel,.factionScorePanel,.infoPanel,.battleLogPanel,.ultimatePanel,.pieceInfoPanel,.searchPulse,.abyssRulesSummary{border-image-source:var(--panel-info)}.app{width:min(1480px,100%);min-height:100vh;padding:max(16px, env(safe-area-inset-top)) 16px 24px;margin:0 auto;position:relative}.appRuleSelect{background-color:#0000;background-image:linear-gradient(#05070c0f,#05070ca3 60%,#05070ceb),url(/assets/branding/splash_main_nologo.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.appRuleSelect .topbar{top:max(16px, env(safe-area-inset-top));z-index:5;margin-bottom:0;position:absolute;left:16px;right:16px}.topbar,.screenHeader,.gameHeader{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.brand{text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:inline-flex}.brandLogo{object-fit:contain;background:#05070c8f;border:1px solid #f5c54299;border-radius:8px;width:44px;height:44px}.brand small,.topActions small,.factionBadge small{color:#9aa9c2;display:block}.topActions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.topActions button{border:var(--panel-border) solid transparent;border-image-source:var(--panel-default);border-image-slice:var(--panel-slice);border-image-width:var(--panel-border);text-shadow:0 2px 8px #000000e0;background:linear-gradient(#090e1ac2,#080b16e0),#0f172ab8;border-image-repeat:stretch;min-height:44px;padding:4px 16px;font-size:14px;font-weight:800;line-height:1}.topActions button:hover:not(:disabled){border-image-source:var(--panel-selected)}.topActions .topActionActive{border-image-source:var(--panel-primary);color:#fff7cf}.screenHeader>button,.gameHeader>button{border:var(--panel-border) solid transparent;border-image-source:var(--panel-default);border-image-slice:var(--panel-slice);border-image-width:var(--panel-border);text-shadow:0 2px 8px #000000e0;background:linear-gradient(#090e1ac2,#080b16e0),#0f172ab8;border-image-repeat:stretch;padding:5px 18px;font-weight:800}.screenHeader>button:hover:not(:disabled),.gameHeader>button:hover:not(:disabled){border-image-source:var(--panel-selected)}.notice{background:#7f1d1d52;border:1px solid #f871718c;border-radius:8px;margin-bottom:16px;padding:12px 14px}.menuGrid{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:start;gap:18px;display:grid}.menuGridClassic .actionStack{grid-area:2/1;max-width:620px}.menuGridAbyss .actionStack{margin-top:95px}.modeContent{gap:16px;display:grid}.modeTitleBlock{gap:6px;display:grid}.modeTitleBlock h1{color:#eef4ff;margin:0;font-size:clamp(34px,5vw,56px);line-height:1.02}.ruleSelect{background-color:#0000;background-image:linear-gradient(#05070c0f,#05070ca3 60%,#05070ceb),url(/assets/branding/splash_main_nologo.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;align-content:end;justify-items:center;gap:14px;width:min(100%,1320px);min-height:calc(100vh - 118px);margin:0 auto;padding:clamp(120px,32vh,320px) 16px 24px;display:grid}.appRuleSelect .ruleSelect{background:0 0;min-height:calc(100vh - 40px)}.ruleHeroLogoWrap{justify-items:center;display:grid}.ruleHeroLogo{aspect-ratio:2;object-fit:contain;filter:drop-shadow(0 18px 34px #000000b8);width:min(100%,460px);max-height:230px}.ruleIntro{gap:8px;display:grid}.ruleIntro h1{letter-spacing:0;margin:0;font-size:clamp(30px,5vw,52px);line-height:1.04}.ruleIntro p{color:#c6d3e7;max-width:760px;margin:0;line-height:1.55}.ruleChoiceGrid{grid-template-columns:minmax(280px,420px);justify-content:center;gap:12px;width:min(100%,460px);display:grid}.ruleChoiceGrid button{text-align:center;align-content:center;justify-items:center;gap:8px;min-height:124px;padding:18px;display:grid}.ruleChoiceGrid strong{font-size:22px}.ruleChoiceGrid small{color:#9aa9c2;line-height:1.35}.heroPanel{background-color:#0000;background-image:linear-gradient(#05070c14,#05070cc2 70%,#05070cf0),url(/assets/branding/splash_main_16x9.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #cdd9ec29;border-radius:8px;flex-direction:column;justify-content:flex-end;min-height:320px;padding:28px;display:flex;box-shadow:0 22px 70px #00000070}.heroContent{max-width:620px}.modeHero{min-height:300px}.ruleHeroImage{width:min(100%,460px);min-height:360px}.heroPanel h1,.screenHeader h1,.gameHeader h1{letter-spacing:0;max-width:760px;margin:4px 0 0;font-size:clamp(28px,5vw,52px);line-height:1.04}.heroPanel p{color:#c6d3e7;max-width:620px;line-height:1.55}.abyssRulesSummary{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#c6d3e7;background:linear-gradient(#070a12e6,#0c111fd6);border:1px solid #f5c54252;border-radius:8px;max-width:none;margin-top:0;padding:16px 18px;line-height:1.48;box-shadow:0 18px 42px #0000005c,inset 0 1px #ffffff14}.abyssRulesSummary h2{color:#eef4ff;margin:0 0 10px;font-size:20px}.abyssRulesSummary p{color:#eef4ff;margin:0 0 12px}.abyssRulesSummary ul{gap:8px;margin:0;padding-left:20px;display:grid}.abyssRulesSummary li::marker{color:#f5c542}.eyebrow{color:#f5c542;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.actionStack{gap:10px;display:grid}.actionStack button,.primaryAction{justify-content:center;width:100%}.primaryAction{color:#fff7cf;text-shadow:0 2px 8px #000000e6;background:#f5c542;font-weight:800}.difficultyPanel{background:#05070c7a;border:1px solid #f5c5423d;border-radius:8px;gap:8px;padding:10px;display:grid}.difficultyPanel button{text-align:center;justify-content:center;align-items:center;min-height:54px;padding:12px 14px;font-weight:800;display:flex}.factionSummary,.factionCard,.sidePanel,.profileDetails,.classicRulesPanel{background:#0f172ab8;border:1px solid #cdd9ec29;border-radius:8px}.factionSummary{grid-column:2;gap:12px;padding:16px;display:grid;overflow:hidden}.factionSummaryEmblem,.factionBadge>span{background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:8px;width:32px;height:32px;display:block}.factionSummaryLeader{aspect-ratio:1;object-fit:cover;border:1px solid #ffffff1f;border-radius:8px;width:100%}.classicRulesPanel{color:#c6d3e7;gap:10px;padding:18px 20px;display:grid}.rulesPanelsGrid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.rulesScreen,.puzzleScreen{max-width:none}.puzzleLayout{grid-template-columns:minmax(280px,380px) minmax(720px,1fr);align-items:start;gap:16px;display:grid}.puzzleListPanel,.puzzleBoardPanel,.puzzleResultPanel{border:var(--panel-border) solid transparent;border-image-source:var(--panel-info);border-image-slice:var(--panel-slice);border-image-width:var(--panel-border);background:linear-gradient(#090e1ac7,#080b16e6),#0f172ab8;border-image-repeat:stretch;border-radius:8px}.puzzleListPanel,.puzzleBoardPanel{gap:14px;padding:16px;display:grid}.puzzleList{scrollbar-color:#f5c542b8 #05070c80;scrollbar-width:thin;gap:8px;max-height:720px;padding-right:4px;display:grid;overflow:auto}.puzzleList::-webkit-scrollbar{width:10px}.puzzleList::-webkit-scrollbar-track{background:#05070c80;border-radius:999px}.puzzleList::-webkit-scrollbar-thumb{background:linear-gradient(#fff1a8,#f5c542);border:2px solid #05070c80;border-radius:999px}.puzzleSectionGroup{gap:8px;display:grid}.puzzleSectionHeader{text-align:left;background:#05070c70;border:1px solid #f5c54247;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.puzzleSectionHeader strong{color:#fff7cf}.puzzleSectionHeader small{color:#f5c542;font-weight:800}.puzzleSectionHeader:disabled{cursor:default}.puzzleSectionHeaderDone:hover:not(:disabled){border-image-source:var(--panel-selected)}.puzzleListItem{border:var(--panel-border) solid transparent;border-image-source:var(--panel-default);border-image-slice:var(--panel-slice);border-image-width:var(--panel-border);text-align:left;background:linear-gradient(#090e1ac7,#080b16e6),#0f172ab8;border-image-repeat:stretch;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:3px 10px;min-height:72px;display:grid}.puzzleListItem strong{color:#f5c542}.puzzleListItem span{overflow-wrap:anywhere;min-width:0;font-weight:800}.puzzleListItem small{color:#9aa9c2;grid-column:2}.puzzleListItemActive{border-image-source:var(--panel-selected);border-color:#f5c542b8;box-shadow:inset 0 0 0 1px #f5c54229}.puzzleListItemDone{border-image-source:var(--panel-primary)}.puzzleListItem:disabled{cursor:default;opacity:.48}.puzzleHeaderBlock,.puzzleObjectivePanel{justify-content:space-between;align-items:center;gap:16px;display:flex}.puzzleHeaderBlock h2{margin:2px 0 0;font-size:28px;line-height:1.1}.puzzleHeaderBlock small,.puzzleObjectivePanel small{color:#f5c542;text-transform:uppercase;font-weight:900}.puzzleHeaderBlock>strong{color:#fff7cf;flex:none}.puzzleObjectivePanel{background:linear-gradient(135deg,#f5c5421f,#0000 48%),#05070c66;border:1px solid #f5c54257;border-radius:8px;align-items:stretch;padding:14px}.puzzleObjectivePanel>div{gap:4px;display:grid}.puzzleObjectivePanel strong{font-size:20px;line-height:1.25}.puzzlePlayGrid{grid-template-columns:minmax(480px,1fr) minmax(280px,360px);align-items:start;gap:14px;display:grid}.puzzleSidePanel{gap:12px;display:grid}.puzzleHintPanel{background:#05070c75;border:1px solid #f5c5423d;border-radius:8px;gap:10px;padding:12px;display:grid}.puzzleHintPanel strong{color:#fff7cf;line-height:1.35}.puzzleResultPanel{gap:12px;padding:14px;display:grid}.puzzleResultPanel span,.puzzleResultPanel p{color:#c6d3e7;margin:0}.puzzleSuccess{border-color:#4ade8080}.puzzleFail{border-color:#f8717194}.puzzleResultPanel button{border:var(--panel-border) solid transparent;border-image-source:var(--panel-default);border-image-slice:var(--panel-slice);border-image-width:var(--panel-border);background:linear-gradient(#090e1ac7,#080b16e6),#0f172ab8;border-image-repeat:stretch;justify-self:start;min-width:130px}.puzzleResultPanel button:hover:not(:disabled){border-image-source:var(--panel-selected)}.puzzleResultActions{align-items:center;gap:10px;margin-top:6px;display:flex}.rulesPanelImage{object-fit:cover;object-position:center;background:#05070c7a;border:1px solid #7cdcff3d;border-radius:8px;width:100%;max-height:280px}.classicRulesPanel h2{color:#eef4ff;margin:0;font-size:20px}.classicRulesPanel ul{gap:8px;margin:0;padding-left:20px;line-height:1.45;display:grid}.classicRulesPanel li::marker{color:#f5c542}.missionSelect{gap:14px;display:grid}.missionCard{grid-template-columns:minmax(220px,320px) minmax(0,1fr);align-items:center;gap:16px;padding:14px;display:grid}.missionPreview{aspect-ratio:1;object-fit:cover;background:#05070c7a;border:1px solid #7cdcff3d;border-radius:8px;width:100%}.missionInfo{gap:10px;display:grid}.missionInfo small{color:#f5c542;text-transform:uppercase;font-weight:900}.missionInfo h3{color:#eef4ff;margin:0;font-size:22px}.missionInfo p{color:#c6d3e7;margin:0;line-height:1.45}.missionInfo dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:0;display:grid}.missionInfo dl div{gap:2px;display:grid}.missionInfo dt{color:#9aa9c2;font-size:12px}.missionInfo dd{color:#eef4ff;margin:0;font-weight:800}.missionInfo button{justify-self:start;min-width:170px;font-weight:900}.missionCardSelected .missionInfo button{border-image-source:var(--panel-primary)}.missionPager{grid-template-columns:repeat(2,minmax(0,220px));justify-content:center;gap:12px;display:grid}.missionPager button{min-height:68px;font-weight:900}.screenStack{gap:16px;display:grid}.screenLead{color:#c6d3e7;max-width:850px;margin:10px 0 0;line-height:1.5}.screenStack.compact{max-width:620px}.screenStack.compact.matchSetupScreen{max-width:none}.factionGrid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;display:grid}.factionViewerFrame{position:relative}.factionViewer{border-image-source:var(--panel-default-vertical);gap:16px;padding:18px;display:grid;overflow:hidden}.factionViewerHero{grid-template-columns:minmax(176px,.4fr) minmax(320px,1.6fr);align-items:start;gap:16px;display:grid}.factionViewerArt{aspect-ratio:1;background:#05070c7a;border-radius:8px;max-width:252px;min-height:182px;overflow:hidden}.factionViewerArt img{object-fit:cover;width:100%;height:100%}.factionViewerIntro{background:#05070c57;border-radius:8px;align-content:start;gap:12px;padding:12px;display:grid}.factionViewerTitle{align-items:center;gap:14px;display:flex}.factionViewerEmblem{object-fit:contain;background:#05070c99;border-radius:8px;flex:none;width:64px;height:64px}.factionViewerIntro h2,.factionUnits h3{color:#eef4ff;margin:0}.factionViewerIntro p{color:#c6d3e7;margin:0;line-height:1.48}.factionPageButton{justify-content:center;align-items:center;gap:10px;width:290px;min-width:290px;min-height:78px;font-weight:900;display:flex}.factionPageButton img{object-fit:contain;flex:none;width:38px;height:38px}.factionPageButton span{white-space:normal;overflow-wrap:anywhere;text-align:center;min-width:0;max-width:200px;line-height:1.1}.factionPager{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.defaultFactionButton{justify-self:start;min-width:220px;font-weight:900}.defaultFactionButton:hover:not(:disabled),.factionPageButton:hover:not(:disabled),.factionPageButtonActive{border-image-source:var(--panel-selected)}.factionUnits{gap:12px;display:grid}.factionUnitStrip{grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:10px;display:grid}.factionUnitThumb{cursor:pointer;background:#05070c52;border:1px solid #7cdcff33;border-radius:8px;min-height:112px;padding:9px}.factionUnitThumb:hover,.factionUnitThumbActive{border-color:#f5c542b8;box-shadow:0 0 18px #f5c54238}.factionUnitThumb img{object-fit:contain;filter:drop-shadow(0 8px 10px #0000009e);width:87px;max-width:100%;height:87px}.factionUnitDetail{background:#05070c52;border:1px solid #7cdcff38;border-radius:8px;grid-template-columns:minmax(220px,348px) minmax(0,1fr);align-items:center;gap:22px;min-height:390px;padding:18px;display:grid}.factionUnitDetail img{object-fit:contain;filter:drop-shadow(0 14px 18px #000000ad);width:min(100%,348px);height:348px}.factionUnitDetail strong,.factionUnitDetail span,.factionUnitDetail p{display:block}.factionUnitDetail strong{color:#eef4ff;font-size:28px;line-height:1.15}.factionUnitDetail span{color:#c6d3e7;margin-top:4px;font-size:16px;line-height:1.25}.factionUnitDetail p{color:#9aa9c2;max-width:72ch;margin:14px 0 0;font-size:16px;line-height:1.5}.factionPowerPanel{background:#05070c52;border:1px solid #f5c54238;border-radius:8px;align-items:center;gap:14px;padding:12px;display:flex}.factionPowerIcon{object-fit:contain;filter:drop-shadow(0 0 14px #5dffc061);flex:none;width:92px;height:92px}.factionCard{cursor:pointer;border-image-source:var(--panel-default-vertical);gap:12px;padding:16px;display:grid;overflow:hidden}.activeFaction{border-color:#f5c542;border-image-source:var(--panel-selected-vertical)}.factionCard:focus-visible{outline-offset:3px;outline:2px solid #f5c542d9}.factionSwatches{gap:6px;display:flex}.factionSwatches span{border-radius:8px;width:28px;height:28px}.factionArt{aspect-ratio:16/10;background:#05070c7a;border-radius:8px;min-height:150px;position:relative;overflow:hidden}.factionLeader{object-fit:cover;width:100%;height:100%}.factionEmblem{object-fit:contain;background:#05070c9e;border-radius:8px;width:54px;height:54px;position:absolute;bottom:10px;right:10px;box-shadow:0 10px 24px #0000005c}.factionCard h2,.sidePanel h2{margin:0;font-size:18px}.factionCard p{color:#c6d3e7;margin:0}.factionCard dl{gap:7px;margin:0;display:grid}.factionCard dl div{color:#c6d3e7;font-size:13px;display:block}.factionCard dt{color:#eef4ff;font-weight:800;display:inline}.factionCard dt:after{content:" - ";color:#9aa9c2;font-weight:500}.factionCard dd{text-align:left;margin:0;display:inline}.factionPower{color:#c6d3e7;gap:7px;margin-top:4px;line-height:1.42;display:grid}.factionPower h3{color:#f5c542;margin:0;font-size:16px}.factionPower h4{color:#eef4ff;margin:6px 0 0;font-size:14px}.factionPower p,.factionPower ul{margin:0}.factionPower ul{gap:4px;padding-left:18px;display:grid}.factionPower li::marker{color:#f5c542}.factionPower.factionPowerPanel{display:flex}.defaultFactionBadge{border:var(--panel-border) solid transparent;border-image-source:var(--panel-primary);border-image-slice:var(--panel-slice);border-image-width:var(--panel-border);color:#fff7cf;text-align:center;text-shadow:0 2px 8px #000000e6;border-image-repeat:stretch;justify-self:start;min-width:170px;padding:5px 18px;font-weight:900}.gameLayout{grid-template-columns:minmax(320px,720px) minmax(320px,720px);align-items:start;gap:18px;display:grid}.gameHeader{grid-column:1/-1;margin-bottom:0}.invite{color:#9ee8b7;margin:8px 0 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.boardShell{width:min(100%,720px)}.board{aspect-ratio:1;background-color:#0000;background-image:linear-gradient(#ffffff0a,#0000001a),url(/assets/boards/board_battlefield_relief_readable_main.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #f5c54259;border-radius:8px;width:100%;position:relative;overflow:hidden;box-shadow:0 26px 70px #00000080}.boardAbyss{background-color:#0000;background-image:linear-gradient(#ffffff08,#00000014),url(/assets/boards/board_gambit_back.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.boardGaugeLayer,.boardUltimateButtons{pointer-events:none;position:absolute;inset:0}.boardGaugeLayer{z-index:3}.boardUltimateButtons{z-index:24}.boardGaugeLayer img{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.boardUltimateButton{z-index:3;opacity:0;pointer-events:auto;background:0 0;border:0;border-radius:999px;min-height:0;padding:0;position:absolute}.boardUltimateButton:disabled{cursor:default}.boardUltimateButtonTop{width:76.0766%;height:9.2504%;top:1.27592%;left:11.9617%}.boardUltimateButtonBottom{width:76.0766%;height:9.2504%;top:89.4737%;left:11.9617%}.boardRombiLayer{z-index:2;object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.boardRombiGlow{z-index:1;pointer-events:none;filter:blur(2px);mix-blend-mode:screen;background:radial-gradient(circle,#78ffc5b8 0%,#4cffaa6b 32%,#4cffaa29 54%,#0000 72%);border-radius:50%;animation:1.7s ease-in-out infinite alternate rombiGlowPulse;position:absolute}.boardRombiGlowTop{width:15.311%;height:15.311%;top:-2.63158%;left:42.3445%}.boardRombiGlowBottom{width:16.5869%;height:16.5869%;top:84.8485%;left:41.7065%}.boardUltimateSelecting{opacity:.18;background:#f5c54261;box-shadow:0 0 22px #f5c542b8}.boardUltimateButton:hover:not(:disabled),.boardUltimateButton:focus-visible{opacity:1;background:radial-gradient(circle,#7cdcff33,#0000 18%),linear-gradient(90deg,#7cdcff14,#7cdcff2e,#7cdcff14);border:2px solid #7cdcfff2;outline:0;box-shadow:0 0 16px #7cdcffb8,inset 0 0 18px #7cdcff38}.boardGrid{z-index:10;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:78.9474%;height:79.7448%;display:grid;position:absolute;top:9.56938%;left:10.3668%}.square{background:0 0;border:0;border-radius:0;min-height:0;padding:4px;position:relative;overflow:visible}.squareLight{background:#ebdfc614}.squareDark{background:#21252b24}.squareSelected:before{content:"";z-index:10;pointer-events:none;border:2px solid #7cc5fff2;border-radius:8px;position:absolute;inset:6%;box-shadow:0 0 16px #50aaffad}.squareThreat:after{content:"";z-index:7;pointer-events:none;background:#f5c54224;border:1px solid #ffeea0b8;border-radius:8px;position:absolute;inset:18%;box-shadow:0 0 14px #f5c5425c}.squareThreatSource:before{content:"";z-index:12;pointer-events:none;border:2px solid #ffeea0eb;border-radius:8px;position:absolute;inset:5%;box-shadow:0 0 18px #f5c54294}.squareMove:after{content:"";z-index:8;pointer-events:none;background:#82d2ffb8;border-radius:999px;position:absolute;inset:35%;box-shadow:0 0 12px #82d2ffc7}.boardPlayerBlack .squareMove:after{background:#b54dffbd;box-shadow:0 0 13px #b54dffd1}.squareCapture:after{background:#ff28281f;border:2px solid #ff5050eb;inset:12%;box-shadow:0 0 16px #ff282894}.squareUltimateTarget:after{content:"";z-index:11;pointer-events:none;background:#f5c54229;border:2px solid #f5c542f2;border-radius:8px;position:absolute;inset:12%;box-shadow:0 0 18px #f5c542ad}.squareUltimateQueued:after{content:"";z-index:12;pointer-events:none;background:#47ffaa2e;border:2px solid #47ffaafa;border-radius:8px;position:absolute;inset:10%;box-shadow:0 0 22px #47ffaac7}.squareFrozen:before{content:"";z-index:13;pointer-events:none;background:#78e6ff1f;border:2px solid #82f5ffe6;border-radius:8px;position:absolute;inset:8%;box-shadow:0 0 20px #78e6ff9e}.squareFrozen .pieceImg,.squareFrozen .pieceSprite{filter:grayscale(.25)saturate(.72)drop-shadow(0 9px 11px #0000009e)drop-shadow(0 0 12px #78e6ffb8)}.boardPlayerBlack .squareCapture:after{background:#b54dff29;border-color:#da87fff2;box-shadow:0 0 17px #b54dffb8}.squareLast{box-shadow:inset 0 0 0 100vmax #f5c54229}.squareCheck{animation:1.1s ease-in-out infinite alternate checkPulse;box-shadow:inset 0 0 0 100vmax #ef44445c}.squarePlayable:before{content:"";z-index:9;pointer-events:none;border:1px solid #7cdcff99;border-radius:8px;position:absolute;inset:7%;box-shadow:0 0 10px #50beff47}.squareOccupied:hover:before{content:"";z-index:12;pointer-events:none;border:2px solid #fffffff0;border-radius:8px;position:absolute;inset:5%;box-shadow:0 0 18px #ffffff9e}.squarePlayable .pieceImg,.squarePlayable .pieceSprite{filter:drop-shadow(0 9px 11px #0000009e)drop-shadow(0 0 10px #62d3ff9e)}.squareOccupied:hover .pieceImg,.squareOccupied:hover .pieceSprite{filter:drop-shadow(0 9px 11px #0000009e)drop-shadow(0 0 14px #ffffffdb)}.squareAbyssFlag{box-shadow:inset 0 0 0 1px #f5c54275}.flagMarker{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;right:0}.flagMarker img{object-fit:contain;filter:drop-shadow(0 0 6px #f5c5427a);width:100%;height:100%;display:block}.squareWhiteFlag .flagMarker img{filter:drop-shadow(0 0 7px #7cdcff9e)}.squareBlackFlag .flagMarker img{filter:drop-shadow(0 0 7px #b54dffa8)}.coord{z-index:1;color:#ffffff9e;font-size:10px;position:absolute;top:4px;left:5px}.pieceSprite{z-index:2;filter:drop-shadow(0 8px 10px #00000059);width:86%;height:86%;position:relative}.pieceLayer{z-index:22;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.pieceBaseRing{z-index:20;background:#ffffff0a;border:1px solid #ffffff57;border-radius:50%;width:62%;height:21%;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.pieceShadow{z-index:21;background:radial-gradient(#0000007a 0%,#00000038 48%,#0000 76%);border-radius:50%;width:60%;height:18%;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.pieceOwner-white .pieceShadow{background:radial-gradient(#4696ff52,#00000059 48%,#0000 76%)}.pieceOwner-black .pieceShadow{background:radial-gradient(#be50ff57,#00000061 48%,#0000 76%)}.pieceImg{left:calc(50% + var(--piece-offset-x,0%));bottom:calc(1% + var(--piece-offset-y,0%));z-index:22;object-fit:contain;width:98%;height:98%;transform:translateX(-50%) scale(var(--piece-scale,1));transform-origin:bottom;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 8px 10px #0000009e)drop-shadow(0 0 6px #ffffff2e);animation:.52s cubic-bezier(.2,.8,.2,1) pieceSettle;position:absolute}.faction-fallen_stars .pieceImg{filter:drop-shadow(0 9px 11px #000000b8)drop-shadow(0 0 10px #b54dff80)}.faction-astral_legions .pieceImg{filter:drop-shadow(0 9px 11px #00000094)drop-shadow(0 0 9px #f5c54257)}.fallbackPiece{position:absolute;top:7%;left:7%}.pieceSpriteText{fill:#fff;dominant-baseline:middle;font-size:30px;font-weight:900}.sidePanel{gap:12px;padding:16px;display:grid}.factionScorePanel,.infoPanel,.battleLogPanel{background:#05070c61;border:1px solid #f5c54247;border-radius:8px;gap:12px;padding:12px;display:grid}.factionScoreRow{grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.factionScoreRowNoScore{grid-template-columns:32px minmax(0,1fr)}.factionScoreRow>span{background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:8px;width:32px;height:32px}.factionScoreRow small,.infoPanel small{color:#9aa9c2;font-size:13px;display:block}.factionScoreRow strong{color:#eef4ff;line-height:1.15;display:block}.factionScoreRow b{color:#f5c542;font-size:24px}.infoPanel{color:#c6d3e7;min-height:136px;line-height:1.42}.infoPanel h2{color:#eef4ff;margin:0;font-size:18px}.infoPanel p{margin:0}.infoPanel em{color:#f5c542;font-style:normal;font-weight:800}.infoPanelEmpty{color:#9aa9c2;align-content:center}.ultimateSelectionPanel{color:#c6d3e7;background:#05070c9e;border:1px solid #f5c54257;border-radius:8px;gap:10px;padding:16px;display:grid}.ultimateSelectionPanel strong{color:#f5c542;font-size:18px}.ultimateSelectionPanel span{color:#c6d3e7}.ultimateSelectionPanel button{min-height:44px}.battleLogPanel h2{color:#eef4ff;margin:0;font-size:20px}.battleLogScroll{color:#c6d3e7;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#7cdcffa3 #05070c52;gap:8px;max-height:300px;padding-right:8px;display:grid;overflow:auto}.battleLogScroll p{margin:0}.battleLogDetail{color:#9ee8b7;padding-left:18px;font-size:13px}.turnTimer{color:#9aa9c2;font-size:13px}.battleLogPanel button,.passTurnButton{font-weight:800}.versus{gap:10px;display:grid}.factionBadge{align-items:center;gap:12px;display:flex}.abyssScorePanel{background:#05070c61;border:1px solid #f5c54247;border-radius:8px;gap:9px;padding:12px;display:grid}.scoreRow,.scoreEvents div{justify-content:space-between;align-items:center;gap:10px;display:flex}.scoreRow strong{color:#f5c542;font-size:22px}.turnLimit,.flagLegend{color:#9aa9c2;font-size:13px}.flagLegend{gap:3px;display:grid}.scoreEvents{color:#c6d3e7;border-top:1px solid #cdd9ec1f;gap:5px;padding-top:8px;font-size:13px;display:grid}.scoreEvents strong{color:#9ee8b7}.ultimatePanel{background:#05070c6b;border:1px solid #7cdcff42;border-radius:8px;gap:10px;padding:12px;display:grid}.ultimateHeader{gap:2px;display:grid}.ultimateHeader span,.ultimateInfo small,.ultimateLast{color:#9aa9c2;font-size:13px}.ultimateHeader strong{color:#eef4ff}.ultimateMeter{background:#030712c7;border:1px solid #f5c54257;border-radius:999px;height:12px;overflow:hidden}.ultimateMeter span{border-radius:inherit;background:linear-gradient(90deg,#7cdcffe6,#f5c542f5);height:100%;display:block;box-shadow:0 0 14px #7cdcff73}.ultimateStatus{color:#f5c542;font-size:13px;font-weight:800}.ultimateActions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ultimateActions button{min-height:42px;font-weight:800}.ultimateInfo{color:#c6d3e7;border-top:1px solid #cdd9ec1f;gap:5px;padding-top:9px;line-height:1.4;display:grid}.ultimateInfo p{margin:0}.ultimateLast{border-top:1px solid #cdd9ec1a;padding-top:8px}.profileLeader{object-fit:cover;border:1px solid #ffffff1f;border-radius:8px;width:100%;max-height:280px}@keyframes pieceSettle{0%{opacity:.35;transform:translateX(-50%) scale(calc(var(--piece-scale,1) * .94))}to{opacity:1;transform:translateX(-50%) scale(var(--piece-scale,1))}}@keyframes checkPulse{0%{box-shadow:inset 0 0 0 100vmax #ef44443d,0 0 #ef444400}to{box-shadow:inset 0 0 0 100vmax #ef444475,0 0 18px #ef4444ad}}@keyframes rombiGlowPulse{0%{opacity:.56;transform:scale(.94)}to{opacity:.94;transform:scale(1.06)}}.moveHistory{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#7cdcffa3 #05070c52;min-height:160px;max-height:260px;padding-right:8px;overflow:auto}.moveHistory::-webkit-scrollbar{width:8px}.sidePanel::-webkit-scrollbar{width:8px}.moveHistory::-webkit-scrollbar-track{background:#05070c52;border-radius:999px}.sidePanel::-webkit-scrollbar-track{background:#05070c52;border-radius:999px}.moveHistory::-webkit-scrollbar-thumb{background:linear-gradient(#7cdcffd1,#b54dffad);border:2px solid #05070c52;border-radius:999px}.sidePanel::-webkit-scrollbar-thumb{background:linear-gradient(#7cdcffd1,#b54dffad);border:2px solid #05070c52;border-radius:999px}.moveHistoryList{color:#c6d3e7;gap:7px;margin:10px 0 0;padding:0 6px 0 0;list-style:none;display:grid}.moveHistoryList li{border-bottom:1px solid #cdd9ec14;justify-content:space-between;gap:12px;padding-bottom:5px;display:flex}.moveHistoryList span{color:#9aa9c2}.moveHistoryList strong{color:#eef4ff;text-align:right;font-weight:700}.pieceInfoPanel{background:#05070c61;border:1px solid #7cdcff47;border-radius:8px;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.pieceInfoPanel img{object-fit:contain;background:radial-gradient(circle,#7cdcff29,#05070c61);border-radius:8px;width:92px;height:92px}.pieceInfoPanel small{color:#9aa9c2}.pieceInfoPanel h2{margin:2px 0}.pieceInfoPanel p{color:#c6d3e7;margin:0 0 6px}.gameActions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.gameActions button:disabled{cursor:not-allowed}.profileDetails{color:#c6d3e7;padding:16px}.onlinePanel{background:#0f172ab8;border:1px solid #cdd9ec29;border-radius:8px;gap:14px;padding:16px;display:grid}.onlinePanel p{color:#c6d3e7;margin:0;line-height:1.5}.onlinePanel label{color:#9aa9c2;gap:6px;font-size:13px;display:grid}.onlinePanel input{color:#eef4ff;min-width:0;font:inherit;background:#05070c7a;border:1px solid #cdd9ec33;border-radius:8px;padding:12px}.matchSetupScreen{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;max-width:none}.matchSetupScreen .screenHeader,.matchSetupScreen .notice{grid-column:1/-1}.matchSetupScreen .matchSetupGrid{display:contents}.matchSetupScreen .matchSetupGrid>:nth-child(2){grid-area:2/1}.matchSetupScreen .matchSetupGrid>:nth-child(3){grid-area:2/2}.matchSetupScreen .matchSetupGrid>:first-child{grid-area:3/1}.matchSetupScreen .matchSetupActions{grid-area:3/2;align-self:stretch}.matchSetupGrid{gap:18px;display:grid}.matchSetupPanel{background:#0a0f1cb8;border:1px solid #cdd9ec29;border-radius:8px;gap:14px;padding:22px;display:grid}.matchSetupPanel h2{color:#eef4ff;margin:0;font-size:22px}.matchSetupPanel p{color:#c6d3e7;margin:0;line-height:1.5}.segmentedChoice,.setupFactionGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.setupFactionGrid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.segmentedChoice button,.setupFactionGrid button,.matchSetupActions button{min-height:56px}.setupFactionGrid button{text-align:center;white-space:normal;justify-content:center;align-items:center;gap:12px;display:flex}.setupFactionGrid img{object-fit:contain;flex:none;width:34px;height:34px}.setupRandomIcon{color:#f8d66b;background:radial-gradient(circle at 50% 42%,#f5c54252,#7cdcff29 52%,#040812d1);border:1px solid #f5c5429e;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:900;line-height:1;display:inline-grid;box-shadow:inset 0 0 12px #f5c5422e,0 0 14px #7cdcff2e}.segmentedChoice button.selected,.setupFactionGrid button.selected{border-image-source:var(--panel-primary);color:#f8d66b;border-color:#f5c542db;box-shadow:inset 0 0 0 1px #f5c54252,0 0 18px #f5c54238}.setupFactionGrid button:disabled{cursor:not-allowed;opacity:.42;filter:grayscale(.8)}.matchSetupActions{justify-content:flex-end;display:flex}.matchSetupActions button{width:100%;min-width:240px}.searchPulse{color:#c6d3e7;background:radial-gradient(circle at 20% 20%,#7cdcff29,#05070c52);border:1px solid #7cdcff47;border-radius:8px;padding:16px}.ruleChoiceGrid button,.actionStack button,.difficultyPanel,.difficultyPanel button,.factionSummary,.factionCard,.factionViewer,.factionPageButton,.defaultFactionButton,.missionCard,.missionCard button,.missionPager button,.classicRulesPanel,.sidePanel,.profileDetails,.onlinePanel,.classicRulesPanel,.abyssScorePanel,.factionScorePanel,.infoPanel,.battleLogPanel,.ultimatePanel,.pieceInfoPanel,.gameActions button,.searchPulse,.abyssRulesSummary{border:var(--panel-border) solid transparent;border-image-source:var(--panel-default);border-image-slice:var(--panel-slice);border-image-width:var(--panel-border);border-image-repeat:stretch}.sidePanel,.profileDetails,.onlinePanel,.matchSetupPanel,.abyssScorePanel,.factionScorePanel,.infoPanel,.battleLogPanel,.ultimatePanel,.pieceInfoPanel,.searchPulse,.abyssRulesSummary{border-image-source:var(--panel-info)}.sidePanel{border-image-source:var(--panel-info-vertical)}.actionStack .primaryAction,.primaryAction,.onlinePanel>button,.factionCard button,.missionCard button:hover:not(:disabled),.activeFaction,.missionCardSelected,.ruleChoiceGrid button:hover,.actionStack button:hover:not(:disabled),.difficultyPanel button:hover:not(:disabled),.segmentedChoice button:hover:not(:disabled),.setupFactionGrid button:hover:not(:disabled),.matchSetupActions button:hover:not(:disabled),.gameActions button:hover:not(:disabled){border-image-source:var(--panel-selected)}@media (width<=860px){.app{padding-inline:12px}.topbar,.screenHeader,.gameHeader{align-items:flex-start}.menuGrid,.ruleChoiceGrid,.rulesPanelsGrid,.puzzleLayout,.gameLayout{grid-template-columns:1fr}.factionSummary{grid-column:auto}.menuGridAbyss .actionStack{margin-top:0}.menuGridClassic .actionStack{grid-area:auto;max-width:none}.matchSetupScreen{grid-template-columns:1fr}.matchSetupScreen .matchSetupGrid{display:grid}.matchSetupScreen .matchSetupGrid>:first-child,.matchSetupScreen .matchSetupGrid>:nth-child(2),.matchSetupScreen .matchSetupGrid>:nth-child(3),.matchSetupScreen .matchSetupActions{grid-area:auto}.factionViewerHero,.factionUnitDetail,.missionCard,.missionInfo dl,.puzzlePlayGrid,.puzzleObjectivePanel,.missionPager{grid-template-columns:1fr}.puzzlePlayGrid,.puzzleObjectivePanel{display:grid}.factionUnitStrip{grid-template-columns:repeat(3,minmax(0,1fr))}.factionUnitDetail{min-height:0}.factionUnitDetail img{justify-self:center;width:min(100%,280px);height:280px}.factionViewerFrame{padding-inline:0}.factionPageButton{width:100%}.factionPager{grid-template-columns:1fr;display:grid}.factionViewerArt{width:min(100%,252px);min-height:196px}.heroPanel{min-height:250px;padding:20px}.heroPanel h1,.screenHeader h1,.gameHeader h1{font-size:30px}.sidePanel{order:3}.moveHistory{max-height:210px;padding-right:4px}.moveHistoryList li{align-items:flex-start}}@media (width<=460px){.brand small{display:none}.topbar{display:grid}.topActions{justify-content:stretch}.topActions button{flex:1}.screenHeader,.gameHeader{display:grid}.square{padding:2px}.coord{display:none}}