/* Shared guide navigation and reference pages. */
.guide-nav{border-bottom:1px solid var(--line);background:#14201a}
.guide-nav>div{max-width:1328px;margin:auto;padding:0 44px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin}
.guide-nav a{display:block;flex-shrink:0;font-size:12px;white-space:nowrap;padding:13px 14px;color:var(--muted);border-bottom:2px solid transparent}
.guide-nav a:hover,.guide-nav a[aria-current=page]{color:var(--green);background:#c5f57b09;border-bottom-color:var(--green)}
.guide-hub{padding:0 0 50px}.guide-hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
.guide-hub-grid a{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--surface);padding:18px 16px;border-radius:12px}
.guide-hub-grid a:hover{border-color:var(--green)}.guide-hub-grid a>span:last-child{margin-left:auto;color:var(--green)}.hub-symbol{font-size:23px;color:var(--green);min-width:23px;text-align:center}
.guide-hub-grid strong{display:block;font-size:13px}.guide-hub-grid small{display:block;font-size:10px;color:var(--muted);margin-top:4px}
.guide-shell{padding-bottom:42px}.guide-shell .breadcrumb{margin:25px 0 30px}
.guide-intro{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-bottom:30px;border-bottom:1px solid var(--line)}
.guide-intro h1{font-size:36px;letter-spacing:.025em;margin:9px 0 12px;line-height:1.4}.guide-intro p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:650px;line-height:1.9}
.guide-count{text-align:right;flex-shrink:0;display:flex;flex-direction:column}.guide-count strong{font-size:52px;line-height:1.1;color:var(--green);font-weight:650;letter-spacing:-.04em}.guide-count span{font-size:9px;letter-spacing:.1em;color:var(--muted);margin-top:8px}
.guide-note{border-left:2px solid #708c51;background:#c5f57b05;color:#bfcdbb;font-size:12px;line-height:1.9;padding:14px 18px;margin:24px 0}
.guide-tools{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:26px 0}.guide-tools label{display:flex;flex-direction:column;gap:6px}.guide-tools label>span{font-size:11px;color:var(--muted)}
.guide-search{flex:1;max-width:500px;min-width:200px}.guide-search input{width:100%;background:var(--surface);border:1px solid #3b483e;color:var(--text);padding:11px 13px;font-size:13px;min-height:44px}.guide-tools select{min-height:44px}
#guide-result-count{font-size:11px;color:var(--muted);margin-left:auto;align-self:center;padding-top:20px}.guide-empty{padding:50px 18px;border:1px solid var(--line);border-radius:12px;text-align:center;font-size:13px;color:var(--muted)}
.cave-stage{padding:28px 0 34px;border-bottom:1px solid var(--line);scroll-margin-top:24px}.stage-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.stage-number{display:block;font-size:10px;letter-spacing:.15em;color:var(--green);font-weight:650}.stage-heading h2{font-size:23px;line-height:1.5;margin-top:4px}
.skin-reward{border:1px solid #6b6539;background:#e4ce7908;border-radius:9px;padding:9px 14px;color:var(--gold);flex-shrink:0}.skin-reward span{display:block;font-size:9px}.skin-reward strong{display:block;font-size:12px;font-weight:600}.skin-reward:hover{border-color:var(--gold)}
.boss-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.boss-card{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.boss-art{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 60%,#38432b77,transparent 72%),#141f18;padding:12px 20px 30px;height:214px}.boss-art>img{width:180px;height:180px;filter:drop-shadow(0 8px 10px #0003)}
.boss-art-label{position:absolute;bottom:9px;left:14px;right:14px;text-align:center;color:var(--muted);font-size:10px;display:flex;justify-content:center;align-items:center;gap:6px}
.form-badge{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:500;white-space:nowrap}.boss-art-label .form-badge{font-size:10px}
.boss-content{padding:18px}.boss-content h3{font-size:17px;line-height:1.4;overflow-wrap:anywhere;margin-bottom:12px;min-height:24px}.boss-content h3 a:hover{color:var(--green)}.boss-content h3 span{font-size:13px;color:var(--muted)}
.boss-content .element-chip{font-size:10px;padding:3px 7px;background:#243023}.boss-content .element-chip img{width:20px;height:20px}
.boss-stats{margin:15px 0 0;padding-top:13px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:12px}.boss-stats div{min-width:0}.boss-stats dt{font-size:10px;letter-spacing:.07em;color:var(--muted)}.boss-stats dd{margin:2px 0 0;font-size:21px;line-height:1.5;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}.boss-stats div:first-child dd{color:#d1edb7}.boss-stat-form{font-size:10px;color:var(--muted);margin-top:10px}.unlisted-note{font-size:11px;color:var(--muted);margin-top:14px}
.boss-event-control{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:18px 0 24px}.boss-event-control label{font-size:12px}.boss-event-control p{font-size:11px;color:var(--muted);margin-left:auto}.raid-grid{margin-top:8px}
.event-jumps{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 24px}.event-jumps a{padding:9px 14px;min-height:44px;border:1px solid var(--line);border-radius:8px}.event-jumps a:hover{border-color:var(--green)}
.event-cave-section{padding:24px 0 32px;border-top:1px solid var(--line);scroll-margin-top:24px}.event-cave-section>h2{display:flex;align-items:center;gap:16px;margin-bottom:22px}.event-cave-section>h2>.form-badge{font-size:22px}.event-cave-section>h2>span:last-child{font-size:10px;font-weight:400;letter-spacing:.1em;color:var(--muted)}.event-boss-slot>.stage-number{margin-bottom:8px}
.ability-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.ability-entry{border:1px solid var(--line);background:var(--surface);border-radius:14px;overflow:hidden}.ability-entry>header{padding:16px 20px;background:#17231b;border-bottom:1px solid var(--line)}.ability-entry>header>a{display:flex;gap:16px;align-items:center}.ability-entry>header img{flex-shrink:0;width:76px;height:76px}.ability-entry h2{font-size:18px;margin-top:5px;line-height:1.4;overflow-wrap:anywhere}.ability-entry h2 span{color:var(--green);font-size:13px}.ability-detail{padding:22px}.ability-detail+.ability-detail{border-top:1px solid var(--line)}.ability-detail h3{font-size:15px;color:var(--green);margin-bottom:10px}.ability-detail p{font-size:13px;line-height:1.9;color:#cbd6c7}.ability-modes{margin-top:17px}.ability-modes>span{font-size:9px;color:var(--muted)}.ability-modes .mode-tags{margin-top:5px}.ability-modes .mode-tags span{font-size:10px}
.multiplier-table-wrap{margin:28px 0;border:1px solid var(--line);border-radius:14px;overflow:hidden}.multiplier-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:center}.multiplier-table th,.multiplier-table td{padding:19px 24px;border-bottom:1px solid var(--line)}.multiplier-table th{font-weight:500}.multiplier-table thead th{font-size:13px;background:#1c2a20}.multiplier-table thead span{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:4px}.multiplier-table tr:last-child th,.multiplier-table tr:last-child td{border-bottom:0}.multiplier-table th:first-child{text-align:left;width:34%}.multiplier-table tbody td{font-size:22px;font-weight:650;font-variant-numeric:tabular-nums}.multiplier-table tbody td:nth-child(2){color:var(--green)}.multiplier-table tbody tr:nth-child(even){background:#ffffff03}.multiplier-table tbody .form-badge{font-size:14px}
.guide-explanations{display:grid;grid-template-columns:1fr 1fr;gap:24px}.guide-explanations section{padding:24px;border:1px solid var(--line);border-radius:12px}.guide-explanations h2{font-size:17px;margin-bottom:14px}.guide-explanations p{font-size:12px;color:var(--muted);line-height:1.9}.guide-explanations p+p{margin-top:12px}
.skin-section{margin:34px 0}.skin-section>h2{font-size:20px;margin-bottom:18px}.skin-list{border:1px solid var(--line);border-radius:14px;overflow:hidden}.skin-row{display:grid;grid-template-columns:46px minmax(160px,230px) 1fr;gap:20px;align-items:center;padding:22px;background:var(--surface);scroll-margin-top:24px}.skin-row+.skin-row{border-top:1px solid var(--line)}.skin-emblem{font-size:28px;color:#b8cfb6;text-align:center;border:1px solid currentColor;border-radius:10px;background:#ffffff04;height:46px;line-height:42px}.skin-color-1{color:#bfc5d2}.skin-color-2{color:#e4bf58}.skin-color-3{color:#81dbea}.skin-color-4{color:#ed91d8}.skin-color-5{color:#b6a9fa}.skin-color-6{color:#83c594}.skin-color-7,.skin-color-16{color:#ffae6e}.skin-color-8,.skin-color-17{color:#88c7ff}.skin-color-9{color:#ec8c9d}.skin-color-10{color:#f2b0d0}.skin-color-15{color:#f8b566}.skin-color-19{color:#c4a5f2}
.skin-name h3{font-size:16px;line-height:1.5;overflow-wrap:anywhere}.skin-name>span{display:block;font-size:10px;color:var(--muted);margin-top:5px}.condition-type{display:inline-block;font-size:9px;letter-spacing:.07em;color:var(--green);margin-bottom:5px}.skin-condition p{font-size:13px;color:#c8d2c3;line-height:1.9}.skin-condition a{display:inline-block;font-size:11px;color:var(--gold);margin-top:8px;padding:3px 0}.skin-condition a:hover{text-decoration:underline}
.guide-back{display:block;width:max-content;max-width:100%;margin:32px auto 0;padding:12px 20px;font-size:12px;border:1px solid var(--line);border-radius:8px;color:var(--green)}
@media(max-width:1150px){.guide-nav>div{padding:0 28px;gap:0}.guide-nav a{padding:13px 11px;font-size:11px}.guide-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.boss-stats dd{font-size:18px}.boss-grid{gap:14px}.boss-content{padding:16px}}
@media(max-width:850px){.guide-intro h1{font-size:30px}.guide-count strong{font-size:43px}.boss-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ability-directory{grid-template-columns:1fr}.guide-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-explanations{gap:14px}.skin-row{grid-template-columns:40px 165px 1fr;gap:16px;padding:18px}.skin-emblem{height:40px;line-height:36px}.boss-event-control p{margin-left:0;width:100%}}
@media(max-width:620px){.guide-nav>div{padding:0 12px}.guide-nav a{padding:12px 11px;font-size:11px;min-height:44px}.guide-shell .breadcrumb{margin:20px 0 24px}.guide-intro{gap:14px;padding-bottom:23px;align-items:flex-start}.guide-intro h1{font-size:26px;margin:9px 0 10px}.guide-intro p:not(.eyebrow){font-size:11px}.guide-count{padding-top:5px}.guide-count strong{font-size:34px}.guide-count span{font-size:8px;max-width:85px;letter-spacing:0;line-height:1.6}.guide-tools{gap:12px;margin:22px 0}.guide-search{max-width:none;min-width:100%}.guide-range{flex:1}#guide-result-count{padding-top:20px;font-size:10px}.guide-note{padding:12px 13px;margin:20px 0;font-size:11px}.boss-grid{grid-template-columns:1fr;gap:12px}.cave-stage{padding:22px 0 26px}.stage-heading{gap:12px;flex-wrap:wrap;align-items:flex-start;margin-bottom:16px}.stage-heading h2{font-size:21px}.stage-number{font-size:9px}.skin-reward{padding:7px 11px}.skin-reward span{font-size:8px}.skin-reward strong{font-size:11px}.boss-card{display:grid;grid-template-columns:110px minmax(0,1fr);border-radius:11px}.boss-art{height:100%;min-height:164px;padding:8px 6px 30px}.boss-art>img{width:98px;height:115px}.boss-art-label{font-size:8px;left:3px;right:3px;gap:3px;flex-wrap:wrap}.boss-art-label .form-badge{font-size:8px;gap:4px}.boss-art-label .event-dot{width:5px;height:5px}.boss-content{padding:14px 12px}.boss-content h3{font-size:14px;margin-bottom:9px;min-height:0}.boss-content .element-chip{font-size:9px;gap:4px;padding:2px 6px}.boss-content .element-chip img{width:17px;height:17px}.boss-stats{gap:5px;margin-top:11px;padding-top:9px}.boss-stats dt{font-size:8px}.boss-stats dd{font-size:14px}.boss-stat-form{font-size:8px;line-height:1.5}.unlisted-note{font-size:10px}.boss-event-control{gap:9px;padding:6px 0 22px}.boss-event-control label{font-size:11px}.boss-event-control select{flex:1;min-width:155px}.boss-event-control p{font-size:10px}.event-jumps{gap:7px}.event-jumps a{padding:10px 11px}.event-jumps .form-badge{font-size:10px}.event-cave-section>h2>.form-badge{font-size:20px}.event-cave-section>h2>span:last-child{font-size:9px}.ability-entry>header{padding:13px 15px}.ability-entry>header img{width:62px;height:62px}.ability-entry>header>a{gap:12px}.ability-entry h2{font-size:16px}.ability-detail{padding:18px}.ability-detail h3{font-size:14px}.ability-detail p{font-size:12px}.ability-modes .mode-tags span{font-size:9px}.multiplier-table-wrap{margin:23px 0}.multiplier-table th,.multiplier-table td{padding:14px 8px}.multiplier-table thead th{font-size:10px;line-height:1.5}.multiplier-table thead span{font-size:8px}.multiplier-table tbody .form-badge{font-size:10px;gap:5px}.multiplier-table tbody .event-dot{width:5px;height:5px}.multiplier-table tbody td{font-size:19px}.multiplier-table th:first-child{width:35%}.guide-explanations{grid-template-columns:1fr;gap:14px}.guide-explanations section{padding:19px}.guide-explanations h2{font-size:16px}.guide-explanations p{font-size:11px}.skin-section{margin:26px 0}.skin-section>h2{font-size:18px;margin-bottom:14px}.skin-row{grid-template-columns:38px minmax(0,1fr);gap:10px 14px;padding:17px}.skin-emblem{height:38px;line-height:34px;font-size:25px}.skin-name h3{font-size:15px}.skin-name>span{font-size:9px}.skin-condition{grid-column:2}.skin-condition p{font-size:12px}.skin-condition a{font-size:10px;padding:7px 0}.skin-condition .condition-type{font-size:8px}.guide-hub{padding-bottom:32px}.guide-hub-grid{gap:9px;margin-top:18px}.guide-hub-grid a{padding:13px 10px;gap:8px}.hub-symbol{font-size:18px;min-width:16px}.guide-hub-grid strong{font-size:11px}.guide-hub-grid small{font-size:8px;line-height:1.6}.guide-hub-grid a>span:last-child{display:none}.guide-back{font-size:11px}}
@media(max-width:360px){.boss-card{grid-template-columns:90px minmax(0,1fr)}.boss-art>img{width:82px}.boss-content{padding:12px 9px}.boss-stats dd{font-size:12px}.guide-intro h1{font-size:23px}.guide-count strong{font-size:29px}}