.sidePicker{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 18px;display:grid}.difficultyScreen>p{color:#f5dfae;letter-spacing:.08em;font-weight:900}.difficultyChoices{gap:14px;margin-top:28px;display:grid}.difficultyChoices button{background:linear-gradient(105deg,#32104e,#7b218d);border:2px solid #ffd24a;border-radius:15px;align-content:center;gap:7px;min-height:112px;padding:18px;display:grid;box-shadow:0 0 18px #8b2cff66}.difficultyChoices strong{color:#ffd64a;font-size:24px}.difficultyChoices small{color:#fff;font-size:15px}.sidePicker button,.primaryFight{background:#26103b;border:2px solid #ac5cff;border-radius:12px;padding:13px 8px;font-weight:900}.sidePicker .on{background:linear-gradient(100deg,#6d1a82,#ad2fcb);border-color:#ffd24a;box-shadow:0 0 18px #8b2cff88}.teamBlock{text-align:left;background:#160624e8;border:2px solid #7830a3;border-radius:16px;margin:14px 0;padding:14px}.teamBlock>div:first-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.teamBlock h3{color:#ffd443;margin:0}.teamBlock strong{white-space:nowrap;color:#ffcc4d}.teamBlock strong.ready{color:#54ec8e}.teamBlock p{color:#eadcf5;margin:7px 0 12px}.lockedTeam{background:linear-gradient(145deg,#311044,#13051f);border-color:#d59a24}.miniCards{grid-template-columns:repeat(8,1fr);gap:5px;display:grid}.miniCards button{background:#10051e;border:1px solid #ffc83b;border-radius:6px;padding:0;position:relative;overflow:hidden}.miniCards img{width:100%;display:block}.miniCards b{color:#fff;background:#18a767;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;display:grid;position:absolute;bottom:2px;right:2px}.knightChoice,.aiCardChoice{grid-template-columns:repeat(3,1fr)}.knightChoice .card i,.aiCardChoice .card i{color:#fff;background:#18a867;border-radius:50%;place-items:center;width:28px;height:28px;font-size:16px;font-style:normal;display:grid;inset:6px 6px auto auto}.aiCardChoice .card.locked{filter:grayscale(.8)brightness(.45)}.aiCardChoice .card.locked:hover{filter:grayscale(.45)brightness(.65)}.cardLock{z-index:2;filter:drop-shadow(0 2px 4px #000);font-size:28px;position:absolute;inset:42% 0 auto}.primaryFight{background:linear-gradient(100deg,#5b177e,#9c2ec1);border-color:#ffd43b;width:100%;font-size:19px;box-shadow:0 0 20px #8b2cff88}.primaryFight:disabled{opacity:.4;box-shadow:none}.teamActions{grid-template-columns:1fr auto;gap:8px;margin:10px 0 14px;display:grid}.teamActions button{color:#fff;background:linear-gradient(100deg,#5b177e,#9229ac);border:2px solid #ffd43b;border-radius:10px;min-height:46px;padding:10px 12px;font-weight:900;box-shadow:0 0 12px #8b2cff66}.teamActions button:last-child{box-shadow:none;background:#26103b;border-color:#9e75bc}.battleLabel{color:#f5dfae;letter-spacing:.04em;margin:-7px 0 16px;font-weight:900}.teamSetup .playerTeam{border-color:#d9a42e;box-shadow:0 0 22px #8b2cff3d}.teamSetup>.primaryFight{z-index:3;min-height:58px;position:sticky;bottom:10px}.fixedCard{background:#12663e;border:2px solid #3de991;border-radius:10px;margin:4px;padding:11px;font-weight:900}.lockedMessage{color:#ffe28a;background:#3b2447;border-color:#d9a543}.board button{position:relative}.board span{place-items:center;width:100%;height:100%;display:inline-grid;position:relative}.board span em{color:#fff;min-width:18px;height:18px;text-shadow:none;background:#23202a;border:1px solid #fff8;border-radius:5px;place-items:center;padding:0 3px;font:900 10px/1 Arial,sans-serif;display:grid;position:absolute;bottom:2px;right:2px}.board span[data-rarity=R] em{background:#087ec9}.board span[data-rarity=SR] em{background:#8725ca}.board span[data-rarity=SCR] em{color:#180a00;background:#d99400}.board .picked{box-shadow:inset 0 0 0 5px #51bdff}.boardFx{z-index:8;pointer-events:none;filter:drop-shadow(0 0 8px #fff)drop-shadow(0 0 15px);place-items:center;font-size:clamp(28px,9vw,58px);font-style:normal;line-height:1;display:grid;position:absolute;inset:0}.fx-shield{color:#58cfff;animation:.9s ease-out both fxShield}.fx-portal{color:#d958ff;animation:.9s ease-in-out both fxPortal}.fx-counter{color:#ff4968;animation:.9s ease-out both fxCounter}.fx-lightning{color:#fff12f;animation:.8s steps(2,end) both fxLightning}.fx-blast{color:#ff6b22;animation:.8s ease-out both fxBlast}.fx-revive,.fx-heal{color:#5dff9b;animation:.9s ease-out both fxRevive}.fx-promotion{color:#ffd63e;animation:.9s cubic-bezier(.2,.9,.2,1.25) both fxPromotion}.fx-bonus,.fx-advance{color:#6dffde;animation:.9s ease-out both fxBonus}@keyframes fxShield{0%{opacity:0;transform:scale(.25)rotate(-18deg)}35%{opacity:1;transform:scale(1.22)rotate(5deg)}70%{opacity:1;transform:scale(.95)}to{opacity:0;transform:scale(1.35)}}@keyframes fxPortal{0%{opacity:0;transform:scale(.2)rotate(0)}45%{opacity:1;transform:scale(1.2)rotate(220deg)}to{opacity:0;transform:scale(.1)rotate(520deg)}}@keyframes fxCounter{0%{opacity:0;transform:scale(.5)rotate(-45deg)}35%{opacity:1;transform:scale(1.3)rotate(8deg)}to{opacity:0;transform:scale(.8)rotate(35deg)}}@keyframes fxLightning{0%,20%{opacity:0;transform:scale(.5)}21%,55%{opacity:1;background:#fff7;transform:scale(1.35)}56%,to{opacity:0;transform:scale(.9)}}@keyframes fxBlast{0%{opacity:0;transform:scale(.15)}35%{opacity:1;transform:scale(1.55)}to{opacity:0;transform:scale(2)}}@keyframes fxRevive{0%{opacity:0;transform:translateY(45%)scale(.4)}45%{opacity:1;transform:translateY(-12%)scale(1.25)}to{opacity:0;transform:translateY(-55%)scale(.8)}}@keyframes fxPromotion{0%{opacity:0;transform:translateY(45%)scale(.3)rotate(-20deg)}45%{opacity:1;transform:translateY(-8%)scale(1.35)rotate(6deg)}to{opacity:0;transform:translateY(-45%)scale(1)}}@keyframes fxBonus{0%{opacity:0;transform:translateY(30%)scale(.5)}35%{opacity:1;transform:translateY(-5%)scale(1.15)}to{opacity:0;transform:translateY(-65%)scale(.8)}}@media (prefers-reduced-motion:reduce){.boardFx{animation-duration:.01ms!important}}.piecePower{text-align:left;background:#160624;border:2px solid #777;border-radius:12px;align-items:center;gap:10px;width:min(94vw,590px);margin:8px auto;padding:8px 10px;display:flex}.piecePower.R{border-color:#36a8ff}.piecePower.SR{border-color:#b14eff}.piecePower.SCR{border-color:#ffd12f;box-shadow:0 0 12px #ffb00066}.piecePower img{object-fit:cover;border-radius:6px;width:55px;height:76px}.piecePower strong{color:#ffd96c}.piecePower p{color:#fff;margin:3px 0 0;font-weight:800;line-height:1.35}.piecePower .powerHeading{margin-top:6px}.battleScreen>p:first-of-type{color:#f4dfaa;font-weight:800}.nextLevel{color:#fff;background:linear-gradient(105deg,#6d1784,#b02ecb);border:2px solid #ffe06a;border-radius:12px;width:min(94vw,590px);margin:4px auto 12px;padding:15px 18px;font-size:19px;font-weight:1000;box-shadow:0 0 22px #a634e699}.campaignComplete{color:#ffe06a;text-shadow:0 0 15px #ff9d00;font-size:20px;font-weight:1000}.onlineMenuButton{background:linear-gradient(105deg,#0d5f88,#60209a)!important;box-shadow:0 0 24px #3ec8ff66,inset 0 0 20px #ffffff14!important}.onlineScreen>p:first-of-type{color:#f2e7ff;max-width:560px;margin:0 auto 18px;line-height:1.5}.onlineAccount{text-align:left;background:linear-gradient(135deg,#160622ee,#321044ee);border:1px solid #84609b;border-radius:15px;justify-content:space-between;align-items:center;gap:12px;margin:14px 0;padding:14px 16px;display:flex}.onlineAccount>div{gap:3px;display:grid}.onlineAccount strong{color:#fff;font-size:16px}.onlineAccount small{color:#d8c7e3;font-size:13px}.accountStatus{color:#62efa5;letter-spacing:.05em;font-size:12px;font-weight:1000}.accountStatus.guest{color:#ffd45a}.onlineAccount a{color:#fff;background:#3b1152;border:2px solid #aa58e7;border-radius:10px;flex:none;padding:10px 12px;font-size:12px;font-weight:1000;text-decoration:none}.onlineAccount a.googleLogin{color:#29212d;background:#fff;border-color:#f1f1f1}.googleLogin b{background:conic-gradient(#4285f4 0 25%, #34a853 0 50%, #fbbc05 0 75%, #ea4335 0);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;margin-right:5px;display:inline-grid}.rankPanel{background:radial-gradient(circle at 18% 20%,#8433ad55,#0000 38%),linear-gradient(145deg,#14051f,#290a3b);border:2px solid #e4b949;border-radius:18px;margin:15px 0;padding:17px;box-shadow:inset 0 0 24px #0008,0 0 20px #d6902850}.rankEmblem{color:#ffe16b;justify-content:center;align-items:center;gap:9px;display:flex}.rankEmblem span{background:#1c0a28;border:2px solid;border-radius:50%;place-items:center;width:46px;height:46px;font-size:24px;display:grid;box-shadow:0 0 14px}.rankEmblem strong{text-transform:uppercase;font-size:23px}.rankEmblem b{color:#fff;background:#ffffff14;border-radius:8px;padding:5px 8px}.rankEmblem.tier-bronze{color:#d88b53}.rankEmblem.tier-argent{color:#d9e6f0}.rankEmblem.tier-or{color:#ffd44f}.rankEmblem.tier-platine{color:#67ebdb}.rankEmblem.tier-royal{color:#d28bff}.rankEmblem.tier-pac{color:#ff5d83}.rankEmblem.tier-non-classe{color:#b9afc1}.rankStats{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.rankStats span{color:#e6d9ec;background:#ffffff09;border:1px solid #724482;border-radius:10px;padding:8px;font-size:13px}.rankStats b{color:#fff;font-size:19px;display:block}.rankPanel>p{color:#e7d8ed;margin:11px 0 0;font-size:14px}.rankPanel>p strong{color:#ffe16b}.rankRewards{flex-wrap:wrap;justify-content:center;gap:7px;margin:10px 0 15px;display:flex}.rankRewards strong,.rankRewards span{color:#eadff0;background:#1d0a29;border:1px solid #6e467e;border-radius:999px;padding:6px 9px;font-size:12px}.rankRewards strong{color:#ffd450;border-color:#ffd450}.leaderboardPanel{text-align:left;background:#160720db;border:2px solid #69417d;border-radius:16px;margin:18px 0;padding:14px}.leaderboardPanel h3{color:#ffe16b;text-align:center;margin:0 0 9px}.leaderboardEmpty{color:#cdbed5;text-align:center;margin:4px 0 0;font-size:14px;line-height:1.45}.leaderboardPanel>div{border-top:1px solid #ffffff18;grid-template-columns:38px 1fr auto 48px;align-items:center;gap:7px;padding:9px 6px;display:grid}.leaderboardPanel>div.isMe{background:#6c258477;border-radius:8px}.leaderboardPanel div>b{color:#ffd75a}.leaderboardPanel div>strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leaderboardPanel div>span{color:#cdbed5;font-size:12px}.leaderboardPanel div>em{color:#fff;text-align:right;font-style:normal;font-weight:1000}.nicknamePanel{text-align:left;background:linear-gradient(145deg,#261d18ef,#0a0808f5);border:2px solid #d5a84c;border-radius:16px;gap:14px;margin:14px 0;padding:18px;display:grid;box-shadow:0 12px 28px #0009,inset 0 1px #fff2}.nicknamePanel>div:first-child{text-align:center}.nicknamePanel>div:first-child>span{color:#e9bd63;letter-spacing:.12em;font-size:12px;font-weight:1000}.nicknamePanel h3{color:#ffe09a;letter-spacing:.05em;margin:4px 0;font:900 23px/1.1 Georgia,Times New Roman,serif}.nicknamePanel p{color:#d1c7ba;margin:0;font-size:14px}.nicknamePanel label{gap:7px;display:grid}.nicknamePanel label>span{color:#d9bd7c;letter-spacing:.05em;font-size:12px;font-weight:900}.nicknamePanel input{color:#fff;background:#090808;border:2px solid #746145;border-radius:9px;outline:0;width:100%;min-height:50px;padding:10px 13px;font-size:18px;font-weight:800}.nicknamePanel input:focus{border-color:#e8bb5d;box-shadow:0 0 0 3px #d7a94a33}.nicknameActions{justify-content:flex-end;gap:8px;display:flex}.nicknameActions button,.editNickname{color:#fff0c7;background:linear-gradient(145deg,#372610,#120d08);border:1px solid #d5a84c;border-radius:9px;min-height:44px;padding:9px 13px;font-size:13px;font-weight:900}.nicknameActions button:last-child{flex:1}.editNickname{margin:8px auto 14px;display:block}.regionPicker{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;display:grid}.regionPicker button{color:#fff;background:#1c0a2c;border:2px solid #7746a4;border-radius:16px;align-content:center;gap:8px;min-height:115px;padding:16px 12px;display:grid}.regionPicker button.on{background:linear-gradient(135deg,#50116b,#8b299f);border-color:#ffd64d;box-shadow:0 0 18px #a92fff66}.regionPicker strong{color:#ffe16b;font-size:19px}.regionPicker small{color:#eadff1;font-size:13px;line-height:1.35}.onlineTeamInfo,.searchingPanel{background:linear-gradient(145deg,#180725e8,#271039e8);border:2px solid #684080;border-radius:16px;margin:16px 0;padding:18px}.onlineTeamInfo strong{color:#5af0a0}.onlineTeamInfo p{color:#e9ddf0;margin:8px 0 0;line-height:1.45}.onlineTeamInfo button{color:#fff;background:#552070;border:2px solid #ffd64d;border-radius:11px;width:100%;margin-top:14px;padding:12px;font-weight:900}.friendRoomPanel{text-align:left;background:radial-gradient(circle at 85% 10%,#7e24a844,#0000 34%),linear-gradient(145deg,#11051cf2,#260b36f2);border:2px solid #b55cff;border-radius:19px;margin:22px 0;padding:18px;box-shadow:0 0 24px #9f38e044,inset 0 1px #ffffff1c}.onlineSectionHeading{align-items:center;gap:12px;display:flex}.onlineSectionHeading>span{background:#3d1453;border:2px solid #ffd962;border-radius:13px;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:25px;display:grid}.onlineSectionHeading h3{color:#ffe077;letter-spacing:.05em;margin:0;font:900 21px/1.1 Georgia,Times New Roman,serif}.onlineSectionHeading p{color:#d8c9e1;margin:5px 0 0;font-size:13px;line-height:1.35}.preferenceLabel{color:#d6b5e8;letter-spacing:.1em;margin:18px 0 8px;font-size:12px;display:block}.preferencePicker{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.preferencePicker button{color:#eee2f4;background:#190722;border:1px solid #6f4384;border-radius:10px;min-height:48px;padding:8px 5px;font-size:12px;font-weight:1000}.preferencePicker button.on{color:#fff;background:linear-gradient(135deg,#5a1a72,#862ca0);border:2px solid #ffd75d;box-shadow:0 0 12px #bd55ff55}.preferenceRule{color:#cbbbd4;margin:10px 0 15px;font-size:12px;line-height:1.45}.friendRoomActions{gap:11px;display:grid}.friendRoomActions>span{color:#9c83a9;text-align:center;font-size:11px;font-weight:1000}.createRoomButton{color:#fff;background:linear-gradient(105deg,#572070,#9635af);border:2px solid #ffd75d;border-radius:12px;min-height:55px;font-size:16px;font-weight:1000}.friendRoomActions label{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.friendRoomActions input{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#0a050d;border:2px solid #79508e;border-radius:10px;outline:0;min-width:0;min-height:50px;padding:10px 12px;font-size:15px;font-weight:1000}.friendRoomActions input:focus{border-color:#ffd75d;box-shadow:0 0 0 3px #ffd75d22}.friendRoomActions label button{color:#fff;background:#341046;border:2px solid #ae58e5;border-radius:10px;padding:0 14px;font-weight:1000}.friendRoomActions button:disabled,.preferencePicker button:disabled{opacity:.42;cursor:not-allowed}.roomWaiting{text-align:center;border-top:1px solid #ffffff1c;justify-items:center;gap:8px;padding:17px 10px 5px;display:grid}.roomWaiting .searchSpinner{border-width:4px;width:38px;height:38px}.roomWaiting small{color:#66efa7;letter-spacing:.08em;font-weight:1000}.roomWaiting>strong{color:#fff1a6;letter-spacing:.18em;border:2px dashed #ffd75d;border-radius:10px;padding:8px 14px;font-size:30px}.roomWaiting p{color:#e4d9e9;margin:0;font-size:13px}.roomWaiting>div{grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:7px;display:grid}.roomWaiting button{color:#fff;background:#351047;border:1px solid #a95bd7;border-radius:9px;min-height:45px;font-weight:900}.roomWaiting button:first-child{color:#ffe884;border-color:#ffd75d}.rankedSectionTitle{text-align:center;border-top:1px solid #765082;margin:27px 0 10px;padding-top:20px}.rankedSectionTitle span{color:#63efaa;letter-spacing:.14em;font-size:11px;font-weight:1000}.rankedSectionTitle h3{color:#ffe16b;margin:4px 0 3px;font-size:22px}.rankedSectionTitle p{color:#d9cadf;margin:0;font-size:13px}.friendlyRematch{color:#fff4b2!important;background:linear-gradient(105deg,#602076,#a02eba)!important;border-color:#ffd75d!important}.randomMatchButton:disabled{opacity:.45;filter:grayscale(.5);cursor:not-allowed}.deckScreen>p:first-of-type,.tutorialScreen>p:first-of-type{color:#eadff1;line-height:1.45}.deckOverview{grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;display:grid}.deckOverview span{color:#ddd0e6;background:#1c0929;border:2px solid #704088;border-radius:13px;gap:5px;padding:13px 8px;font-size:13px;font-weight:900;display:grid}.deckOverview span.complete{color:#70f1ad;border-color:#55e89a;box-shadow:0 0 14px #2ee58a33}.deckOverview strong{color:#ffe064;font-size:21px}.deckCounter{color:#efe4f5;justify-content:center;align-items:baseline;gap:10px;margin:14px 0;display:flex}.deckCounter strong{color:#ffd84f;font-size:27px}.formationEditor{background:linear-gradient(145deg,#160721,#281037);border:2px solid #72408b;border-radius:16px;margin:14px 0 18px;padding:14px}.formationEditor h3{color:#ffe064;margin:0;font-size:18px}.formationEditor p{color:#eee4f4;margin:7px 0 12px;font-size:14px;line-height:1.4}.formationEditor small{color:#d9c9e3;margin-top:10px;font-weight:800;display:block}.formationBoard{border:3px solid #ffd84f;grid-template-columns:repeat(8,1fr);width:min(100%,520px);margin:auto;display:grid;box-shadow:0 0 18px #a840e755}.formationBoard button{aspect-ratio:1;background:#e7c9f2;border:0;border-radius:0;min-width:0;padding:0;position:relative;overflow:hidden}.formationBoard button.dark{background:#6e2a88}.formationBoard button.picked{outline-offset:-4px;z-index:2;outline:4px solid #58f5a2;box-shadow:inset 0 0 16px #58f5a2}.formationBoard img{object-fit:cover;opacity:.72;width:100%;height:100%}.formationBoard span{color:#fff;-webkit-text-stroke:1px #30103e;filter:drop-shadow(0 2px 3px #000);place-items:center;font-size:clamp(24px,8vw,48px);line-height:1;display:grid;position:absolute;inset:0}.formationBoard em{color:#ffe064;background:#180520dc;border-radius:4px;padding:1px 3px;font-size:10px;font-style:normal;font-weight:1000;position:absolute;bottom:1px;right:2px}.formation-cavalier{grid-template-rows:1fr}.cardHelp{text-align:left;background:#2a1038;border-left:4px solid #ffd84f;padding:10px;line-height:1.4}.emptyDeck{border:1px dashed #9361ac;border-radius:12px;margin:20px 0;padding:20px}.tutorialScreen{max-width:680px;padding-top:16px}.tutorialLocked{color:#ffe064;letter-spacing:.05em;font-size:13px}.tutorialHeading{text-align:left;justify-content:space-between;align-items:end;gap:12px;display:flex}.tutorialHeading span{color:#c881ef;letter-spacing:.18em;font-size:11px;font-weight:1000}.tutorialHeading h2{margin:3px 0 0}.tutorialHeading>strong{color:#ffe275;text-align:center;border:1px solid #ffd84f;border-radius:999px;min-width:58px;padding:8px 10px}.tutorialProgressRail{background:#321444;border-radius:999px;height:7px;margin:10px 0 14px;overflow:hidden;box-shadow:inset 0 1px 3px #0009}.tutorialProgressRail span{border-radius:inherit;background:linear-gradient(90deg,#a92de7,#ffd84f);height:100%;transition:width .3s;display:block;box-shadow:0 0 12px #d04cff}.tutorialBattle{border:3px solid #ffd84f;grid-template-columns:repeat(8,1fr);width:min(100%,520px);margin:14px auto;display:grid;box-shadow:0 0 24px #9d42ff66}.tutorialBattle>button{aspect-ratio:1;cursor:pointer;background:#e9cff1;border:0;border-radius:0;min-width:0;margin:0;padding:0;position:relative}.tutorialBattle>button.dark{background:#6c2b85}.tutorialBattle>button.target:after{content:"";background:#48ed91c9;border-radius:50%;position:absolute;inset:30%;box-shadow:0 0 10px #48ed91}.tutorialBattle>button.focus{z-index:2;outline-offset:-4px;outline:4px solid #ffe064;box-shadow:inset 0 0 18px #ffe064}.tutorialBattle span{color:#f23650;-webkit-text-stroke:1px #fff;filter:drop-shadow(0 2px 3px #000);place-items:center;font-size:clamp(25px,9vw,52px);line-height:1;display:grid;position:absolute;inset:0}.tutorialBattle span.cavalier{color:#24a7ff}.tutorialBattle span em{color:#ffe064;-webkit-text-stroke:0;background:#190521e8;border-radius:4px;padding:1px 3px;font-size:9px;font-style:normal;font-weight:1000;position:absolute;bottom:1px;right:2px}.tutorialBattle .tutorialPawnAttack{z-index:5;animation:.85s cubic-bezier(.25,.8,.25,1) both tutorialPawnBlocked}.tutorialShieldFx{z-index:8;filter:drop-shadow(0 0 12px #66e6ff);background:radial-gradient(circle,#bffaff 0 20%,#55cfffcc 42%,#0000 72%);border-radius:50%;place-items:center;width:72%;height:72%;font-size:clamp(24px,8vw,48px);font-style:normal;animation:.85s ease-out both tutorialShieldBlock;display:grid;position:absolute}@keyframes tutorialPawnBlocked{0%{transform:translate(0)}45%{transform:translate(-82%,82%)scale(1.12)}62%{transform:translate(-62%,62%)scale(.92)}to{transform:translate(0)}}@keyframes tutorialShieldBlock{0%,32%{opacity:0;transform:scale(.25)}50%{opacity:1;transform:scale(1.35)}75%{opacity:1;transform:scale(1)}to{opacity:.35;transform:scale(.92)}}.tutorialMiniFx{z-index:9;-webkit-text-stroke:0;border-radius:50%;place-items:center;width:88%;height:88%;font-size:clamp(25px,9vw,52px);font-style:normal;animation:.9s ease-out both tutorialFxPop;display:grid;position:absolute}.tutorialMiniFx.lightning{color:#fff36a;filter:drop-shadow(0 0 12px #ffe600)}.tutorialMiniFx.wave{background:radial-gradient(circle,#fff 0 4%,#a34cffaa 20%,#39d5ff88 42%,#0000 70%);width:190%;height:190%}.tutorialMiniFx.crown{transform-origin:50%;filter:drop-shadow(0 0 14px #ffe45c)}.tutorialMiniFx.capture{color:#fff;filter:drop-shadow(0 0 13px #ff4b4b)}@keyframes tutorialFxPop{0%{opacity:0;transform:scale(.2)rotate(-20deg)}38%{opacity:1;transform:scale(1.35)rotate(8deg)}72%{opacity:1;transform:scale(.95)rotate(0)}to{opacity:.45;transform:scale(1)}}.tutorialCard{background:radial-gradient(circle at 50% 12%,#70249b 0,#2a0c3e 43%,#11051d 100%);border:3px solid #ffd84f;border-radius:24px;place-content:center;justify-items:center;gap:12px;min-height:250px;margin:20px 0;padding:30px 24px;display:grid;box-shadow:0 0 28px #9d42ff55,inset 0 0 30px #ffffff0c}.tutorialIcon{filter:drop-shadow(0 0 15px #c979ff);font-size:70px}.tutorialCard h3{color:#ffe069;margin:0;font-size:25px}.tutorialCard p{color:#fff;margin:0;font-size:18px;line-height:1.55}.tutorialMiniDeck{gap:12px;margin-top:12px;display:flex}.tutorialMiniDeck span{color:#ffe16b;border:2px solid #a34ee5;border-radius:10px;padding:10px 12px;font-weight:900}.tutorialPower{text-align:left;background:#160721;border:2px solid #a34ee5;border-radius:13px;grid-template-columns:74px 1fr;align-items:center;gap:12px;width:100%;margin-top:8px;padding:10px;display:grid}.tutorialPower.R{border-color:#4da7ff}.tutorialPower img{aspect-ratio:2/3;object-fit:cover;border-radius:8px;width:74px}.tutorialPower em{color:#bdaac7;letter-spacing:.05em;font-size:10px;font-style:normal;font-weight:1000}.tutorialPower strong{color:#ffe064;font-size:16px;display:block}.tutorialPower span{color:#fff;margin-top:5px;font-size:14px;line-height:1.35;display:block}.tutorialObjectiveGrid{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:100%;display:grid}.tutorialObjectiveGrid>div{background:#110619;border:2px solid #8a46b2;border-radius:14px;justify-items:center;gap:4px;min-width:0;padding:12px 7px;display:grid}.tutorialObjectiveGrid img{object-fit:contain;filter:drop-shadow(0 6px 6px #000);width:72px;height:72px}.tutorialObjectiveGrid strong{color:#ffe06a;font-size:15px}.tutorialObjectiveGrid span{color:#e0d6e5;font-size:11px}.tutorialObjectiveGrid>b{color:#c57bec;font-size:11px}.tutorialCardAnatomy{text-align:left;background:#0d0413;border:3px solid #92919b;border-radius:16px;grid-template-columns:105px 1fr;gap:13px;width:100%;padding:11px;display:grid}.tutorialCardAnatomy.rarity-R{border-color:#45b2ff}.tutorialCardAnatomy.rarity-SR{border-color:#c660ff}.tutorialCardAnatomy.rarity-SCR{border-color:#ffd84f}.tutorialCardAnatomy>img{aspect-ratio:2/3;object-fit:cover;border-radius:9px;width:105px}.tutorialCardAnatomy>div{flex-direction:column;align-items:flex-start;gap:5px;min-width:0;display:flex}.tutorialCardAnatomy .tutorialSide{color:#fff;background:#54206e;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:900}.tutorialCardAnatomy strong{color:#ffe06a;font-size:18px}.tutorialCardAnatomy em{color:#77c9ff;font-size:11px;font-style:normal;font-weight:1000}.tutorialCardAnatomy p{gap:2px;font-size:14px;line-height:1.3;display:grid}.tutorialCardAnatomy p b{color:#c77bef;letter-spacing:.1em;font-size:10px}.tutorialCardAnatomy small{color:#b7a9be;margin-top:auto;font-size:10px;font-weight:900}.tutorialRarityGrid{grid-template-columns:1fr 1fr;gap:9px;width:100%;display:grid}.tutorialRarityGrid>div{text-align:left;background:#100617;border:2px solid #8e8b98;border-radius:11px;grid-template-columns:48px 1fr;align-items:center;display:grid;overflow:hidden}.tutorialRarityGrid strong{color:#fff;background:#56525d;align-self:stretch;place-items:center;font-size:15px;display:grid}.tutorialRarityGrid span{color:#fff;padding:10px 8px;font-size:12px;font-weight:900}.tutorialRarityGrid .rarity-R{border-color:#43aef2}.tutorialRarityGrid .rarity-R strong{background:#167fbd}.tutorialRarityGrid .rarity-SR{border-color:#c05aef}.tutorialRarityGrid .rarity-SR strong{background:#7d219f}.tutorialRarityGrid .rarity-SCR{border-color:#f0c63f}.tutorialRarityGrid .rarity-SCR strong{color:#fff8d8;background:#a27805}.tutorialTeamVisual{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:6px;width:100%;display:grid}.tutorialTeamVisual>div{background:#13071c;border:1px solid #9d5ac2;border-radius:12px;justify-items:center;gap:3px;min-width:0;padding:10px 4px;display:grid}.tutorialTeamVisual div>span{color:#250a30;background:#ffe064;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:1000;display:grid}.tutorialTeamVisual strong{color:#fff;font-size:11px}.tutorialTeamVisual small{color:#baabc2;font-size:9px}.tutorialTeamVisual i{color:#ffd84f;font-style:normal}.tutorialBoosterVisual{background:radial-gradient(circle at 20% 15%,#70259b,#12051b 60%);border:1px solid #a650d1;border-radius:17px;grid-template-columns:135px 1fr;align-items:center;gap:16px;width:100%;padding:12px;display:grid}.tutorialPackMock{aspect-ratio:3/4;background:linear-gradient(145deg,#8a2fff,#180126);border:4px solid #ffd84f;border-radius:12px;flex-direction:column;justify-content:center;gap:7px;padding:12px 8px;display:flex;box-shadow:0 0 20px #b83eff99}.tutorialPackMock small{font-size:9px;font-weight:900}.tutorialPackMock strong{color:#ffe064;font-size:17px}.tutorialPackMock span{font-size:11px;font-weight:1000}.tutorialPackContents{justify-items:center;gap:10px;display:grid}.tutorialPackContents strong{color:#ffe064;font-size:30px}.tutorialPackContents span{border:1px solid #ffe064;border-radius:8px;padding:8px;font-size:11px;font-weight:1000}.tutorialPackContents small{color:#ca96e8;font-weight:900}.tutorialModes{grid-template-columns:repeat(3,1fr);gap:7px;width:100%;display:grid}.tutorialModes span{color:#ffe16c;background:#13061c;border:1px solid #9e50c8;border-radius:10px;place-items:center;min-height:54px;padding:7px 4px;font-size:10px;font-weight:1000;display:grid}.tutorialBullets{text-align:left;gap:7px;width:100%;margin:0;padding:0;list-style:none;display:grid}.tutorialBullets li{color:#f5edf8;background:#12051bd6;border-left:3px solid #b44ee5;border-radius:7px;padding:9px 10px 9px 34px;font-size:14px;line-height:1.35;position:relative}.tutorialBullets li:before{content:"✓";color:#6effa0;font-weight:1000;position:absolute;top:9px;left:11px}.tutorialDots{justify-content:center;gap:8px;margin:16px 0;display:flex}.tutorialDots button{color:#d8c8e1;background:#1d0a2a;border:2px solid #744187;border-radius:50%;width:39px;height:39px;font-weight:900}.tutorialDots button.on{color:#fff;background:#762595;border-color:#ffd84f;box-shadow:0 0 14px #b744ef88}.tutorialNav{justify-content:flex-end;gap:10px;display:flex}.tutorialNav button{color:#fff;background:#2c103f;border:2px solid #a854e3;border-radius:12px;flex:1;padding:15px 8px;font-weight:900}.tutorialNav .tutorialNext{background:linear-gradient(105deg,#742296,#9b2c8a);border-color:#ffd84f}.tutorialInstruction{color:#fff;background:#ffe06418;border:1px solid #ffe064;border-radius:10px;padding:10px;display:block}.tutorialPowerButton{color:#1b0924;background:linear-gradient(135deg,#ffe064,#ff8a00);border:0;border-radius:10px;width:100%;padding:13px;font-weight:1000}.tutorialPowerButton:disabled,.tutorialNext:disabled{opacity:.38;filter:grayscale();cursor:not-allowed}.tutorialCard .tutorialSuccess{color:#63ff9a;font-weight:900}.tutorialCard .tutorialError{color:#ff8b8b;font-weight:800}.comicCoach{z-index:30;left:50%;bottom:max(10px, env(safe-area-inset-bottom));pointer-events:none;filter:drop-shadow(0 10px 18px #000b);grid-template-columns:104px 1fr;align-items:end;gap:8px;width:min(660px,100vw - 16px);display:grid;position:fixed;transform:translate(-50%)}.comicCharacters{justify-content:center;align-items:end;height:116px;display:flex;position:relative}.comicCharacters span{-webkit-text-stroke:2px #fff;place-items:center;width:72px;height:92px;font-size:70px;line-height:1;transition:transform .2s,filter .2s;display:grid;position:absolute}.comicPawn{color:#f23650;filter:brightness(.65);left:0;transform:rotate(-5deg)}.comicKnight{color:#24a7ff;filter:brightness(.65);right:0;transform:rotate(5deg)}.coach-pawn .comicPawn,.coach-knight .comicKnight{z-index:2;filter:brightness()drop-shadow(0 0 12px);transform:translateY(-12px)scale(1.12)}.speechBubble{color:#17111d;text-align:left;pointer-events:auto;overflow-wrap:anywhere;background:#fff;border:4px solid #17111d;border-radius:22px;min-width:0;min-height:124px;padding:15px 16px 13px;position:relative}.speechBubble:before{content:"";background:#fff;border-bottom:4px solid #17111d;border-left:4px solid #17111d;width:30px;height:26px;position:absolute;bottom:26px;left:-21px;transform:skew(-28deg)rotate(18deg)}.speechBubble strong{z-index:1;color:#781886;font-size:16px;position:relative}.coach-knight .speechBubble strong{color:#087bbd}.speechBubble p{z-index:1;margin:5px 0 9px;font-size:16px;font-weight:700;line-height:1.35;position:relative}.speechBubble small{z-index:1;color:#6a536e;font-size:13px;font-weight:800;position:relative}.speechBubble button{z-index:1;color:#fff;background:linear-gradient(105deg,#641985,#9830a9);border:2px solid #3e154d;border-radius:9px;padding:9px 12px;font-weight:1000;position:relative}.skipTutorial{color:#eee3f2;pointer-events:auto;background:#160720e8;border:1px solid #d6b9df;border-radius:8px 8px 0 0;padding:5px 9px;font-size:12px;font-weight:800;position:absolute;top:-28px;right:8px}.randomMatchButton{color:#fff;background:linear-gradient(105deg,#1673a0,#7b2099);border:3px solid #ffe066;border-radius:17px;width:100%;min-height:72px;margin-top:10px;font-size:20px;font-weight:1000;box-shadow:0 0 25px #45c8ff55}.searchingPanel{border-color:#ffd64d;justify-items:center;gap:10px;display:grid}.searchingPanel strong{color:#ffe06a}.searchingPanel p{color:#fff;margin:0}.searchingPanel button{color:#fff;background:#2b103d;border:2px solid #a961e4;border-radius:10px;min-width:180px;padding:11px;font-weight:900}.searchSpinner{border:5px solid #ffd64d;border-color:#ffd64d #a84dff #ffffff2b #ffffff2b;border-radius:50%;width:52px;height:52px;animation:.85s linear infinite onlineSpin}.onlineBattleBadge{letter-spacing:.05em;width:min(94vw,590px);font-size:13px;font-weight:1000;color:#65f2a8!important;margin:0 auto 8px!important}.onlineConnected{opacity:.78;text-align:center;font-weight:700;color:#65f2a8!important;margin:18px auto 2px!important;font-size:13px!important}.onlineConnected i{background:#41e889;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 7px #41e889aa}.saveScreen{max-width:720px}.saveIntro{color:#eadcf5;max-width:620px;margin:0 auto 16px;line-height:1.5}.currentCampaign{text-align:left;background:linear-gradient(120deg,#46125f,#1b082b 62%,#351044);border:2px solid #ffd85a;border-radius:17px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:16px 0 12px;padding:16px;display:grid;box-shadow:0 0 22px #ffc83b29}.currentCampaign>span{color:#24102c;background:#ffd34d;border-radius:8px;padding:7px 9px;font-size:12px;font-weight:1000}.currentCampaign>div{gap:3px;display:grid}.currentCampaign strong{color:#ffe173;font-size:20px}.currentCampaign small{color:#f4eafb;font-size:14px}.currentCampaign button,.saveSlotActions button,.saveHere{color:#fff;background:#2c1041;border:2px solid #ae58ee;border-radius:10px;min-height:42px;padding:10px 13px;font-weight:900}.currentCampaign button,.saveSlotActions .loadSlot{background:linear-gradient(110deg,#78309b,#a72fc5);border-color:#ffd65a}.newCampaignButton{color:#fff;background:#102d29;border:2px solid #65dfa3;border-radius:14px;gap:3px;width:100%;padding:14px;display:grid}.newCampaignButton strong{color:#6df2ae;font-size:17px}.newCampaignButton small{font-size:13px}.saveSlotsHeader{justify-content:space-between;align-items:center;gap:12px;margin:24px 2px 10px;display:flex}.saveSlotsHeader h3{color:#ffe16a;margin:0;font-size:18px}.saveSlotsHeader span{color:#ceb8d9;font-size:13px;font-weight:800}.saveSlots{gap:10px;display:grid}.saveSlot{text-align:left;background:#160822e8;border:1px solid #70408b;border-radius:14px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.saveSlot.occupied{background:linear-gradient(110deg,#24102f,#160820);border-color:#a752d4}.saveSlotNumber{color:#ffe072;border:2px solid #8a53a9;border-radius:50%;place-items:center;width:40px;height:40px;font-size:18px;font-weight:1000;display:grid}.saveSlotInfo{gap:2px;min-width:0;display:grid}.saveSlotInfo span{color:#bb90cf;letter-spacing:.08em;font-size:11px;font-weight:900}.saveSlotInfo strong{color:#fff;font-size:17px}.saveSlotInfo small{color:#d9cbe0;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.saveSlot.empty{opacity:.82}.saveSlot.empty .saveSlotInfo strong{color:#a999b1}.saveSlotActions{gap:6px;display:flex}.saveSlotActions button{min-height:38px;padding:8px 10px;font-size:12px}.saveSlotActions .deleteSlot{background:#3a101b;border-color:#9c4354;width:40px;padding:7px}.saveHere{color:#ffe16d;font-size:12px}.desktopCardHelp{display:none}@keyframes onlineSpin{to{transform:rotate(360deg)}}@media (hover:hover) and (pointer:fine){.desktopCardHelp{background:#2a1038;border:1px solid #ffd64d;border-radius:10px;padding:12px 14px;line-height:1.5;display:block;color:#f7effb!important}.desktopCardHelp strong{color:#ffe16b}}@media (width<=420px){.currentCampaign{grid-template-columns:1fr auto;gap:10px;padding:13px}.currentCampaign>span{grid-column:1/-1;justify-self:start}.currentCampaign strong{font-size:18px}.saveSlot{grid-template-columns:38px minmax(0,1fr);gap:9px;padding:11px 9px}.saveSlotNumber{width:34px;height:34px;font-size:16px}.saveSlotActions,.saveHere{grid-column:1/-1}.saveSlotActions{grid-template-columns:1fr 1fr 42px;display:grid}.saveHere{width:100%}.miniCards{gap:3px}.teamBlock{padding:10px}.sidePicker button{font-size:13px}.knightChoice{gap:6px}.teamActions,.regionPicker{grid-template-columns:1fr}.friendRoomPanel{padding:14px 12px}.onlineSectionHeading h3{font-size:18px}.preferencePicker{grid-template-columns:1fr}.preferencePicker button{min-height:43px}.friendRoomActions label{grid-template-columns:1fr}.friendRoomActions label button{min-height:46px}.roomWaiting>strong{font-size:26px}.roomWaiting>div{grid-template-columns:1fr}.onlineAccount{flex-direction:column;align-items:stretch}.onlineAccount a{text-align:center}.rankEmblem{flex-wrap:wrap}.leaderboardPanel>div{grid-template-columns:32px 1fr 42px}.leaderboardPanel div>span{display:none}.tutorialCard{min-height:290px;padding:22px 16px}.tutorialBattle{width:100%}.tutorialCard{min-height:230px;margin:12px 0}.tutorialIcon{font-size:58px}.tutorialCard h3{font-size:21px}.tutorialCard p{font-size:16px}.tutorialHeading h2{font-size:24px}.tutorialObjectiveGrid{gap:7px}.tutorialObjectiveGrid img{width:58px;height:58px}.tutorialObjectiveGrid strong{font-size:12px}.tutorialObjectiveGrid span{font-size:9px}.tutorialCardAnatomy{grid-template-columns:86px 1fr;gap:10px;padding:9px}.tutorialCardAnatomy>img{width:86px}.tutorialCardAnatomy strong{font-size:16px}.tutorialCardAnatomy p{font-size:12px}.tutorialRarityGrid{grid-template-columns:1fr}.tutorialRarityGrid>div{grid-template-columns:54px 1fr}.tutorialTeamVisual{gap:3px}.tutorialTeamVisual>div{padding:8px 2px}.tutorialTeamVisual strong{font-size:9px}.tutorialTeamVisual small{display:none}.tutorialBoosterVisual{grid-template-columns:112px 1fr;gap:10px;padding:9px}.tutorialPackContents strong{font-size:25px}.tutorialPackContents span{font-size:9px}.tutorialBullets li{font-size:13px}.tutorialNav button{padding:13px 6px;font-size:12px}.comicCoach{grid-template-columns:72px 1fr;gap:3px}.comicCharacters{height:96px}.comicCharacters span{-webkit-text-stroke-width:1px;width:53px;height:70px;font-size:53px}.speechBubble{border-width:3px;border-radius:17px;min-height:112px;padding:12px 12px 10px}.speechBubble:before{border-width:3px;left:-17px}.speechBubble strong{font-size:14px}.speechBubble p{font-size:14px;line-height:1.28}.speechBubble button{padding:8px 10px;font-size:13px}}