/* User-pinned MOBA client grammar: permanent chrome, full art stage, heraldic seats. */
:root{--clientVoid:#051218;--clientPanel:#091b23;--clientGold:#c1a367;--clientIvory:#ede5d0;--clientTeal:#61c8c7;--clientMuted:#afc1c2}
.gameClient{position:fixed;inset:0;z-index:5;background:var(--clientVoid);color:var(--clientIvory);font-family:Arial,Helvetica,sans-serif}
#entry.gameClient{overflow:hidden;background:var(--clientVoid)}#entry:before{display:none}
.clientNav{height:86px;display:flex;align-items:center;gap:32px;padding:0 28px;background:#061219;border-top:2px solid #b7985b;border-bottom:1px solid #554b34;position:relative;z-index:3}
.clientNav button:not(.clientPlay){height:100%;border:0;border-bottom:2px solid transparent;background:none;padding:0 9px;color:#c0b997;font-size:12px;letter-spacing:.09em}.clientNav button:hover:not(.clientPlay),.clientNav button.navActive{color:#fff1cc;border-bottom-color:var(--clientGold);background:linear-gradient(0deg,#bda06420,transparent 75%)}
.clientWordmark{font:18px Georgia,serif;letter-spacing:.11em;color:#d4bb83}.clientNav .navSettings{margin-left:auto;font-size:23px!important}
.clientPlay{position:relative;min-width:175px;height:45px;padding:0 20px 0 58px;background:#0e2932!important;color:#e9e0bd!important;border:2px solid #b39b61;clip-path:polygon(0 0,90% 0,100% 50%,90% 100%,0 100%);font:700 17px Georgia,serif;letter-spacing:.08em;box-shadow:inset 0 0 0 3px #10202b}.clientPlay:hover{background:#18404a!important}.gateMark{position:absolute;left:15px;top:3px;font-size:29px;color:#74cfcb}
.clientBody{display:grid;grid-template-columns:minmax(0,1fr) 242px;height:calc(100% - 86px)}.clientMain{position:relative;min-width:0;overflow:hidden}.clientPage{position:absolute;inset:0;overflow:auto;background:#0a1a20;color:#eee5ce}
.clientSidebar{position:relative;display:flex;flex-direction:column;background:#06131a;border-left:1px solid #3b423d;padding:24px 21px;overflow:auto}.sidebarIdentity{display:grid;grid-template-columns:56px 1fr;grid-template-rows:27px 24px;column-gap:13px;align-items:center;margin-bottom:28px}.avatarMedallion{grid-row:1/3;width:56px;height:56px;border:2px solid var(--clientGold);border-radius:50%;background:#20363d;overflow:hidden}.avatarMedallion img{height:120px;width:100px;max-width:none;object-fit:cover;transform:translate(-23px,-4px)}.sidebarIdentity strong{font-size:15px;overflow:hidden;text-overflow:ellipsis}.sidebarIdentity>span{color:#76ccac;font-size:11px}.sidebarIdentity>span:before{content:'●';margin-right:6px;font-size:9px}.sidebarSection{margin-bottom:24px}.sidebarSection label{font-size:10px;letter-spacing:.12em;color:#c4b78e;margin:0 0 10px;display:block}.sidebarSection input,.sidebarSection select{width:100%;font-size:12px;background:#0b2028;color:#dedeca;border:1px solid #4e625d;padding:9px;height:38px}.sidebarSection small{display:block;font-size:11px;line-height:1.6;color:#a9c4c5;margin-top:8px}.sidebarLore{margin-top:auto;text-align:center;border-top:1px solid #283c3f;padding-top:25px}.smallGate{font-size:38px;color:#bba66f}.sidebarLore h3{font:18px Georgia,serif;margin:10px 0;color:#ded1a8}.sidebarLore p{font-size:12px;color:#afc1c2;line-height:1.8}.sidebarFooter{font-size:9px;letter-spacing:.08em;text-align:center;color:#a5b7b9;margin-top:26px}
.clientPrimary{padding:13px 29px;border:1px solid #ccb275;background:#16323b;color:#efe2b6;box-shadow:inset 0 0 0 3px #081b24;font-size:12px;letter-spacing:.08em;min-height:46px;transition:background .18s}.clientPrimary:hover{background:#24515b;border-color:#ead09b;color:#fff5d9}.clientPrimary span{margin-left:22px;color:#88d9d2}.clientSecondary{border:1px solid #8d805b;background:#0e2730;color:#ded3ac;font-size:11px;letter-spacing:.04em;padding:11px 16px}.clientSecondary:hover{background:#21424a}.clientError{position:absolute;bottom:0;left:0;right:242px;margin:0;padding:0 24px;background:#411c22;color:#ffdbcb;font-size:13px;z-index:10;line-height:1.7}.clientError:not(:empty){padding:12px 24px}
.homePage{background:#08181e url('icons/causeway-menu.jpg') 58% 48%/cover no-repeat}.homePage:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#051319 0,transparent 58%),linear-gradient(90deg,#071820d9,transparent 68%);pointer-events:none}.homeSubnav{position:absolute;top:0;left:0;right:0;display:flex;gap:32px;height:55px;align-items:center;padding:0 35px;background:#07161c66;color:#c9bf9c;font-size:10px;letter-spacing:.12em}.homeSubnav span:first-child{color:#f6e8c4;border-bottom:1px solid #ad945d;padding:18px 0}
.homeStory{position:absolute;left:5%;top:15%;max-width:520px}.homeStory>p:first-child{font-size:11px;letter-spacing:.18em;color:#d2ba86}.homeStory h1#homeTitle{font:clamp(40px,4.8vw,76px)/1.06 Georgia,serif;letter-spacing:.025em;margin:25px 0;color:#f6ecd4;text-shadow:0 4px 20px #0007}.homeRule{width:65px;height:2px;background:var(--clientGold);margin:27px 0}.homeDescription{font-size:15px;line-height:1.7;color:#d3dfd8}.homeStory .clientPrimary{margin-top:15px}
.homeFeatures{position:absolute;bottom:34px;left:5%;right:5%;display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:880px}.homeFeatures button{display:flex;align-items:center;position:relative;min-height:135px;padding:18px 18px 18px 132px;text-align:left;background:#0a202ae8;border:1px solid #667065;color:#eee3c7;overflow:hidden}.homeFeatures button:hover{border-color:#d2b56e;background:#15303beF}.homeFeatures img{position:absolute;left:3px;bottom:0;width:135px;height:164px;object-fit:contain}.homeFeatures .rulesFeature img{width:94px;height:94px;left:20px;bottom:20px;object-fit:cover;border:1px solid #7b7756}.homeFeatures span{display:flex;flex-direction:column;gap:8px}.homeFeatures small{font-size:9px;letter-spacing:.12em;color:#b9bfaa}.homeFeatures strong{font:20px Georgia,serif;letter-spacing:.03em}.homeFeatures em{font-style:normal;font-size:11px;color:#b4c5c4;line-height:1.5}
.screenHeading{height:58px;display:flex;align-items:center;gap:20px;padding:0 32px;border-bottom:1px solid #8e7b4c33;font-size:11px;letter-spacing:.08em;color:#d6c397}.screenHeading i{font-style:normal;font-size:9px;color:#7bbeba;margin:0 12px}.backGlyph{border:0;background:none;color:#c6b079;padding:8px 4px;font-size:12px}.backGlyph:hover{background:none;color:#fff0b8}.screenHeading small{margin-left:auto;color:#b3c9c5;font-size:11px;letter-spacing:0}
#matchSetup.modePage{width:auto;max-width:none;margin:0;background:linear-gradient(#071b22ed,#071b22f2),url('icons/causeway-menu.jpg') center/cover}.modeHeading{text-align:center;padding:3vh 25px 0}.modeHeading>p{color:#c9b581;letter-spacing:.14em;font-size:11px}.modeHeading h1#modeTitle{font:32px Georgia,serif;margin:13px 0;color:#f0e5cb}.modeChoices{display:flex;justify-content:center;gap:4vw;position:absolute;top:25%;bottom:130px;left:7%;right:7%;align-items:center}.modeChoice{border:0;background:none;padding:14px 18px;display:flex;flex-direction:column;align-items:center;width:42%;height:100%;max-height:450px;color:#c3c7b8}.modeChoice:hover{background:linear-gradient(transparent,#253f4255,transparent)}.modeChoice svg{height:clamp(125px,21vh,230px);width:160px;overflow:visible;flex-shrink:0;transition:transform .22s}.crestOuter,.crestInner{fill:#0b232c;stroke:#8b7b50;stroke-width:2}.crestInner{fill:none;stroke-width:1}.crestSymbol{stroke:#c4af78;stroke-width:4;fill:none;stroke-linejoin:round}.modeChoice.selected .crestOuter{stroke:#cbb17a;fill:#153b43}.modeChoice.selected .crestInner{stroke:#7ad5ce}.modeChoice.selected .crestSymbol{stroke:#9ee5d5}.modeChoice.selected svg{transform:translateY(-5px)}.modeType{font-size:9px;letter-spacing:.13em;color:#adc7c6;margin:22px 0 12px}.modeChoice strong{font:22px Georgia,serif;letter-spacing:.04em;color:#e1cf9b}.modeDescription{font-size:12px;line-height:1.7;margin-top:14px;font-weight:400}.modeFooter{position:absolute;bottom:0;left:0;right:0;height:97px;border-top:1px solid #74694b66;display:flex;align-items:center;justify-content:center;gap:45px;background:#071820c9}.modeFooter>span{color:#b7c7c2;font-size:11px}.modeFooter i{font-style:normal;margin:0 10px;color:#c0a768}#matchSetup .modeFooter button{margin:0;width:auto;min-width:195px;padding:13px 29px;font-size:12px}
#pvpMode{position:absolute;inset:65px 6% 105px;overflow:auto}.pvpHeading{display:flex;gap:25px;align-items:center;margin-bottom:24px}.pvpHeading h2{font:28px Georgia,serif;margin:10px auto 10px 0}.pvpHeading #create{padding:12px 22px}#pvpMode details{border:0;margin:0;padding:0}#pvpMode .lobbyHeading{border-bottom:1px solid #736445;padding-bottom:10px}#pvpMode .lobbyHeading h2{font:12px Arial,sans-serif;letter-spacing:.08em;color:#dfcd9d}#pvpMode .lobbyScroll{max-height:31vh;overflow:auto}#pvpMode th{font-size:11px;color:#d9c798;font-weight:400;padding:15px 8px}#pvpMode td{font-size:13px;padding:15px 8px;background:#11272e66;border-bottom:1px solid #49605a66}#pvpMode #lobbyStatus{font-size:12px;color:#b9cdcc}#pvpMode .codeJoin{display:flex;align-items:center;gap:22px;margin-top:22px;padding-top:20px;border-top:1px solid #40534c}#pvpMode .codeJoin label{font-size:12px;color:#c9cbb8;white-space:nowrap}.codeJoin .join{max-width:400px;width:100%}.codeJoin input{height:40px}
.collectionPage{background:linear-gradient(90deg,#07182090,#071820 80%),url('icons/causeway-menu.jpg') center/cover}.collectionHero{position:absolute;left:0;top:7%;width:58%;height:90%;object-fit:contain}.collectionCopy{position:absolute;left:56%;top:17%;right:6%;z-index:1}.collectionCopy>p:first-child{font-size:10px;letter-spacing:.18em;color:#cfb680}.collectionCopy h1#collectionTitle{font:clamp(42px,4.5vw,72px) Georgia,serif;letter-spacing:.03em;margin:20px 0 5px}.collectionCopy h2{font:24px Georgia,serif;color:#b9cfca;margin:0 0 25px}.collectionCopy>p{font-size:13px;line-height:1.8;color:#c0d1ce}.roleTraits{display:flex;gap:20px;font-size:9px;letter-spacing:.1em;color:#d7c395;margin:25px 0}.collectionSpells{display:flex;gap:12px;margin:25px 0}.collectionSpells img{width:48px;height:48px;border:1px solid #a68a53}.collectionCopy button{margin-top:12px}.collectionRoster{position:absolute;bottom:27px;left:5%;display:flex;gap:15px;align-items:center;background:#0b2530;border:1px solid #a68c5a;padding:6px 20px 6px 6px}.collectionRoster img{width:50px;height:65px;object-fit:cover;object-position:top}.collectionRoster span{font:15px Georgia,serif;letter-spacing:.04em}.collectionRoster small{display:block;font:10px Arial,sans-serif;color:#97cabe;margin-top:7px}
.profilePage{text-align:center;background:radial-gradient(ellipse at 50% 35%,#193d44,#081921 65%)}.profileCrest{width:165px;height:165px;border:2px solid #baa06a;border-radius:50%;margin:5vh auto 25px;overflow:hidden;background:#24444b}.profileCrest img{width:270px;max-width:none;height:330px;object-fit:cover;transform:translate(-55px,0)}#profileTitle{font:42px Georgia,serif!important;margin:10px 0!important}.profilePage>p{font-size:13px;color:#b9ceca;line-height:1.7}.profileRecord{display:flex;justify-content:center;gap:90px;border-top:1px solid #85744c66;border-bottom:1px solid #85744c66;margin:35px auto;padding:25px;max-width:600px}.profileRecord span{font-size:10px;letter-spacing:.1em;color:#c7b990}.profileRecord strong{display:block;font:28px Georgia,serif;margin-top:12px;color:#eee0b9}.profilePage .clientPrimary{margin:20px}
/* Real room, monumental banners, no fabricated social list or queue countdown. */
#waitingLobby.gameClient{background:#071921}.lobbyNavLabel{font:13px Georgia,serif;color:#c9b783}.lobbyModeTag{margin-left:auto;color:#b4c6c4;font-size:11px}.partyScene{position:absolute;inset:86px 0 0;overflow:auto;background:linear-gradient(#071c22b8,#06161eef),url('icons/causeway-menu.jpg') center/cover}.partyHeading{text-align:center;position:absolute;top:8%;left:10%;right:10%}.partyHeading>p:first-child{font-size:10px;letter-spacing:.16em;color:#c6b687}.partyHeading h1{font:34px Georgia,serif;margin:14px 0}.partyHeading #waitingStatus{font-size:12px;color:#b7ceca;margin:0}.duelBanners{position:absolute;top:23%;bottom:115px;left:0;right:0;margin:0;display:flex;justify-content:center;gap:3vw;align-items:stretch}.wardenBanner{position:relative;width:270px;max-width:30vw;min-height:0;padding:28px 22px 40px;border:0;border-top:2px solid #bda361;background:linear-gradient(#173640,#081820);clip-path:polygon(0 0,100% 0,100% calc(100% - 38px),50% 100%,0 calc(100% - 38px));display:flex;flex-direction:column;align-items:center;text-align:center}.bannerRail{position:absolute;inset:6px 7px 40px;border:1px solid #a99a6555;pointer-events:none}.bannerPortrait{position:relative;flex-shrink:0;width:130px;height:130px;border:2px solid #bca56d;border-radius:50%;margin:0 0 17px;background:radial-gradient(#38616a,#0f252f);box-shadow:0 8px 20px #0008;overflow:hidden}.bannerPortrait img#waitingPortrait{height:260px;width:210px;max-width:none;object-fit:contain;transform:translate(-41px,-3px)}.bannerSigil{font-size:11px;color:#77d4ca}.wardenBanner h2{font:24px Georgia,serif;margin:12px 0 7px}.wardenBanner p{font-size:12px;line-height:1.7;color:#aec9c7;margin:0}.bannerSpells{display:flex;gap:9px;margin:20px 0}.bannerSpells img{width:35px;height:35px;border:1px solid #a18f60}.wardenBanner>strong{font-size:9px;letter-spacing:.1em;color:#7cd1c7;margin-top:auto}.emptyBanner{justify-content:flex-start;background:linear-gradient(#102a33,#07161e);border-color:#61746c}.emptyMedallion{border:1px solid #758777;box-shadow:none;background:#0b222b}.emptyMedallion span{font:58px Georgia,serif;line-height:118px;color:#83998b}.emptyBanner h2{font-size:21px}.emptyBanner p{font-size:12px;max-width:205px}.emptyBanner button{margin-top:auto;margin-bottom:20px}.versus{align-self:center;color:#c4aa73;font:14px Georgia,serif}.partyFooter{position:absolute;bottom:0;left:0;right:0;height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 40px;background:#071720e8;border-top:1px solid #8e7a4b66}.partyFooter>div{font-size:12px;color:#dccba1;text-align:center;letter-spacing:.06em}.partyFooter small{display:block;color:#acc4c2;font-size:11px;letter-spacing:0;margin-top:8px}.readyDiamond{color:#7ed7cb;margin-right:8px}.partyFooterNote{font-size:11px;color:#adc3c1}#waitingInviteFallback{position:absolute;bottom:99px;left:20%;width:60%;z-index:5}
/* Selection is its own full client scene, with the actual hero at centre. */
#heroSelect.clientSelect{position:fixed;inset:0;transform:none;width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-top:2px solid #b29b61;background:#061820;color:#eee4c9;box-shadow:none;overflow:hidden}#heroSelect::backdrop{background:#061820}.selectHeader{height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 35px;border-bottom:1px solid #746747;background:linear-gradient(90deg,#06141c,#12313a,#06141c)}.selectHeader>div{text-align:center}.selectHeader p{font-size:10px;letter-spacing:.13em;color:#9acbc5;margin:0 0 10px}.selectHeader h2#pickerTitle{font:24px Georgia,serif;letter-spacing:.06em;margin:0}.selectCounter{font-size:9px;letter-spacing:.1em;color:#bcae84}.selectBody{height:calc(100% - 206px);display:grid;grid-template-columns:245px minmax(0,1fr) 305px;background:linear-gradient(90deg,#071921ef,#0a2630c9,#071921f0),url('icons/causeway-menu.jpg') center/cover}.selectRoster{padding:28px 20px;border-right:1px solid #7f74453d}.selectRoster h3{font-size:10px;font-weight:400;letter-spacing:.12em;color:#c2b282;margin:0 0 22px}.selectRoster .heroChoice{display:flex;flex-direction:row;text-align:left;align-items:center;gap:10px;margin:0;padding:8px;border:1px solid #c8ae6e;background:#14323c}.heroChoice img{width:43px;height:57px;object-fit:cover;object-position:top}.selectRoster .heroChoice b{font:19px Georgia,serif}.selectRoster .heroChoice span{display:flex;flex-direction:column;align-items:flex-start;margin:0;gap:5px}.heroChoice small{font-size:9px;color:#abcac5}.heroChoice i{font-style:normal;color:#86d8c9;font-size:9px;margin-left:auto}.selectRole{margin:40px 10px;color:#b8cac6}.selectRole h4{font-size:10px;letter-spacing:.1em;color:#d2bd86}.selectRole p{font-size:12px;line-height:1.9}.selectRole>span{font-size:9px;color:#b9bdab;letter-spacing:.06em}.selectRole i{font-style:normal;margin:0 8px;color:#bc9f66}.selectStage{position:relative;min-width:0;overflow:hidden}.selectStage #pickerPortrait{position:absolute;inset:0;width:100%;height:96%;object-fit:contain;z-index:1;max-width:none}.oathHalo{position:absolute;width:min(38vw,59vh);height:min(38vw,59vh);border:1px solid #b8a16d88;border-radius:50%;top:48%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 12px #6c9c9622;background:radial-gradient(#49807a55,transparent 70%)}.oathHalo:before,.oathHalo:after{content:'';position:absolute;inset:19px;border:1px solid #65bab76b;border-radius:50%}.oathHalo:after{inset:-12px;border-color:#b89c5d44}.selectHeroName{position:absolute;bottom:0;left:0;right:0;text-align:center;z-index:2;padding:45px 0 20px;background:linear-gradient(transparent,#071921eF 58%)}.selectHeroName p{font-size:9px;letter-spacing:.2em;color:#dac69a;margin:0}.selectHeroName h1{font:clamp(36px,4.4vw,65px) Georgia,serif;letter-spacing:.12em;color:#f5e7bf;margin:9px 0}.selectHeroName>span{font-size:10px;color:#b4d6cf;letter-spacing:.17em}.clientSelect .pickerKit{padding:30px 24px 20px;border-left:1px solid #7f74453d}.clientSelect .kitTitle{font-size:10px;letter-spacing:.12em;color:#c4b88e}.clientSelect #pickerSkills{display:flex;flex-direction:column;gap:24px;margin-top:25px}.clientSelect #pickerSkills article{align-items:flex-start;gap:12px}.clientSelect #pickerSkills img{width:43px;height:43px}.clientSelect #pickerSkills h4{font-size:12px;line-height:1.4}.clientSelect #pickerSkills h4 small{float:none;display:block;margin-top:3px;color:#8fbfc5;font-size:9px}.clientSelect #pickerSkills p{font-size:11px;line-height:1.6;margin-top:5px;color:#b6cac7}.clientSelect .passiveNote{font-size:11px;line-height:1.7;color:#b4c8c4;margin-top:25px;padding-top:18px;border-top:1px solid #5b6955}.clientSelect .passiveNote b{color:#d1bc87}.clientSelect .pickerFooter{height:102px;margin:0;padding:0 35px;border-top:1px solid #99845577;display:grid;grid-template-columns:1fr auto 1fr;gap:35px;background:#06151d}.clientSelect .pickerFooter p{font-size:12px;color:#bdd1cc;max-width:340px;line-height:1.5}.clientSelect .pickerFooter>span{font-size:11px;text-align:right;color:#b1c5c4}.clientSelect #confirmHero{min-width:240px;padding:15px 28px;border:1px solid #cbb175;font-size:13px}
@media(max-width:1350px){.clientNav{height:72px;gap:20px;padding:0 20px}.clientNav .clientWordmark{font-size:15px}.clientNav button:not(.clientPlay){font-size:11px}.clientPlay{min-width:150px;height:42px}.clientBody{height:calc(100% - 72px);grid-template-columns:minmax(0,1fr) 210px}.clientSidebar{padding:22px 16px}.clientError{right:210px}.homeFeatures{gap:14px}.homeFeatures button{padding-left:103px;min-height:118px}.homeFeatures img{width:105px;height:143px}.homeFeatures .rulesFeature img{width:71px;height:71px;left:16px}.homeFeatures strong{font-size:16px}.homeFeatures em{font-size:10px}.homeFeatures small{font-size:8px}.homeStory h1#homeTitle{font-size:48px}.homeDescription{font-size:13px}.homeStory{top:13%}.homeRule{margin:20px 0}.partyScene{top:72px}.selectBody{grid-template-columns:205px minmax(0,1fr) 270px}.clientSelect .pickerKit{padding:22px 18px}.clientSelect #pickerSkills{gap:18px}.selectRoster{padding:25px 15px}.clientSelect #pickerSkills img{width:37px;height:37px}.clientSelect #pickerSkills p{font-size:10px}.collectionCopy{top:14%}.collectionCopy h1#collectionTitle{font-size:46px}.roleTraits{gap:13px}.modeChoices{left:3%;right:3%;gap:2vw}.modeChoice strong{font-size:20px}.lobbyNavLabel{font-size:11px}}
@media(max-height:800px){.clientNav{height:68px}.clientBody{height:calc(100% - 68px)}.partyScene{top:68px}.homeSubnav{height:43px}.homeStory{top:12%}.homeStory h1#homeTitle{font-size:44px;margin:16px 0}.homeRule{margin:17px 0}.homeDescription{font-size:12px}.homeStory .clientPrimary{margin-top:8px;padding:11px 20px;min-height:40px}.homeFeatures{bottom:22px}.homeFeatures button{min-height:110px}.sidebarIdentity{margin-bottom:20px}.sidebarSection{margin-bottom:18px}.sidebarLore{padding-top:14px}.sidebarLore p{font-size:11px}.sidebarFooter{margin-top:15px}.smallGate{font-size:29px}.modeHeading{padding-top:12px}.modeHeading h1#modeTitle{font-size:27px}.modeHeading>p{font-size:9px}.modeChoices{top:25%;bottom:91px}.modeChoice{padding:0 8px}.modeChoice svg{height:135px;width:130px}.modeType{margin:15px 0 9px}.modeChoice strong{font-size:19px}.modeDescription{font-size:11px;margin-top:10px}.modeFooter{height:76px}.partyHeading{top:9%}.partyHeading h1{font-size:28px;margin:9px 0}.duelBanners{top:25%;bottom:87px;gap:35px}.wardenBanner{padding:18px 18px 35px;width:230px}.bannerPortrait{height:98px;width:98px;margin-bottom:10px}.bannerPortrait img#waitingPortrait{width:170px;height:210px;transform:translate(-37px,-4px)}.emptyMedallion span{line-height:92px;font-size:46px}.wardenBanner h2{font-size:21px;margin:8px 0}.bannerSpells{margin:13px 0;gap:7px}.bannerSpells img{width:29px;height:29px}.emptyBanner button{font-size:10px;padding:9px 13px;margin-bottom:9px}.emptyBanner p{font-size:11px}.partyFooter{height:77px}.partyFooter>div{font-size:11px}.selectHeader{height:80px}.selectHeader h2#pickerTitle{font-size:21px}.selectBody{height:calc(100% - 164px)}.clientSelect .pickerFooter{height:84px}.clientSelect #pickerSkills{gap:14px;margin-top:20px}.clientSelect .passiveNote{margin-top:18px;font-size:10px}.clientSelect .pickerKit{padding-top:20px}.selectHeroName{padding-bottom:12px}.selectHeroName h1{font-size:44px}.collectionCopy>p{font-size:12px}.collectionCopy h2{margin-bottom:17px}.collectionSpells{margin:18px 0}.collectionSpells img{width:40px;height:40px}.roleTraits{margin:18px 0}.profileCrest{width:115px;height:115px;margin:20px auto 15px}.profileCrest img{width:200px;height:244px;transform:translate(-45px,0)}.profileRecord{margin:20px auto;padding:18px}.profilePage .clientPrimary{margin:10px}.profilePage h1#profileTitle{font-size:34px!important}}
@media(max-width:1100px){.clientWordmark{display:none}.clientNav{gap:23px}.clientBody{grid-template-columns:minmax(0,1fr) 188px}.clientSidebar{padding:18px 13px}.clientError{right:188px}.homeStory h1#homeTitle{font-size:40px}.homeFeatures{left:4%;right:4%}.homeFeatures button{padding-left:78px}.homeFeatures img{width:80px;height:117px}.homeFeatures .rulesFeature img{width:50px;height:50px;left:12px;bottom:28px}.homeFeatures strong{font-size:13px}.homeFeatures em{font-size:9px}.homeFeatures small{font-size:8px;letter-spacing:.05em}.selectBody{grid-template-columns:180px minmax(0,1fr) 250px}.clientSelect .pickerKit{padding:20px 15px}.selectCounter{font-size:8px}.selectHeader{padding:0 20px}.selectHeader h2#pickerTitle{font-size:19px}.clientSelect .pickerFooter{padding:0 22px;gap:20px}.clientSelect #confirmHero{min-width:205px}.modeChoice strong{font-size:17px}.modeFooter{gap:24px}.modeFooter>span{font-size:10px}.collectionCopy{left:53%;right:4%}.collectionCopy .clientPrimary{padding:12px 17px}.roleTraits{font-size:8px}.pvpHeading{gap:13px}.pvpHeading h2{font-size:23px}}
@media(prefers-reduced-motion:no-preference){.selectStage #pickerPortrait{animation:wardenArrival .55s cubic-bezier(.16,1,.3,1) both}@keyframes wardenArrival{from{filter:brightness(.72);transform:translateY(12px)}to{filter:brightness(1);transform:translateY(0)}}}
/* Scope legacy menu IDs to their new client positions. */
.clientNav #beginPlay{width:175px;min-width:175px;flex:0 0 175px;margin:0;padding:0 20px 0 48px;font:700 17px Georgia,serif}
.duelBanners .wardenBanner{padding-bottom:60px}
@media(max-width:1350px){.clientNav #beginPlay{width:150px;min-width:150px;flex-basis:150px}}
@media(max-height:800px){.duelBanners .wardenBanner{padding-bottom:55px}.bannerSpells{margin-bottom:10px}}
.clientNav img.gateMark{width:32px;height:39px;top:0;left:12px}.sidebarLore img.smallGate{width:45px;height:53px}
.sidebarIdentity>span.presenceOff{color:#e0b0a0}

.homeSubnav button{border:0;background:none;padding:16px 0;font-size:10px;letter-spacing:.12em;color:#c9bf9c}.homeSubnav button:hover{color:#fff0c9;border-bottom:1px solid #ad945d}
.crestDepth{fill:#020b10;stroke:#3d3424;stroke-width:7}.modeChoice .crestOuter{stroke-width:7}.modeChoice .crestInner{stroke-width:2}.modeChoice .crestSymbol{stroke-width:6;filter:drop-shadow(0 3px 0 #020b10)}
.bannerRail{inset:5px;z-index:0;border:0;background:linear-gradient(145deg,#c4ab6c,#655b3e 40%,#d2b876);clip-path:polygon(0 0,100% 0,100% calc(100% - 35px),50% 100%,0 calc(100% - 35px),0 0,1px 1px,1px calc(100% - 36px),50% calc(100% - 2px),calc(100% - 1px) calc(100% - 36px),calc(100% - 1px) 1px,1px 1px)}
.clientSelect .pickerKit{overflow-y:auto}.clientSelect #pickerSkills p,.clientSelect .passiveNote{font-size:12px;line-height:1.5}
@media(max-height:800px){.clientSelect #pickerSkills{gap:12px;margin-top:16px}.clientSelect .passiveNote{margin-top:14px;padding-top:12px}.clientSelect .pickerKit{padding-top:16px;padding-bottom:12px}}

/* Mode confirmation belongs to its selected crest; no mode is preselected. */
.modeCard{position:relative;display:flex;flex-direction:column;align-items:center;width:42%;height:100%;max-height:450px;border:0}
.modeCard .modeChoice{width:100%;height:auto;max-height:none;padding:14px 18px 0;outline:none}
/* Keep selection light on the crest: a card-sized gradient has a visible top edge. */
.modeCard:has(.modeChoice.selected){background:none}
/* Paint the halo on an HTML layer: filtered SVGs can clip to their raster bounds. */
.modeCrest{position:relative;display:flex;flex-shrink:0;isolation:isolate;transition:transform .22s}
.modeCrest::before{content:"";position:absolute;inset:-48px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#65c9cb55 0%,#65c9cb30 30%,#65c9cb00 70%);opacity:0}
.modeCard .modeChoice.selected .modeCrest{transform:translateY(-5px) scale(1.06)}
.modeCard .modeChoice.selected .modeCrest::before{opacity:1}
.modeCard .modeChoice.selected svg{filter:none;transform:none}
.modeCard .modeChoice.selected .crestInner{stroke:#bcfff1;stroke-width:3}
.modeCard .modeChoice.selected .crestSymbol{stroke:#e0fff6!important}
.modeCard .modeChoice:focus-visible{outline:none}
.modeCard .modeChoice:focus-visible strong{text-decoration:underline;text-underline-offset:6px;text-decoration-color:#f0dfaa}
.modeCard .modeChoice:hover{background:none}
#matchSetup .modeConfirm{position:relative;min-width:190px;margin:20px auto 0;padding:12px 26px;border-color:#cdb67d;background:#163c45;font-size:12px;white-space:nowrap}
#matchSetup .modeConfirm:hover{background:#225460;border-color:#f0dfaa}
#matchSetup .modeConfirm:focus-visible{outline:2px solid #fff0c9;outline-offset:4px}
@media(max-height:800px){.modeCard .modeChoice{padding:14px 8px 0}#matchSetup .modeConfirm{margin-top:20px;padding:10px 22px;min-width:170px}}
/* Rival party: a banner and an unanswered seat, with a real queue status. */
#rivalParty{position:absolute;inset:65px 0 0;background:linear-gradient(0deg,#06161dd9,transparent 60%);overflow:auto}.rivalHeading{display:flex;justify-content:space-between;align-items:center;margin:25px 5% 0}.rivalHeading p{font-size:10px;letter-spacing:.17em;color:#abbfbe}.rivalHeading h1{font:38px Georgia,serif;margin:9px 0;color:#ede1b7}.rivalSeats{display:flex;align-items:center;justify-content:center;gap:6%;height:calc(100% - 230px);min-height:310px}.rivalBanner{width:260px;align-self:stretch;text-align:center;padding:35px 22px 45px;background:linear-gradient(90deg,#081b24,#163540 50%,#081b24);border-top:2px solid #c4a76d;clip-path:polygon(0 0,100% 0,100% 91%,50% 100%,0 91%);box-shadow:inset 1px 0 #8b8059,inset -1px 0 #8b8059}.partyLeader{font-size:9px;letter-spacing:.12em;color:#c9af75}.rivalBanner h2{font:25px Georgia,serif;color:#ead49b;margin:20px 0}.rivalPortrait{width:152px;height:152px;border:3px double #d2b16a;border-radius:50%;overflow:hidden;margin:20px auto;background:radial-gradient(#2f6670,#061820)}.rivalPortrait img{width:260px;height:320px;max-width:none;transform:translate(-56px,-3px)}.rivalBanner p{font-size:10px;letter-spacing:.18em;color:#d9c38b}.rivalReady{font-size:11px;color:#93c7be}.rivalDivider{color:#bba677;font:15px Georgia,serif}.rivalGuest{text-align:center;width:270px}.rivalGuest #partyInvite{width:106px;height:106px;border:1px solid #a7905f;border-radius:50%;background:#091e2590;font:46px Georgia,serif;color:#cab680;margin:0 auto 20px}.rivalGuest #partyInvite:hover:not(:disabled){border-color:#8bdfd8;background:#1c424c;box-shadow:0 0 32px #66c5c530}.rivalGuest h2{font:22px Georgia,serif;color:#ded3ad}.rivalGuest p{font-size:12px;color:#aebfba;line-height:1.6}.rivalGuest .clientSecondary{margin-top:16px}.rivalFooter{position:absolute;bottom:0;left:0;right:0;min-height:106px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 4%;border-top:1px solid #83734866;background:#06151deb}.rivalFooter>div{text-align:center}.rivalFooter p{font-size:11px;color:#a9c3c1;max-width:350px;margin:12px 0 0}.rivalFooter>span{font-size:10px;color:#b1c4c3;width:140px;text-align:right}.partyTextButton{border:0;background:none;font-size:11px;color:#c6b888;padding:8px;max-width:140px}.partyTextButton:hover{text-decoration:underline}#findRival{min-width:225px}#partyInviteBox{position:absolute;bottom:120px;left:15%;right:15%;background:#102a33;border:1px solid #b49b64;padding:15px;z-index:2}#partyInviteBox label,#partyCopyStatus{display:block;font-size:11px;color:#dccb9f;margin-bottom:7px}#partyInviteLink{width:100%;font-size:12px;padding:10px;background:#061820;color:#dcdfd0;border:1px solid #718f89}#partyCopyStatus{margin-top:8px;margin-bottom:0}
#queuePanel{position:relative;background:linear-gradient(110deg,#113c47,#08242e);border-top:1px solid #8d865e;border-bottom:1px solid #315d60;margin:0 -21px 22px;padding:15px 21px}#queuePanel>p{font-size:10px;letter-spacing:.1em;color:#b9bd9b;margin:0 0 10px}#queuePanel>div{display:flex;align-items:center;gap:12px}#queuePanel img{width:33px;height:33px}#queueClock{font-size:28px;font-variant-numeric:tabular-nums;color:#e7d8af}#queuePanel small{display:block;margin:5px 0 0 45px;color:#89c8c8;font-size:10px}#queueCancel{position:absolute;right:9px;top:6px;border:0;background:none;color:#cfbb7f;padding:3px 6px;font-size:20px}
#matchFound{position:fixed;inset:0;margin:auto;background:transparent;border:0;padding:16px;width:510px;max-width:95vw;color:#eee4c6;text-align:center;overflow:visible;box-shadow:none}#matchFound::backdrop{background:#010b13c9;backdrop-filter:blur(3px)}.matchHalo{position:relative;aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse at 50% 30%,#224851d9,#071b26f2 72%),url('icons/causeway-menu.jpg') center/cover;display:flex;align-items:center;flex-direction:column;justify-content:center;box-shadow:0 0 60px #43999535,inset 0 0 65px #030f19}.matchClock{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transform:rotate(-90deg)}.matchClock circle{fill:none;stroke:#ad945f;stroke-width:1}.matchClock #matchArc{stroke:#76d5d0;stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 4px #62c7d5);transition:stroke-dasharray 1s linear}.matchHalo>img{width:74px;height:85px;margin-bottom:5px}.matchHalo>p{font-size:10px;letter-spacing:.12em;color:#d1bb89}.matchHalo h2{font:32px Georgia,serif;letter-spacing:.03em;margin:12px 0;color:#f2e5be}.matchHalo small{font-size:10px;color:#a8c4c4;letter-spacing:.11em}.matchHalo #matchCountdown{height:20px;letter-spacing:0;font-size:12px;margin:24px 0 12px}.matchHalo #acceptMatch{width:210px;min-height:48px;font-size:16px}#declineMatch{margin-top:18px;min-width:170px}#matchError{font-size:12px;color:#ffc8af}#rivalParty button:focus-visible,#queuePanel button:focus-visible,#matchFound button:focus-visible{outline:2px solid #a1ebe3;outline-offset:4px}
@media(max-height:800px){#rivalParty{inset:55px 0 0}.rivalHeading{margin-top:8px}.rivalHeading h1{font-size:27px}.rivalSeats{height:calc(100% - 190px);min-height:265px;gap:4%}.rivalBanner{width:220px;padding:20px 16px 30px}.rivalBanner h2{font-size:22px;margin:10px 0}.rivalPortrait{width:105px;height:105px;margin:14px auto}.rivalPortrait img{width:180px;height:220px;transform:translate(-38px,-3px)}.rivalFooter{min-height:92px}.rivalGuest h2{font-size:20px}#matchFound{width:425px}.matchHalo h2{font-size:27px}.matchHalo>img{height:65px;width:60px}.matchHalo #matchCountdown{margin:16px 0 8px}}
@media(max-width:1100px){.rivalSeats{gap:3%;padding:0 4%}.rivalGuest{width:220px}.rivalFooter{padding:12px 3%}.rivalFooter>span{width:90px}.rivalFooter .partyTextButton{max-width:95px}.rivalFooter p{max-width:270px;font-size:10px}#findRival{min-width:195px}#queuePanel{margin-left:-13px;margin-right:-13px;padding-left:13px;padding-right:13px}}
@media(prefers-reduced-motion:reduce){.matchClock #matchArc{transition:none}}
#rivalParty{display:flex;flex-direction:column;overflow:hidden}.rivalHeading{flex-shrink:0;margin-bottom:20px}.rivalSeats{flex:1;height:auto;min-height:0;margin-bottom:24px}.rivalFooter{position:relative;flex-shrink:0}.rivalBanner h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:23px!important}.rivalBanner{padding-top:25px}.rivalGuest h2{font-size:24px!important}#rivalParty .rivalHeading h1{font-size:38px!important}
@media(max-height:800px){.rivalHeading{margin-bottom:12px}.rivalSeats{margin-bottom:14px}.rivalBanner{padding-top:16px}.rivalBanner h2{font-size:20px!important}.rivalGuest #partyInvite{width:80px;height:80px;margin-bottom:10px}.rivalGuest h2{font-size:21px!important}#rivalParty .rivalHeading h1{font-size:28px!important}}
/* The right rail belongs to people. Identity and region preferences live in Settings. */
#socialPanel{display:flex;flex-direction:column;flex:1;min-height:0}#socialPanel>header{display:flex;align-items:center;gap:8px;border-top:1px solid #435049;padding-top:15px}#socialPanel h2{font:700 11px Arial,sans-serif!important;letter-spacing:.15em;color:#cbb884;margin:0 auto 0 0}#socialPanel>header button{border:0;background:none;color:#ceba83;font-size:24px;padding:0 4px;min-width:25px}.friendIdentity{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#94a9ab;margin:14px 0}.friendIdentity button{border:0;background:none;color:#c5b887;font-size:11px;padding:0}#friendFilter{width:100%;padding:9px;background:#0e2730;border:1px solid #6b7d70;color:#e8dec4}#socialStatus{font-size:11px;line-height:1.5;color:#b1cfca;margin:8px 0;overflow-wrap:anywhere}.friendsHeading{font-size:10px;letter-spacing:.1em;color:#beae7f;border-bottom:1px solid #344643;padding:16px 0 10px}.friendsHeading span{float:right;color:#9fbcb6}#friendList{overflow-y:auto;min-height:0;padding-top:6px}.friendRow{display:flex;align-items:center;gap:8px;padding:10px 0;min-height:61px}.friendAvatar{width:34px;height:34px;flex-shrink:0;border:1px solid #b39a61;border-radius:50%;overflow:hidden;background:#153740}.friendAvatar img{width:61px;height:75px;max-width:none;transform:translate(-15px,-2px)}.friendDetails{flex:1;min-width:0;text-align:left}.friendDetails strong{display:block;font-size:12px;color:#ddd7bd;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.friendDetails small{display:block;font-size:10px;color:#73c8a6;margin-top:4px}.friendTag{display:block;font-size:9px;color:#a4b7b6;margin-top:3px}.friendRow.offline{opacity:.6}.friendRow.offline small{color:#b5c0b6}.friendAction{font-size:16px;padding:5px 2px;border:0;background:transparent;color:#ccbb86;min-width:20px}.friendAction:hover{color:#a5f1df;background:#24474b}.friendAction:disabled{opacity:.25}#friendRequests h3{font:12px Arial,sans-serif;color:#d4ba78;margin:14px 0 4px}#friendRequests .friendRow{flex-wrap:wrap;border-bottom:1px solid #24413f}.socialEmpty{font-size:12px;color:#9bb3b0;line-height:1.8;padding:13px 0}.socialInvitation{display:block;width:100%;padding:13px 10px;border:1px solid #5e9d94;background:#123a42;text-align:left;margin:8px 0}.socialInvitation strong{display:block;color:#e4d5a7;font-size:12px}.socialInvitation small{display:block;color:#94d6cf;font-size:10px;margin-top:7px}#inviteFriendHint{font-size:11px;color:#8de1d0;padding:12px 0;line-height:1.5}.invitePicking #friendList .friendAction:first-of-type{color:#a5f1df}#identitySettings{border-top:1px solid #687a6b;border-bottom:1px solid #687a6b;padding:18px 0;margin:18px 0}#identitySettings .sidebarSection{margin-bottom:15px}#identitySettings small{font-size:11px;line-height:1.5;color:#adbfba;display:block;margin:10px 0}#identityStatus{font-size:12px;color:#b7ddce}#menu{max-height:90vh;overflow-y:auto}#menu>h2{font-size:24px}#menu>p{font-size:12px}dialog.socialDialog{width:min(490px,92vw);padding:36px;background:#0a202a;border:1px solid #b79a5e;color:#e5dec8;max-height:90vh;overflow:auto}dialog.socialDialog::backdrop{background:#020e17dc;backdrop-filter:blur(3px)}.socialDialog h2{font:30px Georgia,serif;margin:12px 0 18px;color:#f0e2b4}.socialDialog p{font-size:13px;line-height:1.7;color:#b7ccca}.socialDialog label{font-size:11px;display:block;color:#c6b986;margin:20px 0 9px}.socialDialog input{width:100%;border:1px solid #688078;background:#061923;color:#e7e2cc;padding:12px;font-size:15px}.socialDialog small{font-size:11px;line-height:1.6;color:#9bb2b3;display:block;margin-top:20px}.socialDialog .socialEyebrow{font-size:10px;letter-spacing:.17em;color:#c2b17a}.socialClose{position:absolute;right:15px;top:13px;background:none;border:0;color:#cdb67d;font-size:24px}.friendSearchRow{display:flex;gap:10px}.friendSearchRow input{min-width:0}.friendSearchRow button{padding:10px 15px;min-width:100px}.welcomeSigil{width:58px;height:70px}#welcomeForm .clientPrimary{width:100%;margin-top:12px}#friendSearchStatus,#friendInviteError,#welcomeError{color:#ead0a2;font-size:12px}#friendInviteDialog .clientSecondary{margin:15px 0 0}#copyPartyLink{display:block;margin:10px auto 0}.socialDialog button:focus-visible,#socialPanel button:focus-visible{outline:2px solid #8ddcd1;outline-offset:3px}

/* Extend the existing warden selector; keep the reviewed client layout. */
.heroChoice[aria-pressed="false"]{border-color:#615c49;background:#0a1b22;box-shadow:none}
.heroChoice[aria-pressed="false"] i{visibility:hidden}
.heroChoice[aria-pressed="false"] img{filter:brightness(.7)}
.heroChoice:hover img,.heroChoice:focus-visible img{filter:brightness(1)}
.heroChoice+.heroChoice{margin-top:12px}
.summonerWarning{color:#eed293;font-size:12px;line-height:1.5;margin:8px 0}
/* Solo rival choice belongs to the lock-in footer, separate from your warden. */
.pickerMatch{min-width:0}
#soloOpponentPicker{border:0;padding:0;margin:0;min-width:0}
#soloOpponentPicker legend{padding:0;margin-bottom:7px;font-size:10px;letter-spacing:.1em;color:#d4bd81}
#soloOpponentChoices{display:flex;gap:7px}
#soloOpponentChoices button{display:flex;align-items:center;gap:6px;min-height:40px;padding:4px 7px;border:1px solid #615c49;background:#0a1b22;color:#bdcdc8;font-size:12px}
#soloOpponentChoices img{width:26px;height:30px;object-fit:cover;object-position:top}
#soloOpponentChoices i{font-style:normal;font-size:12px;visibility:hidden}
#soloOpponentChoices [aria-pressed="true"]{border-color:#d4bd81;color:#f5e7bf;background:#14323c}
#soloOpponentChoices [aria-pressed="true"] i{visibility:visible}
#soloOpponentChoices button:hover{border-color:#9acbc5}
#soloOpponentChoices button:focus-visible{outline:2px solid #fff0c9;outline-offset:3px}
@media(max-width:1100px){#soloOpponentChoices{gap:4px}#soloOpponentChoices button{padding:4px;gap:4px;font-size:11px}#soloOpponentChoices img{width:22px;height:27px}#soloOpponentChoices i{display:none}}
@media(max-width:1100px){#heroSelect .summonerSlots button{min-width:0;flex:1;gap:5px;padding:5px 6px;font-size:11px}#heroSelect .summonerSlots img{width:26px;height:26px}}

/* Extend the approved character stage to the actual admitted roster. */
.collectionPage .collectionHero{top:65px;bottom:104px;height:calc(100% - 169px);width:53%}
.collectionPage .collectionCopy{top:105px;bottom:118px;left:55%;right:6%;overflow-y:auto;padding-right:8px}
.collectionPage .collectionCopy h2{margin-bottom:18px}
.collectionPage .roleTraits{margin:20px 0;flex-wrap:wrap;gap:12px 20px}
.collectionPage .collectionSpells{gap:9px;margin:20px 0}
.collectionSpells button{position:relative;width:48px;height:48px;padding:0;background:#10191b;border:1px solid #81724e}
.collectionSpells button img{width:100%;height:100%;border:0}
.collectionSpells button span{position:absolute;bottom:0;left:0;padding:1px 4px;background:#080c0f;color:#f4e4bc;font-size:9px;pointer-events:none}
.collectionSpells [data-collection-skill="passive"] span{font-size:7px;padding:2px 3px}
.collectionSpells button[aria-pressed="true"]{border-color:#eee0a7;box-shadow:inset 0 0 0 1px #eee0a7}
.collectionSkill{min-height:135px;max-width:42ch}
.collectionSkill h3{font:18px Georgia,serif;margin:0 0 12px;color:#e9d5a0}
.collectionSkill p{font-size:13px;line-height:1.7;color:#c0d1ce;margin:0 0 12px}
.collectionSkill small{font-size:10px;color:#b8d0cc}
.collectionFooter{position:absolute;left:5%;right:5%;bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.collectionFooter>.clientPrimary{min-width:205px;flex-shrink:0}
.collectionPage .collectionRoster{position:static;min-width:0;flex:1;max-width:790px;gap:0;padding:0;background:#0b2530eF}
.collectionRoster button{display:flex;align-items:center;gap:12px;min-width:0;flex:1;text-align:left;padding:5px 20px 5px 8px;background:none;border:0;border-bottom:2px solid transparent;color:#b9cfca}
.collectionRoster button+button{border-left:1px solid #657260}
.collectionRoster button img{width:46px;height:62px;object-fit:contain;object-position:center}
.collectionRoster button span{font:14px Georgia,serif;letter-spacing:.04em;min-width:0}
.collectionRoster button b{font-weight:400}
.collectionRoster button small{font:10px Arial,sans-serif;line-height:1.5;letter-spacing:0;margin-top:6px;color:#b9cfca}
.collectionRoster button[aria-pressed="true"]{border-bottom-color:var(--clientGold);background:#173740;color:#f0e3b8}
.collectionRoster button:hover,.collectionSpells button:hover{background:#1c3e46}
#collectionPage button:focus-visible{outline:2px solid #92ded3;outline-offset:4px}
#collectionStatus{position:absolute;bottom:46px;left:5%;font-size:13px;color:#c0d1ce}
@media(max-height:800px){.collectionPage .collectionCopy{top:78px;bottom:110px}.collectionPage .collectionCopy h1#collectionTitle{margin-top:12px;font-size:42px}.collectionPage .collectionCopy h2{font-size:20px;margin-bottom:14px}.collectionPage .collectionSpells{margin:17px 0}.collectionSkill{min-height:120px}.collectionPage .collectionHero{top:60px;height:calc(100% - 157px)}}
@media(max-width:1100px){.collectionPage .collectionCopy{left:52%;right:4%}.collectionPage .collectionHero{width:52%}.collectionRoster button{padding-right:12px;gap:8px}.collectionRoster button span{font-size:13px}}
.sidebarIdentity strong{white-space:nowrap}