.faction-portrait{background-size:300% 300%}.entry-page{background:#101914;grid-template-columns:1.1fr 1fr;max-width:none;min-height:100vh;padding:0;display:grid}.entry-art{isolation:isolate;background-position:48%;background-size:cover;flex-direction:column;justify-content:space-between;min-height:760px;padding:44px 8%;display:flex;position:relative}.entry-art:before{content:"";z-index:-1;background:linear-gradient(#07110d77 0%,#07140c22 20%,#08150caa 62%,#08140eef);position:absolute;inset:0}.entry-caption{max-width:560px;margin-top:180px}.entry-caption h1{color:#f0e6cc;font-size:clamp(40px,4.5vw,64px);line-height:1.12}.entry-caption>p{color:#d0d4bd;max-width:390px;margin-top:24px;font-size:17px;line-height:1.8}.entry-factions{color:#d9c797;gap:23px;margin-top:30px;font-size:14px;display:flex}.entry-version{color:#a4b094;letter-spacing:1px;margin-top:70px;font-size:12px}.entry-form-wrap{justify-content:center;align-items:center;padding:48px 35px;display:flex}.entry-form{width:100%;max-width:405px}.entry-shield{color:#c9b07c;stroke-width:1.3px;width:36px;height:36px;margin-bottom:24px}.entry-form h2{color:#e4dcc5;font:32px/1.3 Georgia,serif}.entry-form>p{color:#a4b099;margin-top:13px;font-size:16px;line-height:1.75}.auth-tabs{background:#1b281e;border:1px solid #3b4b32;width:100%;height:49px;margin:26px 0 28px;padding:4px}.auth-tabs button{color:#9eaf90;flex:1;font-size:14px}.auth-tabs button[data-state=active]{color:#e7d5a5;box-shadow:none;background:#3d432b;border:1px solid #726744}.entry-form input{height:48px;font-size:16px}.entry-form .input-label{font-size:14px}.password-field{position:relative}.password-field input{padding-right:45px}.password-field button{color:#a4b092;background:0 0;border:0;width:40px;position:absolute;top:3px;bottom:3px;right:3px}.auth-hint{color:#87997f;margin-top:8px;font-size:12px;line-height:1.7;display:block}.save-password{margin-top:17px}.auth-submit{min-height:49px;margin-top:26px}.legacy-choice{color:#d0dabd;cursor:pointer;background:#26372055;border:1px solid #4a5f3c;border-radius:5px;align-items:flex-start;gap:12px;margin-top:24px;padding:15px;font-size:14px;display:flex}.legacy-choice button{margin-top:3px}.legacy-choice small{color:#95a888;margin-top:5px;font-size:12px;line-height:1.7;display:block}.selection-main{padding-top:34px}.selection-heading h1{font-size:35px}.selection-heading p{color:#a1ae96;margin-top:13px;font-size:16px;line-height:1.7}.selection-account{color:#a8b69a;align-items:center;gap:16px;font-size:14px;display:flex}.faction-options{grid-template-columns:repeat(3,1fr);margin:28px 0;gap:20px!important;display:grid!important}.faction-option{cursor:pointer;isolation:isolate;border:1px solid #4b573d;border-radius:6px;height:225px;position:relative;overflow:hidden}.faction-option img{object-fit:cover;z-index:-2;width:100%;height:100%;transition:transform .3s;position:absolute;inset:0}.faction-option-shade{z-index:-1;background:linear-gradient(#10130b0a,#0a140da8 65%,#09120de8);position:absolute;inset:0}.faction-option.chosen{border:2px solid #d7b976;box-shadow:0 0 0 3px #c3a96722}.faction-option:hover img{transform:scale(1.035)}.faction-option:focus-within{outline-offset:4px;outline:2px solid #d7b976}.faction-radio{opacity:0;top:15px;left:15px;overflow:hidden;width:1px!important;height:1px!important;position:absolute!important}.faction-option-copy{position:absolute;bottom:20px;left:23px;right:16px}.faction-option-copy>svg{color:#dfc384;stroke-width:1.5px;width:23px;height:23px;margin-bottom:10px}.faction-option-copy h2{color:#eee2be;font:29px Georgia,serif}.faction-option-copy p{color:#bfc8ad;margin-top:9px;font-size:13px}.faction-check{color:#182215;background:#c7ad73;border-radius:50%;width:25px;height:25px;padding:4px;position:absolute;top:16px;right:16px}.selection-detail{border-top:1px solid #3b4934;grid-template-columns:300px minmax(0,1fr);gap:35px;padding:28px 0 15px;display:grid}.selection-lore h2{color:#ded5b4;font:29px Georgia,serif}.selection-lore>p{color:#9eae91;margin:16px 0 25px;font-size:16px;line-height:1.8}.selection-lore h3{color:#c8d0b8;margin-bottom:13px;font-size:14px;font-weight:500}.faction-army{flex-direction:column;gap:12px;display:flex}.faction-army>div{align-items:center;gap:12px;display:flex}.faction-army .portrait{border:1px solid #67744c;border-radius:4px;width:49px;height:53px}.faction-army strong{color:#c7d0b6;font-size:14px;font-weight:400}.faction-army small{color:#8a9d7b;align-items:center;gap:6px;margin-top:7px;font-size:12px;display:flex}.faction-army small svg:not(:first-child){margin-left:7px}.hero-options{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:15px;gap:16px!important;display:grid!important}.hero-option{cursor:pointer;background:#17261a;border:1px solid #425638;border-radius:5px;position:relative;overflow:hidden}.hero-option>.portrait{aspect-ratio:1;width:100%;height:auto}.hero-option>span:not(.portrait){padding:13px;display:block}.hero-option strong{color:#ded2ad;font:23px Georgia,serif;display:block}.hero-option small{color:#92a582;min-height:39px;margin-top:6px;font-size:12px;line-height:1.6;display:block}.hero-option.chosen{border-color:#d4b77e;box-shadow:0 0 0 2px #cbb07844}.hero-option:focus-within{outline-offset:3px;outline:2px solid #d7b976}.hero-check{color:#1a2817;background:#d1ba7b;border-radius:50%;padding:2px;position:absolute;top:12px;right:12px}.chosen-hero-story{color:#a4b592;margin:17px 0;font-size:14px;line-height:1.8}.hero-create-row{grid-template-columns:1fr 220px;align-items:end;gap:18px;display:grid}.hero-create-row input{height:46px;font-size:16px}.hero-create-row .gold-button{min-height:46px;font-size:14px}.one-hero-note{color:#aeb58b;align-items:flex-start;gap:7px;margin-top:15px;font-size:12px;line-height:1.8;display:flex}.one-hero-note svg{flex-shrink:0;margin-top:3px}.faction-demons{background:radial-gradient(at 50% 0,#70322144,#0000 68%)}.faction-demons .panel{background:#211b18ed;border-color:#574337}.faction-demons .treasury-bar{background:#30241e;border-color:#624734}.faction-demons .building-selector{background:#2b201b;border-color:#624734}.faction-demons .building-selector button{background:#35251e;border-color:#624734}.faction-demons .building-benefits{background:#1e1714;border-color:#5a4232}.faction-demons .commander-roster>a{border-color:#503b30}.faction-demons .gold-button{color:#291b13;background:linear-gradient(135deg,#bc9463,#dfb784)}.faction-elves{background:radial-gradient(at 50% 0,#31593844,#0000 68%)}.faction-elves .panel{background:#17291fed;border-color:#416747}.faction-elves .gold-button{color:#1c2a15;background:linear-gradient(135deg,#a9bb7d,#d0d9a5)}.faction-badge{color:#b5c09d;border:1px solid #516143;border-radius:3px;align-items:center;gap:7px;padding:5px 9px;font-size:12px;display:inline-flex}.account-menu{align-items:center;gap:12px;display:flex}.selected-hero-note{color:#a7b595;align-items:center;gap:13px;margin:22px 0;font-size:14px;line-height:1.7;display:flex}.selected-hero-note .portrait{border:1px solid #7b8553;border-radius:4px;width:65px;height:73px}.selected-hero-note strong{color:#ddcca0;font-weight:400;display:block}.cabinet-shell .logout-button{padding:0}.auth-unavailable{text-align:center;max-width:600px;margin:100px auto;padding:40px}.auth-unavailable h1{margin-bottom:20px}@media (min-width:1500px){.selection-detail{grid-template-columns:340px minmax(0,1fr);gap:60px}.hero-option>.portrait{aspect-ratio:1.16}.faction-option{height:270px}}@media (max-width:1000px){.entry-page{grid-template-columns:1fr 1fr}.entry-art{min-height:720px;padding:35px 9%}.entry-caption h1{font-size:42px}.entry-form-wrap{padding:35px 25px}.entry-form h2{font-size:27px}.entry-factions{flex-wrap:wrap;gap:10px 20px}.selection-detail{grid-template-columns:230px minmax(0,1fr);gap:25px}.faction-option{height:195px}.hero-option small{font-size:12px}.hero-option>span:not(.portrait){padding:10px}.hero-options{gap:10px!important}.hero-create-row{grid-template-columns:1fr 180px}}@media (max-width:720px){.entry-page{display:block}.entry-art{background-position:50% 40%;min-height:250px;padding:25px 22px}.entry-caption{margin-top:38px}.entry-caption h1{font-size:31px}.entry-caption h1 br,.entry-caption>p{display:none}.entry-caption .eyebrow{letter-spacing:1px;font-size:10px}.entry-factions{margin-top:17px;font-size:12px}.entry-version{text-align:right;width:58px;margin:0;font-size:10px;line-height:1.6;position:absolute;top:35px;right:20px}.entry-form-wrap{padding:30px 22px 40px}.entry-shield{display:none}.entry-form h2{font-size:28px}.entry-form>p{font-size:14px}.auth-tabs{margin:22px 0}.selection-main{padding:26px 16px 0}.selection-heading h1{font-size:29px}.selection-heading p{font-size:14px}.faction-options{margin:23px 0;gap:9px!important}.faction-option{height:156px}.faction-option-copy{bottom:14px;left:10px;right:7px}.faction-option-copy>svg{width:18px;height:18px;margin-bottom:7px}.faction-option-copy h2{font-size:19px;line-height:1.2}.faction-option-copy p{display:none}.faction-check{width:20px;height:20px;top:8px;right:8px}.selection-detail{padding-top:22px;display:block}.selection-lore>p{margin:10px 0 18px;font-size:14px}.selection-lore h2{font-size:26px}.faction-army{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:26px;display:grid}.faction-army>div{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.faction-army strong{font-size:12px}.faction-army small{gap:4px;font-size:11px}.faction-army small svg:not(:first-child){margin-left:0}.faction-army small svg{width:11px}.faction-army .portrait{width:43px;height:46px}.hero-options{gap:9px!important}.hero-option strong{font-size:20px}.hero-option small{min-height:54px;font-size:11px}.hero-option>span:not(.portrait){padding:10px 8px}.hero-create-row{grid-template-columns:1fr;gap:14px}.hero-create-row .gold-button{width:100%}.selection-account{overflow-wrap:anywhere;gap:9px;max-width:120px;font-size:12px}.selection-account .icon-button{flex-shrink:0}.one-hero-note{font-size:12px}.account-menu,.account-badge,.cabinet-shell .site-header{gap:7px}.cabinet-shell .brand{gap:6px}.cabinet-shell .brand>span{font-size:20px}.cabinet-shell .site-header nav{gap:8px}.cabinet-shell .account-badge .portrait{width:27px;height:27px}.cabinet-shell .logout-button{width:27px;height:29px}.cabinet-shell .site-header nav a svg{width:18px;height:18px}}.troop-tier{white-space:nowrap;color:#d7bd7a;letter-spacing:.3px;background:#a78b4415;border:1px solid #ac94585c;border-radius:3px;align-items:center;margin-right:7px;padding:2px 6px;font:12px/1.4 Arial,sans-serif;display:inline-flex}.portrait.hero-portrait-image{background-color:#142720;display:block;position:relative;overflow:hidden;background-image:none!important}.hero-portrait-image>img{object-fit:cover;object-position:50% 30%;width:100%;max-width:none;height:100%;display:block}.hero-portrait>.hero-portrait-image,.hero-art>.hero-portrait-image,.commander-art>.hero-portrait-image{width:100%;height:100%;position:absolute;inset:0}.entry-form .auth-recovery{color:#cbb680;text-underline-offset:5px;border-radius:4px;justify-content:center;align-items:center;gap:8px;width:fit-content;min-height:44px;margin:14px auto 0;padding:8px 12px;font-size:14px;line-height:1.5;-webkit-text-decoration:underline #756946;text-decoration:underline #756946;transition:color .18s,background .18s;display:flex}.entry-form .auth-recovery:hover{color:#f0dba2;background:#c3a56812}.entry-form .auth-recovery:focus-visible{outline-offset:3px;outline:2px solid #cfb77b}