.aspect-section-heading{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:end;margin-bottom:40px}
.aspect-section-heading h2{margin-bottom:0!important}
.aspect-section-heading h2 em{font-style:normal;color:var(--gold-light)}
.aspect-section-heading>p{font-size:.94rem;color:#bdcbb7;line-height:1.85;max-width:470px;margin:0 0 6px}
.aspect-browser{--aspect-accent:#82d5cf;position:relative}
.aspect-browser.is-ready{display:grid;grid-template-columns:360px minmax(0,1fr);gap:30px;align-items:start}
.aspect-picker{background:#112319;border:1px solid #3d5340;padding:20px;min-width:0}
.aspect-picker-mobile{display:none}
.aspect-group-label{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 13px;padding:0 2px;font-size:.76rem;font-weight:700;color:#e9e6d7}
.aspect-group-label small{font-size:.64rem;font-weight:400;color:#a6b49d}
.aspect-choice-group+.aspect-choice-group{margin-top:22px;padding-top:20px;border-top:1px solid #344d38}
.aspect-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.aspect-choice{position:relative;width:100%;min-height:48px;border:1px solid transparent;background:#1b3121;color:#c5d2bc;padding:9px 10px;display:flex;gap:9px;align-items:center;text-align:left;font:600 .82rem var(--sans);line-height:1.4;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.aspect-choice:hover{background:#2b4330;color:#fff;border-color:#637258}
.aspect-choice-icon{display:flex;flex:0 0 24px;color:var(--aspect-accent)}
.aspect-choice-icon svg{width:24px;height:24px;display:block}
.aspect-selected-mark{position:absolute;right:5px;top:3px;font-size:.6rem;color:var(--aspect-accent);visibility:hidden}
.aspect-choice[aria-pressed="true"]{background:#293f2c;border-color:var(--aspect-accent);color:#fff;box-shadow:inset 3px 0 var(--aspect-accent)}
.aspect-choice[aria-pressed="true"] .aspect-selected-mark{visibility:visible}
.aspect-keyboard-hint{color:#90a086;font-size:.65rem;line-height:1.7;margin:18px 2px 0}
.aspect-profiles{min-width:0}
.aspect-profile{--aspect-accent:#d8af70;position:relative;overflow:hidden;background:linear-gradient(135deg,#223b29,#182b1e 65%);border:1px solid #52634a;border-top:3px solid var(--aspect-accent);padding:34px 36px;margin-bottom:22px}
.is-ready .aspect-profile{min-height:717px;margin-bottom:0}
.aspect-profile:before{content:'';position:absolute;right:-70px;top:-85px;width:260px;height:260px;border:1px solid #b0bd9120;box-shadow:0 0 0 24px #b0bd9108,0 0 0 48px #b0bd9108;transform:rotate(35deg);pointer-events:none}
.aspect-profile-heading{position:relative;display:flex;gap:22px;align-items:center;min-height:132px;padding-bottom:25px;border-bottom:1px solid #7d8f663d;margin-bottom:8px}
.aspect-profile-symbol{display:grid;place-items:center;width:74px;height:86px;flex:0 0 74px;background:#0d2017;border:1px solid #698265;color:var(--aspect-accent);border-radius:5px}
.aspect-profile-symbol svg{display:block;width:46px;height:46px;stroke-width:1.2}
.aspect-origin{font:700 .61rem var(--sans);color:var(--aspect-accent);letter-spacing:.17em;margin:0 0 10px;line-height:1.5}
.aspect-profile h3{font:400 clamp(2.4rem,4.1vw,3.8rem)/1.08 var(--serif);letter-spacing:-.035em;color:#f2e9d4;margin:0 0 10px;overflow-wrap:anywhere}
.aspect-tagline{font-size:.87rem;color:#c7d3bc;margin:0;line-height:1.6}
.aspect-property{display:grid;grid-template-columns:29px minmax(0,1fr);gap:13px;padding:23px 0;border-bottom:1px solid #7d8f6633}
.aspect-property-mark{width:26px;height:26px;border:1px solid #6c9765;display:grid;place-items:center;font-size:1rem;color:#a3d898;line-height:1;margin-top:2px}
.aspect-property-1 .aspect-property-mark{border-color:#b18d62;color:#e7bd8a}
.aspect-property-2 .aspect-property-mark{border-color:#7b9c9a;color:#95cfca}
.aspect-property h4{font:700 .73rem var(--sans);letter-spacing:.035em;color:#e8e6d5;margin:0 0 8px}
.aspect-property p{font-size:.92rem;color:#c7d2bc;line-height:1.85;margin:0;max-width:630px}
.aspect-profile-footer{display:flex;flex-direction:column;gap:12px;padding-top:24px;position:relative}
.aspect-profile-footer span{font-size:.7rem;color:#a1b094;line-height:1.7}
.aspect-profile-footer a{font-size:.74rem;color:var(--gold-light);text-decoration:underline;text-underline-offset:4px;align-self:flex-start}
.aspect-selection-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.aspect-switch-info{margin-top:24px;background:#16291c;border:1px solid #43553c}
.aspect-switch-info summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:21px 25px;color:var(--gold-light);list-style:none;font-size:.86rem;font-weight:600}
.aspect-switch-info summary::-webkit-details-marker{display:none}
.aspect-switch-info summary>span:last-child{font-size:1.25rem;line-height:1}
.aspect-switch-info[open] summary>span:last-child{transform:rotate(45deg)}
.aspect-switch-info>div{padding:0 25px 24px;max-width:990px}
.aspect-switch-info p{font-size:.88rem;color:#c6d0bb;line-height:1.9;margin:0}
.aspect-theme-merling{--aspect-accent:#80d7d8}.aspect-theme-enderian{--aspect-accent:#bf9de6}.aspect-theme-shulk{--aspect-accent:#ccafe0}.aspect-theme-feline{--aspect-accent:#e6bd87}.aspect-theme-infernal{--aspect-accent:#eea579}.aspect-theme-elytrian{--aspect-accent:#abd1e8}.aspect-theme-honey-bee{--aspect-accent:#e6cb76}.aspect-theme-rascal{--aspect-accent:#93c9b2}.aspect-theme-rotten{--aspect-accent:#b2bf86}.aspect-theme-arachnid{--aspect-accent:#cf9c9c}.aspect-theme-oozeling{--aspect-accent:#abe08d}.aspect-theme-dragonkin{--aspect-accent:#d0ace9}.aspect-theme-frostling{--aspect-accent:#b0dce7}.aspect-theme-pebblemite{--aspect-accent:#c2c5b6}.aspect-theme-remnant{--aspect-accent:#b3a9e2}.aspect-theme-voidborne{--aspect-accent:#d09fe3}.aspect-theme-phoenix{--aspect-accent:#edb878}.aspect-theme-morphling{--aspect-accent:#94d1b7}
@media(min-width:1001px){
 .aspect-browser.is-ready{height:min(720px,calc(100svh - 140px));min-height:480px;align-items:stretch}
 .is-ready .aspect-picker{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#7a8c68 #12271a}
 .is-ready .aspect-profiles{min-height:0}
 .is-ready .aspect-profile{height:100%;min-height:0;display:flex;flex-direction:column;padding:28px 32px}
 .aspect-profile-heading{flex-shrink:0;min-height:120px;padding-bottom:22px}
 .aspect-properties{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:10px;scrollbar-width:thin;scrollbar-color:#7a8c68 #203725}
 .aspect-profile-footer{flex-shrink:0;padding-top:18px}
}
@media(max-width:1100px){.aspect-browser.is-ready{grid-template-columns:320px minmax(0,1fr);gap:22px}.aspect-picker{padding:16px}.aspect-choice{font-size:.7rem;padding:10px 8px;gap:8px}.aspect-choice-icon{flex-basis:21px}.aspect-choice-icon svg{width:21px;height:21px}.aspect-profile{padding:28px}.aspect-profile-heading{gap:18px}.aspect-profile-symbol{width:60px;height:72px;flex-basis:60px}.aspect-profile-symbol svg{width:38px;height:38px}}
@media(max-width:1000px){
 .aspect-section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:28px}.aspect-section-heading>p{max-width:650px;font-size:.9rem;margin:0}
 .aspect-browser.is-ready{display:block}.aspect-picker{padding:18px;margin-bottom:16px;background:#1c3222}.aspect-picker-desktop{display:none}.aspect-picker-mobile{display:block}
 .aspect-picker-mobile label{display:block;font-size:.76rem;font-weight:700;margin-bottom:12px;color:#e9e5d5}
 .aspect-picker-mobile select{width:100%;font:600 .89rem var(--sans);line-height:1.5;min-height:50px;border:1px solid #82906c;background:#102218;color:#f2e8d1;padding:12px 34px 12px 12px;border-radius:0;cursor:pointer;text-overflow:ellipsis}
 .aspect-picker-mobile option,.aspect-picker-mobile optgroup{background:#172b1d;color:#eee5d3}
 .aspect-paging{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:16px}
 .aspect-paging button{font:600 .74rem var(--sans);background:transparent;color:#e8d7b8;border:1px solid #566a4a;padding:10px 12px;min-height:42px}
 .aspect-paging button:hover{background:#334932}.aspect-paging>span{font:600 .7rem var(--sans);color:#aebe9f;font-variant-numeric:tabular-nums}
 .aspect-profile{padding:24px}.is-ready .aspect-profile{min-height:625px}.aspect-profile-heading{min-height:120px;padding-bottom:22px}.aspect-profile h3{font-size:2.7rem}.aspect-tagline{font-size:.82rem}.aspect-property{padding:21px 0;gap:10px}.aspect-property p{font-size:.87rem;line-height:1.85}.aspect-profile-footer{padding-top:22px}
 .aspect-switch-info summary{padding:20px;font-size:.8rem}.aspect-switch-info>div{padding:0 20px 22px}
}
@media(max-width:390px){.aspect-profile{padding:22px 18px}.aspect-profile h3{font-size:2.4rem}.aspect-profile-heading{gap:15px}.aspect-profile-symbol{flex-basis:52px;width:52px;height:65px}.aspect-profile-symbol svg{width:33px;height:33px}.aspect-property{grid-template-columns:24px minmax(0,1fr)}.aspect-property-mark{width:23px;height:23px}.aspect-origin{font-size:.56rem;letter-spacing:.1em}.aspect-tagline{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){.aspect-choice{transition:none}}
@media print{.aspect-picker{display:none!important}.aspect-browser.is-ready{display:block}.aspect-profiles .aspect-profile[hidden]{display:block!important}.is-ready .aspect-profile{min-height:0;margin-bottom:24px;break-inside:avoid}.is-ready .aspect-profiles{position:static}}