.guide-page{background:var(--glass-secondary);color:#edf3ff}.guides-main{max-width:1320px;margin:auto;padding:28px clamp(18px,3vw,44px) 90px}.guides-main *{box-sizing:border-box}.guides-main h1,.guides-main h2,.guides-main h3{color:#f2f5ff}.guides-main p{line-height:1.6}.guides-main a{color:inherit}.guide-hero,.guide-detail-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(159,177,219,.18);border-radius:22px;padding:clamp(28px,4vw,60px);background:var(--glass-secondary);box-shadow:0 16px 50px rgba(0,0,0,.2)}.guide-hero:after{content:"";position:absolute;inset:0 0 0 55%;z-index:-1;background:url('/assets/universe-aion2.webp') center/cover;opacity:.19;mask-image:linear-gradient(90deg,transparent,#000)}.guide-hero .eyebrow,.guide-detail-hero .eyebrow,.guide-section-kicker{color:#b4a9ef;font-size:.72rem;letter-spacing:.16em;font-weight:700}.guide-hero h1,.guide-detail-hero h1{font-size:clamp(2.1rem,4vw,4rem);line-height:1.08;margin:12px 0}.guide-hero>p:not(.eyebrow),.guide-detail-hero p{max-width:680px;color:#c4cede}.guide-source,.guide-version{display:inline-block;font-size:.8rem;color:#aebcda!important}.guide-browser{margin:26px 0 22px;display:grid;gap:14px}.guide-browser label{font-weight:700}.guide-browser input,.guide-objective input[type=number]{width:100%;border-radius:12px;padding:13px 15px;background:var(--glass-interactive);border:1px solid rgba(156,174,218,.22);color:#f0f5ff;outline:none}.guide-browser input:focus,.guide-objective input:focus{border-color:#8a78dc;box-shadow:0 0 0 3px rgba(135,110,219,.2)}.guide-filters{display:flex;flex-wrap:wrap;gap:8px}.guide-filters button{border:1px solid rgba(149,169,211,.25);border-radius:99px;background:var(--glass-interactive);color:#c7d1e4;padding:8px 14px;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}.guide-filters button:hover,.guide-filters button[aria-pressed=true]{background:var(--glass-selected);border-color:#9b8ae6;color:#fff;transform:translateY(-1px)}.guide-count{color:#9faccc;font-size:.84rem;margin:0}.guide-class-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.guide-class-card{position:relative;min-height:330px;overflow:hidden;display:flex;align-items:flex-end;text-decoration:none;border:1px solid rgba(158,174,215,.22);border-radius:18px;background:var(--glass-secondary);transition:transform .2s,border-color .2s,box-shadow .2s}.guide-class-card:hover{transform:translateY(-3px);border-color:rgba(161,137,237,.65);box-shadow:0 16px 35px rgba(0,0,0,.26)}.guide-class-art{position:absolute;inset:0;background-position:center top;background-size:cover;opacity:.67;transition:transform .25s}.guide-class-card:hover .guide-class-art{transform:scale(1.04)}.guide-class-card:after{content:"";position:absolute;inset:10% 0 0;background:linear-gradient(transparent,rgba(6,10,20,.9) 63%,#090e1b)}.guide-class-content{position:relative;z-index:1;display:grid;gap:8px;padding:20px;width:100%}.guide-class-content strong{font-size:1.44rem}.guide-class-content>span:not(.guide-card-type):not(.guide-card-link){font-size:.88rem;color:#d4dced;line-height:1.45}.guide-card-type{font-size:.75rem;color:#c4a9ff;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.guide-card-link{color:#bcd8ff;margin-top:6px;font-weight:700}.guide-class-content em{font-size:.7rem;border:1px solid #a382e6;border-radius:99px;padding:3px 8px;width:max-content;color:#d9c9ff;font-style:normal}.guide-breadcrumb{margin:4px 0 20px;color:#91a2c2;font-size:.85rem}.guide-breadcrumb a{text-decoration:none;color:#b5caff}.guide-detail-hero{min-height:270px;display:flex;align-items:center}.guide-detail-hero:after{content:"";position:absolute;inset:0 0 0 45%;z-index:-1;background-image:linear-gradient(90deg,#12182b,transparent 30%),var(--guide-art);background-size:cover;background-position:center 24%;opacity:.7}.guide-detail-hero>div{max-width:630px}.guide-detail-role{font-weight:700;color:#cbb3fa!important}.guide-inner-nav{position:sticky;top:70px;z-index:20;display:flex;gap:6px;overflow-x:auto;margin:20px 0 28px;padding:8px;border:1px solid rgba(141,164,211,.2);border-radius:13px;background:var(--glass-secondary);backdrop-filter:blur(12px);scrollbar-width:thin}.guide-inner-nav a{white-space:nowrap;text-decoration:none;color:#bbc8e0;padding:8px 12px;border-radius:9px;font-size:.85rem}.guide-inner-nav a:hover,.guide-inner-nav a:focus-visible{background:var(--glass-hover);color:#fff}.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:26px;align-items:start}.guide-body{min-width:0}.guide-section{scroll-margin-top:138px;margin:0 0 48px}.guide-section-heading{margin:0 0 16px}.guide-section-heading h2{margin:4px 0;font-size:1.55rem}.guide-section-intro{color:#aebbd2}.guide-panel,.guide-skill,.guide-board,.guide-stigma,.guide-rotation,.guide-objective{background:var(--glass-primary);border:1px solid rgba(157,175,215,.17);border-radius:15px;padding:18px;box-shadow:0 8px 20px rgba(0,0,0,.11)}.guide-panel h3,.guide-rotation h3{margin-top:0}.guide-panel p{margin:6px 0;color:#bfcae0}.guide-flow{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:16px}.guide-flow span{padding:9px 12px;border:1px solid rgba(160,143,227,.3);border-radius:9px;background:var(--glass-secondary);color:#e3dcff}.guide-flow b{color:#a893ef}.guide-priority-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.guide-priority-grid ul,.guide-final-grid ol{padding-left:20px;color:#cbd4e5}.guide-priority-grid li,.guide-final-grid li{margin:7px 0}.guide-timeline{display:grid;gap:10px;border-left:2px solid rgba(142,116,211,.44);margin-left:19px}.guide-level{display:grid;grid-template-columns:48px 1fr;gap:6px;position:relative;margin-left:-20px}.guide-level-number{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;color:#dfd3ff;font-weight:800;background:var(--glass-secondary);border:1px solid #7863b3}.guide-level>div{background:var(--glass-secondary);border:1px solid rgba(155,176,219,.17);border-radius:13px;padding:12px 16px}.guide-level h3{font-size:1rem;margin:0}.guide-level p{font-size:.88rem;color:#b9c6dc;margin:6px 0}.guide-level small{color:#91a6c9}.guide-unlocks{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.guide-unlock{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid rgba(128,145,196,.25);border-radius:8px;background:var(--glass-secondary);color:#dee8fb;font-size:.8rem}.guide-unlock img,.guide-skill img,.guide-stigma img,.guide-rotation img{object-fit:cover;border-radius:7px}.guide-level-target{display:flex;gap:10px;flex-wrap:wrap;font-size:.82rem;color:#d5e3fa}.guide-level-target strong{color:#aa91f1}.guide-level-event{color:#e2c681!important}.guide-skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.guide-skill{padding:14px}.guide-skill-head{display:flex;gap:10px;align-items:center}.guide-skill-head div{display:grid;gap:3px}.guide-skill-head small,.guide-skill-meta,.guide-stigma small{color:#a6b8d1;font-size:.78rem}.guide-skill>p{font-size:.85rem;color:#c6d2e5;margin:11px 0}.guide-skill-meta{display:grid;gap:4px}.guide-skill details{margin-top:10px;border-top:1px solid rgba(153,170,207,.14);padding-top:10px;font-size:.82rem}.guide-skill summary,.guide-board summary{cursor:pointer}.guide-skill ul{padding-left:18px;color:#c9d5e9}.guide-boards,.guide-stigmas,.guide-rotations{display:grid;gap:12px}.guide-board summary{display:flex;justify-content:space-between;gap:15px;color:#e9eeff;font-weight:700}.guide-board summary small{color:#9bb2d3}.guide-board>p{color:#aebdd6;font-size:.85rem}.guide-node-path{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:0;max-height:470px;overflow:auto}.guide-node-path li{display:flex;gap:12px;align-items:center;border-left:1px solid #554e78;margin-left:15px;padding:8px 8px 8px 0}.guide-node-state{flex:none;width:31px;height:31px;border:1px solid #9281d8;border-radius:50%;background:var(--glass-secondary);color:#cfb8ff;cursor:pointer;font-size:1.15rem;margin-left:-16px}.guide-node-path strong{display:block;font-size:.84rem}.guide-node-path small{color:#9eafc9;font-size:.76rem}.guide-stigma{display:flex;align-items:center;gap:15px}.guide-stigma p{margin:4px 0;color:#b8c8de;font-size:.86rem}.guide-stigma-level{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:10px;background:var(--glass-secondary);color:#f0ca86;font-weight:800}.guide-rotation ol{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:7px}.guide-rotation li{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:9px;background:var(--glass-secondary)}.guide-rotation li+li:before{content:'↓';position:absolute;margin-left:-21px;color:#ae94ef}.guide-rotation li span{flex:1}.guide-rotation li small{color:#9eb3d2}.guide-final-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.guide-sidebar{position:sticky;top:145px}.guide-objective h2{margin:0 0 16px;font-size:1.2rem}.guide-objective label{display:block;color:#c8d5e9;font-size:.84rem}.guide-objective input[type=range]{width:100%;accent-color:#9c7ded;margin:12px 0 18px}.guide-objective-inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.guide-objective input[type=number]{padding:9px;margin-top:5px}.guide-objective-result{background:var(--glass-secondary);border:1px solid #685eac;border-radius:11px;padding:13px;margin-top:16px}.guide-objective-result strong{display:block;color:#fff}.guide-objective-result p{margin:7px 0;font-size:.84rem;color:#c5d1e7}.guide-objective-note{font-size:.72rem;color:#91a2bd}.guide-objective>a{display:block;text-align:center;background:var(--glass-secondary);color:#f2edff;border-radius:9px;padding:10px;text-decoration:none;margin-top:12px}.guide-objective>a:hover{background:var(--glass-hover)}[hidden]{display:none!important}@media(max-width:1100px){.guide-class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-layout{grid-template-columns:minmax(0,1fr)}.guide-sidebar{order:-1;position:static}.guide-objective{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.guide-objective h2,.guide-objective input[type=range],.guide-objective [data-guide-objective]{grid-column:1/-1}}@media(max-width:650px){.guides-main{padding:20px 14px 70px}.guide-class-grid,.guide-priority-grid,.guide-skill-grid,.guide-final-grid{grid-template-columns:1fr}.guide-class-card{min-height:260px}.guide-detail-hero{min-height:230px}.guide-detail-hero:after{inset:0 0 0 26%;opacity:.45}.guide-inner-nav{top:56px}.guide-objective{display:block}.guide-flow{gap:6px}.guide-flow b{font-size:.8rem}.guide-level{grid-template-columns:42px 1fr}.guide-level>div{padding:12px}.guide-stigma{align-items:flex-start}}
/* Compact guide layout: content remains available inside expandable levels. */
html body.guide-page main.guides-main{max-width:1180px;padding:18px clamp(14px,2.5vw,32px) 58px!important}
.guide-hero,.guide-detail-hero{padding:24px 30px;border-radius:16px}
.guide-hero h1,.guide-detail-hero h1{font-size:clamp(1.8rem,3vw,2.7rem);margin:7px 0}
.guide-hero>p:not(.eyebrow),.guide-detail-hero p{margin:6px 0;line-height:1.45}
.guide-browser{margin:16px 0;gap:8px}
.guide-browser input{padding:10px 13px}
.guide-filters{gap:6px}
.guide-filters button{padding:6px 11px;font-size:.8rem}
.guide-class-grid{gap:10px}
.guide-class-card{min-height:220px;border-radius:14px}
.guide-class-content{gap:4px;padding:14px}
.guide-class-content strong{font-size:1.22rem}
.guide-class-content>span:not(.guide-card-type):not(.guide-card-link){font-size:.8rem;line-height:1.35}
.guide-card-link{margin-top:2px;font-size:.8rem}
.guide-breadcrumb{margin:2px 0 10px}
.guide-detail-hero{min-height:170px}
.guide-inner-nav{gap:3px;margin:12px 0 18px;padding:4px}
.guide-inner-nav a{padding:7px 9px;font-size:.8rem}
.guide-layout{gap:18px;grid-template-columns:minmax(0,1fr) 260px}
.guide-section{margin-bottom:28px}
.guide-section-heading{margin-bottom:10px}
.guide-section-heading h2{font-size:1.3rem}
.guide-section-intro{font-size:.82rem;margin:0 0 10px}
.guide-panel,.guide-skill,.guide-board,.guide-stigma,.guide-rotation,.guide-objective{border-radius:12px;padding:12px;box-shadow:0 5px 14px rgba(0,0,0,.09)}
.guide-priority-grid{gap:8px}
.guide-priority-grid li,.guide-final-grid li{margin:3px 0;font-size:.85rem}
.guide-flow{gap:6px;margin-top:8px}
.guide-flow span{padding:6px 9px;font-size:.8rem}
.guide-timeline{border:0;margin:0;gap:5px}
.guide-level{display:block;margin:0}
.guide-level>summary{display:flex;align-items:center;gap:10px;min-height:44px;padding:5px 10px;border:1px solid rgba(155,176,219,.17);border-radius:10px;background:var(--glass-interactive);cursor:pointer;list-style:none}
.guide-level>summary::-webkit-details-marker{display:none}
.guide-level>summary:hover,.guide-level.is-current>summary{border-color:rgba(167,143,231,.55);background:var(--glass-hover)}
.guide-level-number{width:29px;height:29px;border-radius:8px;font-size:.78rem;flex:none}
.guide-level-summary{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.guide-level-summary strong{font-size:.85rem;white-space:nowrap}
.guide-level-summary small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem}
.guide-level-chevron{color:#a794df;transition:transform .18s}
.guide-level[open] .guide-level-chevron{transform:rotate(180deg)}
.guide-level>div.guide-level-content{margin:4px 0 7px 39px;padding:8px 12px;border-radius:9px}
.guide-level-content p{margin:3px 0;font-size:.82rem}
.guide-unlocks{margin:6px 0}
.guide-unlock{padding:3px 7px;font-size:.76rem}
.guide-unlock img{width:22px;height:22px}
.guide-skill-grid,.guide-boards,.guide-stigmas,.guide-rotations{gap:8px}
.guide-skill-head img{width:34px;height:34px}
.guide-skill>p{margin:6px 0;font-size:.8rem}
.guide-skill-meta{font-size:.73rem}
.guide-skill details{margin-top:6px;padding-top:6px}
.guide-node-path{max-height:300px}
.guide-node-path li{padding:5px 8px 5px 0}
.guide-stigma{gap:10px}
.guide-stigma-level{width:32px;height:32px;border-radius:8px;font-size:.85rem}
.guide-stigma img{width:32px;height:32px}
.guide-stigma p{font-size:.8rem}
.guide-rotation ol{margin-top:8px;gap:4px}
.guide-rotation li{padding:5px 8px;font-size:.82rem}
.guide-rotation li img{width:27px;height:27px}
.guide-objective h2{margin-bottom:8px}
.guide-objective input[type=range]{margin:6px 0 10px}
.guide-objective-result{margin-top:10px;padding:10px}
@media(max-width:1100px){.guide-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){html body.guide-page main.guides-main{padding:12px 14px 48px!important}.guide-hero,.guide-detail-hero{padding:19px;min-height:0}.guide-class-card{min-height:175px}.guide-section{margin-bottom:22px}.guide-level-summary{display:block}.guide-level-summary strong,.guide-level-summary small{display:block}.guide-level>div.guide-level-content{margin-left:0}.guide-objective{display:block}}
.guide-macro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.guide-macro-profile{min-width:0}.guide-macro-profile h3{margin:0 0 2px}.guide-macro-profile small{color:#9baed0}.guide-macro-profile p{font-size:.8rem;line-height:1.42;overflow-wrap:anywhere;margin:8px 0}.guide-macro-profile strong{color:#c5b4fb}.guide-macro-profile ul{padding-left:18px;margin:8px 0;color:#aebed6;font-size:.77rem}.guide-macro-profile button{border:1px solid #6b64a8;border-radius:8px;background:var(--glass-interactive);color:#f0eaff;padding:7px 10px;cursor:pointer}.guide-macro-profile button:hover{background:var(--glass-hover)}@media(max-width:780px){.guide-macro-grid{grid-template-columns:1fr}}
.guide-page .guide-inner-nav{top:var(--guide-nav-top,106px);z-index:79;background:var(--glass-secondary);border-color:#536989;box-shadow:0 10px 28px #0008;backdrop-filter:blur(18px)}
.guide-page .guide-section{scroll-margin-top:calc(var(--guide-nav-top,106px) + 68px)}