:root{color-scheme:dark;--bg: #101117;--surface: #171922;--surface-2: #1d202b;--surface-3: #252937;--line: #34394a;--line-soft: #282c39;--text: #f2efe6;--muted: #a8a9b2;--gold: #d7ad55;--gold-bright: #f1cc78;--teal: #61c6b4;--purple: #9d85d8;--danger: #d3786e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 18% -10%,#242437 0,transparent 35rem),var(--bg);color:var(--text);min-height:100vh}a{color:inherit}button,input{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{min-height:76px;border-bottom:1px solid var(--line-soft);background:#101117e0;backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:38px;aspect-ratio:1;display:grid;place-items:center;border:1px solid #8b6d34;background:linear-gradient(145deg,#3b3020,#1a1715);color:var(--gold-bright);font-family:Georgia,serif;font-size:1.35rem;transform:rotate(45deg)}.brand-mark:first-letter{transform:rotate(-45deg)}.brand strong,.brand small{display:block}.brand strong{font-family:Georgia,Times New Roman,serif;font-size:1.03rem;letter-spacing:.02em}.brand small{color:var(--muted);font-size:.72rem;margin-top:2px;letter-spacing:.1em;text-transform:uppercase}.site-header nav{display:flex;gap:30px}.site-header nav a{color:#c6c6ce;text-decoration:none;font-size:.9rem}.site-header nav a:hover{color:var(--gold-bright)}main{width:min(1180px,calc(100% - 40px));margin:0 auto}.intro-shell{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end;padding:76px 0 58px;border-bottom:1px solid var(--line)}.eyebrow{color:var(--gold);font-size:.73rem;letter-spacing:.2em;font-weight:750}.intro-copy h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(2.8rem,7vw,5.75rem);line-height:.93;font-weight:400;letter-spacing:-.045em;margin:16px 0 22px;max-width:850px}.intro-copy h1 em{color:var(--gold-bright);font-weight:400}.intro-copy p{margin:0;color:var(--muted);max-width:650px;font-size:1.08rem;line-height:1.7}.quick-stat{display:grid;min-width:175px;border-left:1px solid var(--line);padding-left:26px;gap:12px;color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.quick-stat strong{color:var(--text);font-family:Georgia,serif;font-size:1.4rem;margin-right:6px}.guide-browser{padding:42px 0 76px}.browser-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.browser-heading h2{font:400 2rem/1.2 Georgia,serif;margin:8px 0 0}.search-box{width:min(420px,100%);height:48px;display:flex;align-items:center;gap:10px;padding:0 15px;border:1px solid var(--line);background:var(--surface)}.search-box:focus-within{border-color:#8d713c;box-shadow:0 0 0 3px #d7ad5514}.search-box svg{width:19px;fill:none;stroke:var(--muted);stroke-width:1.7}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:.95rem}.search-box input::placeholder{color:#777b88}.filter-row{display:flex;gap:8px;margin:26px 0;overflow-x:auto;padding-bottom:2px}.filter{color:#b9bac2;background:transparent;border:1px solid var(--line);padding:9px 16px;cursor:pointer;white-space:nowrap}.filter:hover{color:var(--text);border-color:#64697a}.filter.active{color:#17130c;background:var(--gold-bright);border-color:var(--gold-bright);font-weight:700}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.guide-card{display:grid;grid-template-columns:84px 1fr;min-height:210px;background:linear-gradient(145deg,var(--surface-2),var(--surface));border:1px solid var(--line-soft);text-decoration:none;overflow:hidden;transition:transform .18s ease,border-color .18s ease,background .18s ease}.guide-card:hover{transform:translateY(-2px);border-color:#6f6042;background:var(--surface-2)}.guide-card[hidden]{display:none}.guide-card.coming-soon{cursor:default;opacity:.68}.guide-card.coming-soon:hover{transform:none;border-color:var(--line-soft);background:linear-gradient(145deg,var(--surface-2),var(--surface))}.guide-card.coming-soon .view-guide{color:#858895}.card-emblem{display:grid;place-items:center;color:var(--gold-bright);background:linear-gradient(180deg,#2d281f,#1b1a1b);border-right:1px solid #443b2a;font:400 1.1rem Georgia,serif;letter-spacing:.06em}.card-emblem.trial{color:#8cd9cc;background:linear-gradient(180deg,#18302f,#181b20);border-right-color:#28504d}.card-content{min-width:0;display:flex;flex-direction:column;padding:22px}.card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.card-meta span{color:var(--muted);font-size:.7rem;letter-spacing:.11em;text-transform:uppercase}.card-meta span:not(:last-child):after{content:"·";color:#595d6a;margin-left:8px}.card-content h3{font:400 1.45rem/1.15 Georgia,serif;margin:15px 0 8px}.card-content p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}.card-bottom{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px;color:#888b96;font-size:.78rem}.view-guide{color:var(--gold-bright)}.empty-state{border:1px dashed var(--line);color:var(--muted);text-align:center;padding:40px}.guide-page{padding:38px 0 80px}.back-link{color:var(--muted);text-decoration:none;font-size:.9rem}.back-link:hover{color:var(--gold-bright)}.guide-hero{margin-top:26px;padding:38px;background:linear-gradient(145deg,#232530,#181a22);border:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,390px);gap:50px;align-items:end;position:relative;overflow:hidden}.guide-hero:after{content:"";width:260px;height:260px;border:1px solid rgba(215,173,85,.12);position:absolute;right:-130px;top:-130px;transform:rotate(45deg)}.guide-hero h1{font:400 clamp(2.4rem,5vw,4.4rem)/1 Georgia,serif;margin:18px 0 14px}.guide-hero p{margin:0;color:var(--muted);font-size:1rem;line-height:1.65;max-width:700px}.guide-facts{margin:0;display:grid;gap:12px}.guide-facts div{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:10px}.guide-facts dt{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.09em}.guide-facts dd{margin:0;text-align:right;font-size:.88rem}.guide-controls{margin-top:18px;display:grid;grid-template-columns:minmax(330px,.8fr) minmax(520px,1.2fr);background:#171922;border:1px solid var(--line);position:sticky;top:76px;z-index:12;box-shadow:0 12px 30px #0003}.guide-control{min-width:0;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.guide-control+.guide-control{border-left:1px solid var(--line)}.guide-control p{margin:5px 0 0;color:var(--muted);font-size:.78rem}.difficulty-tabs{display:grid;grid-template-columns:repeat(2,minmax(92px,1fr));gap:7px}.role-tabs{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:7px}.role-tab,.difficulty-tab{min-height:42px;padding:9px 15px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:#20232d;color:#c4c5cc;cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease}.role-tab:hover,.difficulty-tab:hover{color:var(--text);border-color:#626879}.difficulty-tab.active{color:#17130c;background:var(--gold-bright);border-color:var(--gold-bright);font-weight:750}.role-tab.active{color:#f4f6fa;background:#29323f;border-color:#6fa4d9;box-shadow:inset 0 -2px #6fa4d9}.role-tab.healer.active{background:#25352f;border-color:#6fc899;box-shadow:inset 0 -2px #6fc899}.role-tab.damage.active{background:#392829;border-color:#cf7373;box-shadow:inset 0 -2px #cf7373}.role-tab.tank .role-icon{color:#87b9e9}.role-tab.healer .role-icon{color:#84d9aa}.role-tab.damage .role-icon{color:#e48a8a}.guide-layout{display:grid;grid-template-columns:210px minmax(0,760px);gap:54px;align-items:start;margin-top:38px}.contents{position:sticky;top:188px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contents nav{display:grid;margin-top:14px}.contents a{color:var(--muted);text-decoration:none;font-size:.87rem;padding:8px 0;display:grid;grid-template-columns:42px 1fr;gap:8px;align-items:center}.contents a:hover{color:var(--gold-bright)}.contents-type{color:var(--gold);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase}.contents-type.trash{color:#75aaa3}.guide-content{min-width:0}.encounter-panel{scroll-margin-top:188px;margin:0 0 22px;background:linear-gradient(145deg,#1c1f29,#171920);border:1px solid var(--line);box-shadow:0 15px 34px #00000024;overflow:hidden}.encounter-panel.boss-panel{border-top:2px solid #8a713f}.encounter-panel.trash-panel{border-top:2px solid #58706d}.encounter-panel.hardmode-active{border-top-color:#b65353;box-shadow:0 15px 34px #00000024,0 0 0 1px #cf737333}.encounter-heading{display:flex;align-items:stretch;min-height:68px;background:#252936;border-bottom:1px solid var(--line)}.trash-panel .encounter-heading{background:#212a2b}.encounter-type{width:92px;display:grid;place-items:center;flex:0 0 auto;color:var(--gold-bright);background:#d7ad5514;border-right:1px solid var(--line);font-size:.68rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;text-align:center}.trash-panel .encounter-type{color:#8bc5bd;background:#61c6b412}.guide-content .encounter-heading h2{min-width:0;flex:1;scroll-margin-top:188px;margin:0;padding:0 22px;display:flex;align-items:center;border:0;font:400 1.7rem/1.15 Georgia,serif}.hardmode-toggle{flex:0 0 auto;align-self:stretch;display:flex;align-items:center;gap:9px;padding:0 18px;border-left:1px solid var(--line);color:#b5b6be;font-size:.72rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.hardmode-toggle:hover{color:var(--text);background:#ffffff06}.hardmode-toggle input{position:absolute;opacity:0;pointer-events:none}.hardmode-switch{width:34px;height:19px;padding:2px;border:1px solid #5a5e6d;background:#171922;transition:border-color .16s ease,background .16s ease}.hardmode-switch:after{content:"";display:block;width:13px;height:13px;background:#8d909b;transition:transform .16s ease,background .16s ease}.hardmode-toggle input:focus-visible+.hardmode-switch{outline:2px solid var(--gold-bright);outline-offset:3px}.hardmode-toggle input:checked+.hardmode-switch{border-color:#cf7373;background:#47282b}.hardmode-toggle input:checked+.hardmode-switch:after{background:#f0a0a0;transform:translate(15px)}.hardmode-toggle:has(input:checked){color:#f0a0a0;background:#cf737312}.role-copy{padding:22px 26px 24px 24px;border-left:3px solid #6fa4d9}.role-copy[data-role=healer]{border-left-color:#6fc899}.role-copy[data-role=damage]{border-left-color:#cf7373}.role-copy[data-role=healer],.role-copy[data-role=damage],html[data-guide-role=healer] .role-copy[data-role=tank],html[data-guide-role=damage] .role-copy[data-role=tank]{display:none}html[data-guide-role=healer] .role-copy[data-role=healer],html[data-guide-role=damage] .role-copy[data-role=damage]{display:block}.role-copy[hidden]{display:none!important}.role-copy>:first-child{margin-top:0}.role-copy>:last-child{margin-bottom:0}.difficulty-note,.hardmode-note{margin:0 0 20px;padding:13px 15px;border:1px solid #4d5261;background:#20232d;color:#c9cad0;font-size:.9rem;line-height:1.55}.difficulty-note strong,.hardmode-note strong{display:block;margin-bottom:4px;color:var(--gold-bright);font-size:.7rem;letter-spacing:.13em;text-transform:uppercase}.difficulty-note{display:none}html[data-guide-difficulty=normal] .difficulty-note[data-difficulty=normal],html[data-guide-difficulty=veteran] .difficulty-note[data-difficulty=veteran]{display:block}.hardmode-note{display:none;border-color:#754648;background:#2b2023}.hardmode-note strong{color:#f0a0a0}.encounter-panel.hardmode-active .hardmode-note{display:block}.guide-content h3{color:var(--gold-bright);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin:28px 0 12px}.guide-content p,.guide-content li{color:#cac9ca;font-size:1rem;line-height:1.75}.guide-content ul{padding-left:22px}.guide-content li{padding-left:5px;margin:7px 0}.guide-content li::marker{color:var(--gold)}.guide-content blockquote{margin:22px 0;padding:16px 18px;border:1px solid #55472d;border-left:3px solid var(--gold);background:#211e1a}.guide-content blockquote p{margin:0;color:#e5dcc9}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 30px}.role{background:var(--surface);border:1px solid var(--line-soft);padding:16px}.role strong{display:block;margin-bottom:7px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.role p{margin:0;font-size:.87rem;line-height:1.55}.role.tank{border-top:2px solid #6fa4d9}.role.tank strong{color:#87b9e9}.role.healer{border-top:2px solid #6fc899}.role.healer strong{color:#84d9aa}.role.damage{border-top:2px solid #cf7373}.role.damage strong{color:#e48a8a}.update-note{color:var(--muted);background:#181a21;border:1px dashed var(--line);padding:16px;font-size:.85rem;margin-top:36px}footer{width:min(1180px,calc(100% - 40px));margin:0 auto;min-height:90px;border-top:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#7f818b;font-size:.78rem}@media(max-width:800px){.site-header{padding:0 20px}.site-header nav{display:none}main{width:min(100% - 28px,1180px)}.intro-shell{grid-template-columns:1fr;padding:48px 0 38px}.quick-stat{grid-template-columns:repeat(3,1fr);padding:18px 0 0;border-left:0;border-top:1px solid var(--line)}.quick-stat span{display:grid}.browser-heading{align-items:stretch;flex-direction:column}.search-box{width:100%}.guide-grid{grid-template-columns:1fr}.guide-hero{grid-template-columns:1fr;gap:30px;padding:28px 24px}.guide-controls{position:static;grid-template-columns:1fr}.guide-control+.guide-control{border-left:0;border-top:1px solid var(--line)}.guide-control{align-items:stretch;flex-direction:column}.difficulty-tabs,.role-tabs{width:100%}.guide-layout{grid-template-columns:1fr;gap:18px}.contents{position:static}.contents nav{display:flex;flex-wrap:wrap;gap:3px 14px}.role-grid{grid-template-columns:1fr}}@media(max-width:480px){.brand small{display:none}.intro-copy h1{font-size:2.7rem}.quick-stat{font-size:.66rem}.guide-card{grid-template-columns:58px 1fr}.card-content{padding:18px}.card-bottom{flex-direction:column}.role-tabs{grid-template-columns:1fr}.encounter-type{width:74px}.guide-content .encounter-heading h2{font-size:1.4rem;padding:0 16px}.hardmode-toggle{padding:0 12px}.hardmode-label{display:none}.role-copy{padding:18px 18px 20px}footer{align-items:flex-start;flex-direction:column;justify-content:center}}