:root{--serif:'Lora',Georgia,serif;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
  color-scheme:dark;
  --bg:#24163A; --bg2:#1B1030; --panel:#32224F; --row:#3B2A5B; --row2:#463466; --chip:#4A3670; --chip-on:#F3EBFF; --chip-on-ink:#24163A;
  --ink:#F3EBFF; --ink2:#B8A8D8; --line:#55407A;
  --gold:#F0B94A; --gold-ink:#3A2A05; --emerald:#3FC28C; --sapphire:#5EA3F5; --ruby:#F06A88; --amethyst:#C39BFF;
  --c-C:#B0A4CC; --c-U:#4FD097; --c-R:#63ACF7; --c-E:#C39BFF; --c-L:#F0B94A;
  --p-M:#F2CF7E; --p-D:#7FCBE0; --p-E:#EE8E63; --p-N:#7A69E0;
  --glow1:rgba(63,194,140,.22); --glow2:rgba(94,163,245,.18); --glow3:rgba(240,185,74,.12);
  --shadow:0 1px 0 rgba(0,0,0,.25);
  --tint-gold:color-mix(in srgb,var(--gold) 14%,transparent);
  --tint-rule:color-mix(in srgb,var(--amethyst) 12%,transparent);
  --tint-wanted:color-mix(in srgb,var(--ruby) 12%,transparent);
  --tint-C:color-mix(in srgb,var(--c-C) 16%,transparent); --tint-U:color-mix(in srgb,var(--c-U) 16%,transparent); --tint-R:color-mix(in srgb,var(--c-R) 16%,transparent); --tint-E:color-mix(in srgb,var(--c-E) 16%,transparent); --tint-L:color-mix(in srgb,var(--c-L) 16%,transparent);
  --r-chip:999px; --r-ctl:10px; --r-card:14px; --r-hero:20px; --r-art:24px;
}
@media (prefers-color-scheme: light){
  :root:not([data-theme="dark"]){
    color-scheme:light;
    --bg:#EFE8F6; --bg2:#E6DDF0; --panel:#F9F5FD; --row:#FFFFFF; --row2:#F3EDFA; --chip:#DED3EC; --chip-on:#2A1A3E; --chip-on-ink:#F3EBFF;
    --ink:#2A1A3E; --ink2:#67578A; --line:#D3C6E4;
    --gold:#D89A22; --gold-ink:#FFFFFF; --emerald:#1E9A69; --sapphire:#2F6FD1; --ruby:#C93D5E; --amethyst:#7B55D6;
    --c-C:#6E6386; --c-U:#1E9A69; --c-R:#2F6FD1; --c-E:#7B55D6; --c-L:#B27A0E;
    --glow1:rgba(63,194,140,.18); --glow2:rgba(94,163,245,.16); --glow3:rgba(240,185,74,.14);
    --shadow:0 1px 0 rgba(42,26,62,.06);
  }
}
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#EFE8F6; --bg2:#E6DDF0; --panel:#F9F5FD; --row:#FFFFFF; --row2:#F3EDFA; --chip:#DED3EC; --chip-on:#2A1A3E; --chip-on-ink:#F3EBFF;
  --ink:#2A1A3E; --ink2:#67578A; --line:#D3C6E4;
  --gold:#D89A22; --gold-ink:#FFFFFF; --emerald:#1E9A69; --sapphire:#2F6FD1; --ruby:#C93D5E; --amethyst:#7B55D6;
  --c-C:#6E6386; --c-U:#1E9A69; --c-R:#2F6FD1; --c-E:#7B55D6; --c-L:#B27A0E;
  --glow1:rgba(63,194,140,.18); --glow2:rgba(94,163,245,.16); --glow3:rgba(240,185,74,.14);
  --shadow:0 1px 0 rgba(42,26,62,.06);
}
tr[aria-current="true"] td{background:var(--tint-gold);font-weight:800}
.vnow .stat b{font-size:20px}

/* ---- shell (GUIDE-PAGES.md §5): the app's nav (bottom tabs on a phone, a 248px sidebar from 1024px), the app's
   .top header, a hero card, a sticky chip row (phone) or a right rail with the table of contents (desktop) ---- */
.page{padding:0 0 calc(76px + env(safe-area-inset-bottom,0px))}
.nav{position:fixed;left:0;right:0;bottom:0;z-index:5;background:var(--panel);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:6px 4px calc(8px + env(safe-area-inset-bottom,0px))}
.nav a{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;font-size:11px;font-weight:800;color:var(--ink2);padding:4px 0;white-space:nowrap}
.nav a span{display:flex;align-items:center;justify-content:center;width:46px;height:30px;border-radius:15px}.nav svg{width:22px;height:22px}
.nav a.on{color:var(--ink)}.nav a.on span{background:var(--gold);color:var(--gold-ink)}
.nav a[data-t=guides],.nav .nfoot,.nav .brand{display:none}
@media (max-width:359px){.nav{padding-left:2px;padding-right:2px}.nav a{font-size:9.5px}.nav a span{width:40px}}
.top{position:sticky;top:0;z-index:5;background:var(--panel);border-bottom:1px solid var(--line);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:60px;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 2px,transparent 2px 9px)}
.top .tt{min-width:0}.top .ttl{display:block;margin:0;font:500 24px/1.1 Lora,Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top .sub{font-size:12px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top .crumbs{display:none}
.hright{display:flex;align-items:center;gap:8px;flex:none}
.gear{width:40px;height:40px;border-radius:999px;border:1px solid var(--line);background:var(--row);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;text-decoration:none}.gear svg{width:20px;height:20px}
.tgl .moon{display:none}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .tgl .sun{display:none}:root:not([data-theme=dark]) .tgl .moon{display:block}}:root[data-theme=light] .tgl .sun{display:none}:root[data-theme=light] .tgl .moon{display:block}:root[data-theme=dark] .tgl .sun{display:block}:root[data-theme=dark] .tgl .moon{display:none}
.tchip{display:flex;align-items:center;gap:6px;background:var(--row);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:800;white-space:nowrap;min-height:40px}
.tchip i{width:8px;height:8px;border-radius:50%;background:var(--gold);display:inline-block}.tchip .muted{color:var(--ink2);font-weight:700}
.tchip[data-p="M"] i{background:var(--p-M)}.tchip[data-p="D"] i{background:var(--p-D)}.tchip[data-p="E"] i{background:var(--p-E)}.tchip[data-p="N"] i{background:var(--p-N)}
@media (max-width:639px){.top .tchip .muted{display:none}}@media (max-width:374px){.hright{gap:6px}.gear{width:36px;height:36px}}
.tsearch,.top .open{display:none}
.tsearch{align-items:center;gap:6px;background:var(--row);border:1px solid var(--line);border-radius:999px;padding:0 12px;height:40px;color:var(--ink2)}.tsearch input{border:0;background:transparent;color:var(--ink);font:600 15px Nunito,sans-serif;width:180px;outline:0}.tsearch input::placeholder{color:var(--ink2)}
.open,.cta{display:inline-block;background:var(--gold);color:var(--gold-ink);font-weight:800;text-decoration:none;border-radius:999px;padding:9px 16px;white-space:nowrap}
.wrap,.hero,footer .fin,.rchips{max-width:1240px;margin:0 auto}
.hero{display:flex;flex-direction:column;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:16px;margin:14px 16px 0}.hero .hl{min-width:0}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:13px;color:var(--ink2);margin:0 0 8px;font-weight:700}.crumbs a{text-decoration:none}.crumbs i{font-style:normal;opacity:.7}.crumbs span{color:var(--ink)}
.badge{display:inline-block;font:800 11px/1 Nunito,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:var(--gold);background:var(--tint-gold);border-radius:999px;padding:6px 10px;margin:0 0 10px}
h1,.h1{font:600 clamp(28px,6vw,46px)/1.08 Lora,Georgia,serif;margin:0 0 10px;letter-spacing:-.01em}
.lead{font-size:16px;color:var(--ink2);overflow:hidden;margin:0;max-width:760px}.lead .pic{float:right;width:96px;height:96px;margin:0 0 8px 12px}
.ctas{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}.ctas .cta{margin:0;white-space:normal;text-align:center}.ctas .cta.sec{background:var(--chip);color:var(--ink);border:1px solid var(--line)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stats:has(> :nth-child(4)){grid-template-columns:1fr 1fr}.stats:has(> :nth-child(5)){grid-template-columns:repeat(3,1fr)}
.stat{display:flex;flex-direction:column;gap:2px;background:var(--row);border:1px solid var(--line);border-radius:14px;padding:10px 12px;text-decoration:none;min-height:64px;justify-content:center}.stat b{font:500 24px/1.1 Lora,Georgia,serif;color:var(--ink)}.stat span{font:700 12px/1.2 Nunito,sans-serif;color:var(--ink2)}a.stat:hover{border-color:var(--gold)}
.rchips{position:sticky;top:60px;z-index:4;display:flex;gap:6px;overflow-x:auto;padding:8px 16px;background:var(--bg);border-bottom:1px solid var(--line);scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-top:12px}.rchips::-webkit-scrollbar{display:none}
.rchip{flex:none;background:var(--chip);border:1px solid var(--line);border-radius:999px;padding:6px 12px;text-decoration:none;font-weight:800;font-size:13px;white-space:nowrap;min-height:34px;display:inline-flex;align-items:center;gap:5px}.rchip small{color:var(--ink2);font-weight:800;font-size:12px}
.tocrail{display:none}
.wrap{display:block;padding:8px 16px 0}main{min-width:0}
section[id],h2[id],h3[id]{scroll-margin-top:112px}
.rside .card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:10px}
.rside .others{display:flex;flex-direction:column;gap:2px}.rside .others>b{font:800 14px Nunito,sans-serif;margin-bottom:4px}.rside .others a{text-decoration:none;font-weight:700;font-size:14px;color:var(--emerald);padding:3px 0}
.rside{margin-top:24px}
*{box-sizing:border-box}html{background:radial-gradient(60% 40% at 8% 0%,rgba(63,194,140,.16),transparent 70%),radial-gradient(50% 40% at 100% 10%,rgba(94,163,245,.14),transparent 70%),var(--bg);background-repeat:no-repeat;background-color:var(--bg)}
body{margin:0;color:var(--ink);font:16px/1.55 Nunito,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
h2{font:500 22px/1.2 Lora,Georgia,serif;margin:36px 0 10px}h3{font:500 18px/1.3 Lora,Georgia,serif;margin:20px 0 6px}
h2 small,h3 small{font:800 14px Nunito,sans-serif;color:var(--ink2);margin-left:6px}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.toc a,.links a,.guides a{background:var(--row);border:1px solid var(--line);border-radius:999px;padding:5px 12px;text-decoration:none;font-weight:700;font-size:14px}
.links,.guides{display:flex;flex-wrap:wrap;gap:8px}
.tw{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
table{border-collapse:collapse;width:100%;font-size:15px}th,td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:13px;color:var(--ink2);text-transform:uppercase;letter-spacing:.04em}tr:last-child td{border-bottom:0}
td a{text-decoration:none;font-weight:700}td:first-child{font-weight:700;min-width:150px}
.dk td:first-child{min-width:0}.dk th,.dk td{padding:8px 10px}.dk small{color:var(--ink2)}td a{display:inline-flex;align-items:center}.sub{color:var(--ink2);margin-top:-4px}.nw td{white-space:nowrap}.nw td:first-child,.nw td:last-child{white-space:normal}
@media (max-width:520px){th,td{padding:8px;font-size:14px}th{font-size:11px}.pic{width:28px;height:28px;margin-right:6px}}.pic{width:32px;height:32px;object-fit:contain;vertical-align:middle;margin-right:8px}
.r{font-weight:800;font-size:11px;letter-spacing:.05em;text-transform:uppercase;display:inline-block;padding:2px 8px;border-radius:999px;vertical-align:middle}.r-C{color:var(--c-C);background:var(--tint-C)}.r-U{color:var(--c-U);background:var(--tint-U)}.r-R{color:var(--c-R);background:var(--tint-R)}.r-E{color:var(--c-E);background:var(--tint-E)}.r-L{color:var(--c-L);background:var(--tint-L)}
.grid,.cols{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px}.grid li,.cols li{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:6px 10px;display:flex;align-items:center;font-weight:700;font-size:15px;min-height:44px}
.gifts{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.gifts li{font-size:14px;padding:4px 8px}.gg summary{cursor:pointer;list-style:none}.gg summary::-webkit-details-marker{display:none}.gg summary h3{display:inline-block}.gg summary h3::before{content:'▸ ';color:var(--ink2)}.gg[open] summary h3::before{content:'▾ '}
.grid li a,.cols li a{display:flex;align-items:center;text-decoration:none;color:inherit}.grid li small{margin-left:auto;color:var(--gold);font-weight:800;font-size:12px}h3 small{color:var(--ink2);font-weight:700}
.bul{padding-left:22px}.facts{display:grid;grid-template-columns:max-content 1fr;gap:8px 18px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.facts dt{color:var(--ink2);font-weight:700}.facts dd{margin:0;font-weight:700}
.clock{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px;text-align:center;margin:16px 0}.now{font:300 64px/1 Nunito,sans-serif}.per{font:700 22px Lora,serif;color:var(--gold);margin-top:6px}.next{color:var(--ink2);margin-top:4px}
.mjpic{margin:12px 0}.mjpic img{display:block;width:min(100%,420px);height:auto;border-radius:14px;border:1px solid var(--line)}.mjpic figcaption{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.pmap{margin:18px 0}.pmap svg{display:block;width:100%;aspect-ratio:4/3;border-radius:14px;border:1px solid var(--line);background:#b9ad8c}.pmap figcaption{font-size:14px;color:var(--ink2);margin-top:6px}
.pgold{fill:rgba(240,185,74,.4);stroke:#F0B94A;stroke-width:3px;vector-effect:non-scaling-stroke}.ppin circle{fill:#24163A;stroke:#F0B94A;stroke-width:3px;vector-effect:non-scaling-stroke}.ppin text{fill:#fff;font-family:Nunito,sans-serif;font-weight:800;text-anchor:middle;dominant-baseline:central}
.steps{padding-left:24px}.steps li{margin-bottom:22px}.steps h3{margin-top:0}blockquote{margin:8px 0;padding:10px 14px;border-left:3px solid var(--gold);background:var(--panel);border-radius:0 12px 12px 0;font:500 italic 17px/1.5 Lora,Georgia,serif}blockquote small{font:700 13px Nunito,sans-serif;color:var(--gold);font-style:normal}
details{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px 12px;margin:8px 0}summary{cursor:pointer;font-weight:800;min-height:32px;display:flex;align-items:center}
.shots{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.shot{width:min(100%,320px);height:auto;border-radius:10px;border:1px solid var(--line)}
.wpic{margin:18px 0}.wpic img{display:block;width:100%;max-width:640px;height:auto;border-radius:14px;border:1px solid var(--line)}.wpic figcaption{font-size:13px;color:var(--ink2);margin-top:6px}
.faq h3{margin-top:16px}footer{margin-top:40px;border-top:1px solid var(--line);color:var(--ink2);font-size:14px;background:var(--bg2)}footer .guides,footer p{max-width:1240px;margin:0 auto;padding:0 16px}footer .guides{margin-bottom:14px}footer p{padding-bottom:40px}.guides a[aria-current]{background:var(--gold);color:var(--gold-ink)}
.fstrip{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;max-width:1240px;margin:0 auto;padding:14px 16px;border-bottom:1px solid var(--line);margin-bottom:16px;font-weight:700}.fstrip a{display:inline-flex;align-items:center;gap:2px;text-decoration:none}

/* ---- ranching (redesign canvas: hub + animal pages) ---- */
.hero.hasart{flex-wrap:wrap}.hart{flex:none;width:96px;height:96px;border-radius:22px;background:var(--row);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden}.hart img{width:100%;height:100%;object-fit:contain}.hart:not(:has(img)){display:none}
.lead q{font:500 italic 17px/1.45 Lora,Georgia,serif;color:var(--ink);quotes:'“' '”'}.lead q::after{content:close-quote}.lead q::before{content:open-quote}
blockquote.qcard{display:flex;gap:12px;align-items:flex-start;border-left:0;border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-size:17px}blockquote.qcard p{margin:0}blockquote.qcard .face{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--row);flex:none}blockquote.qcard small{display:block;margin-top:6px}
.rlinks{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.rlinks a{background:var(--tint-U);color:var(--c-U);border-radius:999px;padding:6px 12px;font-weight:800;font-size:13px;text-decoration:none}
.astrip{display:flex;gap:6px;overflow-x:auto;padding:4px 0 8px;scrollbar-width:none}.astrip::-webkit-scrollbar{display:none}.astrip a{flex:none;width:44px;height:44px;border-radius:50%;background:var(--row);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden;font:800 12px Nunito,sans-serif;text-decoration:none}.astrip img{width:36px;height:36px;object-fit:contain}
.ecard h3 .r{margin-left:6px;font-size:10px}.ecard .efoot{display:flex;justify-content:space-between;align-items:center}.ecard .efoot a{color:var(--c-U);text-decoration:none;font-weight:800}
.stages{list-style:none;padding:0;margin:14px 0;display:grid;gap:10px;position:relative}.stages li{position:relative;padding-left:28px}.stages li i{position:absolute;left:0;top:4px;width:14px;height:14px;border-radius:50%;background:var(--gold);border:2px solid var(--panel);box-shadow:0 0 0 2px var(--line)}.stages .s-no i{background:var(--emerald)}.stages .s-done i{background:var(--amethyst)}.stages li b{font:500 17px Lora,Georgia,serif;margin-right:8px}.stages .stag{display:inline-block;font:800 10px/1 Nunito,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:var(--tint-gold);color:var(--gold);vertical-align:middle}.stages .s-no .stag{background:var(--row2);color:var(--ink2)}.stages .s-done .stag{background:var(--tint-E);color:var(--amethyst)}.stages li p{margin:4px 0 0;font-size:14px;color:var(--ink2)}
.stages::before{content:'';position:absolute;left:6px;top:12px;bottom:12px;width:2px;background:var(--line)}
.tfind{margin:10px 0}.tfind label{display:flex;align-items:center;gap:8px;background:var(--row);border:1px solid var(--line);border-radius:999px;padding:0 14px;height:44px;color:var(--ink2)}.tfind input{flex:1;border:0;background:transparent;color:var(--ink);font:600 15px Nunito,sans-serif;outline:0;min-width:0}.tfind input::placeholder{color:var(--ink2)}
.trait .tchips{display:inline-flex;flex-wrap:wrap;gap:4px;align-items:center}.trait .tb p:first-child{margin-top:0}.traits .traits{display:contents}details.more[open]>summary{margin-bottom:8px}
.formulas{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin:10px 0}.formulas .formula{margin:0;align-content:start}.formulas .formula .out{margin-left:0;flex-basis:100%}.formulas .formula .arr:last-of-type{display:none}.formulas .formula .out::before{content:'→ ';color:var(--ink2);font:800 14px Nunito,sans-serif}
.lrows.two{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.lrow .lsub2.fl{font-style:italic;font-weight:600}
.stepc{list-style:none;padding:0;margin:10px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.stepc li{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.stepc i{display:inline-flex;width:28px;height:28px;border-radius:50%;background:var(--gold);color:var(--gold-ink);font:800 13px Nunito,sans-serif;align-items:center;justify-content:center;font-style:normal;margin-bottom:8px}.stepc b{display:block;font:500 17px/1.25 Lora,Georgia,serif;margin-bottom:4px}.stepc p{margin:0;font-size:14px;color:var(--ink2)}
.dsteps{counter-reset:ds;list-style:none;padding:0;margin:10px 0;display:flex;flex-direction:column;gap:10px}.dsteps>li{counter-increment:ds;position:relative;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px 14px 56px}.dsteps>li::before{content:counter(ds);position:absolute;left:14px;top:13px;width:28px;height:28px;border-radius:50%;background:var(--gold);color:var(--gold-ink);font:800 13px Nunito,sans-serif;display:grid;place-items:center}.dsteps>li>b{font:500 17px/1.3 Lora,Georgia,serif}
.dshot{margin:12px 0 2px;width:100%;max-width:640px}.dshot img{display:block;width:100%;max-width:640px;height:auto;border-radius:10px;border:1px solid var(--line)}.dshot figcaption{font-size:13px;color:var(--ink2);margin-top:6px}
.prow{display:grid;gap:10px;margin:10px 0}.pcards{display:grid;gap:8px}.pcard{display:grid;grid-template-columns:56px 1fr;gap:2px 12px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px;text-decoration:none}.pcard img,.pcard .eimg{grid-row:1/3;width:56px;height:56px;border-radius:12px;background:var(--row);object-fit:contain}.pcard b{font:500 18px Lora,Georgia,serif}.pcard span{font-size:13px;color:var(--ink2);font-weight:700}.prow .co{margin:0}
.arow{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.arow a{width:40px;height:40px;border-radius:50%;background:var(--row);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden;font:800 12px Nunito,sans-serif;text-decoration:none}.arow img{width:32px;height:32px;object-fit:contain}.rside .all{color:var(--c-U);font-weight:800;text-decoration:none;font-size:14px}
@media (min-width:1024px){.hart{width:180px;height:180px;border-radius:28px}.hero.hasart .hl{max-width:none}.stages{grid-template-columns:repeat(5,1fr);gap:16px;padding-top:22px}.stages::before{left:7px;right:7px;top:9px;bottom:auto;width:auto;height:2px}.stages li{padding-left:0}.stages li i{top:-22px;left:0}.stages li b{display:block;margin:0 0 4px}
.traits .trait{display:grid;grid-template-columns:200px minmax(0,1fr);gap:8px 20px}.traits .trait .th{flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:6px}.trait .tb{min-width:0}.prow{grid-template-columns:minmax(0,320px) minmax(0,1fr)}.prow .pcards{align-self:start}}
/* ---- skill XP pages (redesign canvas: Skill XP board) ---- */
.skchips{display:flex;flex-wrap:wrap;gap:6px;flex-basis:100%;margin-top:4px}.skchips a{background:var(--chip);border:1px solid var(--line);border-radius:999px;padding:6px 12px;text-decoration:none;font-weight:800;font-size:13px;min-height:34px;display:inline-flex;align-items:center}.skchips a[aria-current]{background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}
.hside{flex:0 0 auto;width:100%}.planner{background:var(--row);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:grid;gap:10px}.planner>b{font:500 19px Lora,Georgia,serif}.planner .pin{display:grid;grid-template-columns:1fr 1fr;gap:10px}.planner label{display:grid;gap:4px;font:800 11px/1 Nunito,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}.planner input{width:100%;box-sizing:border-box;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:800 16px Nunito,sans-serif;color:var(--ink)}.planner .pout{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--tint-gold);border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);border-radius:10px;padding:10px 14px}.planner .pout span{font-size:13px;color:var(--ink2);font-weight:700}.planner .pout b{font:500 26px Lora,Georgia,serif;color:var(--gold)}.planner>a{color:var(--c-U);font-weight:800;text-decoration:none;font-size:14px}
.miles{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:10px 0}.mile{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}.mile:last-child{border-bottom:0}.mile>b{font:500 20px Lora,Georgia,serif}.mile>b i{font-style:normal;color:var(--ink2);font-size:16px}.mbar{grid-column:1/-1;display:grid;gap:3px;height:auto}.mbar i{display:block;height:8px;border-radius:4px;background:var(--gold);max-width:100%}.mbar{position:relative}.mbar::before{content:'';position:absolute;left:0;right:0;top:0;height:8px;border-radius:4px;background:var(--row2);z-index:0}.mbar i{position:relative;z-index:1}.mbar small{font-size:12px;color:var(--ink2);font-weight:700}.mxp{font:500 20px Lora,Georgia,serif;color:var(--gold);justify-self:end}.mpill{grid-column:1/-1;justify-self:start;background:var(--row);border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:800}.mile.tot{background:var(--tint-gold)}.mile.tot>b{font:800 15px Nunito,sans-serif}
@media (min-width:1024px){.hside{width:420px}.mile{grid-template-columns:120px 1fr 110px 200px}.mbar{grid-column:auto;max-width:300px}.mpill{grid-column:auto;justify-self:center;width:100%;text-align:center}}
/* ---- components (GUIDE-PAGES.md §7) ---- */
.ecard{display:grid;grid-template-columns:56px minmax(0,1fr);gap:4px 12px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px;align-items:start}a.ecard{text-decoration:none;color:inherit}a.ecard>b{grid-column:2;font:500 17px/1.2 Lora,Georgia,serif}a.ecard>span:not(.eimg){grid-column:2;font-size:14px;color:var(--ink2)}.ecard>.eimg{grid-column:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.ecard>.eimg>img{width:100%;height:100%;object-fit:contain}.links a[aria-current]{background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}p.reward{color:var(--ink2);margin:8px 0 0}@media (min-width:640px){th{white-space:nowrap}}.grid li small{white-space:nowrap}.ecard>img,.ecard>.eimg{grid-row:1/4;width:56px;height:56px;object-fit:contain;border-radius:12px;background:var(--row)}.ecard h3{margin:0;font:500 18px/1.2 Lora,Georgia,serif}.ecard h3 a{text-decoration:none}.ecard .badges{display:flex;flex-wrap:wrap;gap:4px}.ecard .echips{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.echip{display:inline-block;background:var(--chip);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:800}.echip.gold{color:var(--gold)}.ecard p{margin:4px 0 0;font-size:14px;color:var(--ink2);grid-column:2}.ecard .efoot{grid-column:1/-1;font-size:12px;color:var(--ink2);font-weight:700;border-top:1px solid var(--line);padding-top:8px;margin-top:6px}
.ecards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;list-style:none;padding:0;margin:10px 0}
.lrow{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:2px 12px;align-items:center;min-height:64px;padding:8px 12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;text-decoration:none;color:inherit}.lrow img{grid-row:1/3;width:44px;height:44px;object-fit:contain;border-radius:10px;background:var(--row)}.lrow b{font-size:15px}.lrow .lsub{grid-column:2;font-size:13px;color:var(--ink2);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lrow .chev{grid-row:1/3;color:var(--ink2)}.lrows{display:grid;gap:6px;margin:10px 0}
.trait{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin:8px 0}.trait.gold{border-color:var(--gold)}.trait .th{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.trait .th b{font:500 17px Lora,Georgia,serif}.trait .th .sp{font-size:12px;color:var(--ink2);font-weight:700}.trait p{margin:6px 0 0;font-size:15px}.trait .note{font-size:13px;color:var(--ink2);margin-top:6px}
.tiers{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.tiers span{display:inline-flex;flex-direction:column;gap:1px;min-width:44px;padding:5px 8px;border-radius:9px;background:var(--row);font-size:12px;font-weight:700;color:var(--ink2)}.tiers span b{font-size:13px}.tiers .tC b{color:var(--c-C)}.tiers .tU b{color:var(--c-U)}.tiers .tR b{color:var(--c-R)}.tiers .tE b{color:var(--c-E)}.tiers .tL b{color:var(--c-L)}
.formula{display:flex;flex-wrap:wrap;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:6px 0}.formula .in{background:var(--tint-wanted);color:var(--ruby);border-radius:999px;padding:4px 10px;font-weight:800;font-size:13px}.formula .arr{color:var(--ink2);font-weight:800}.formula .out{font:500 17px Lora,Georgia,serif;color:var(--gold);margin-left:auto}
.co{border-radius:12px;padding:10px 14px;margin:10px 0;font-size:15px}.co.teamup{margin-top:0;border-left:4px solid var(--gold)}.co b:first-child{font-weight:800}.co.tip{background:var(--tint-gold);border:1px solid color-mix(in srgb,var(--gold) 40%,transparent)}.co.rule{background:var(--tint-rule);border:1px solid color-mix(in srgb,var(--amethyst) 40%,transparent)}
.rail{list-style:none;padding:0 0 0 30px;margin:12px 0;position:relative}.rail::before{content:'';position:absolute;left:12px;top:8px;bottom:8px;width:2px;background:var(--line)}.rail>li{position:relative;margin:0 0 10px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px 12px}.rail>li.prem{background:var(--tint-gold)}.rail .pin{position:absolute;left:-30px;top:12px;width:26px;height:26px;border-radius:50%;background:var(--row);border:2px solid var(--line);font:800 12px/22px Nunito,sans-serif;text-align:center;color:var(--ink)}.rail>li.prem .pin{border-color:var(--gold);color:var(--gold)}.rail .rtiles{display:flex;flex-wrap:wrap;gap:6px}.rtile{display:inline-flex;align-items:center;gap:6px;background:var(--row);border:1px solid var(--line);border-radius:10px;padding:4px 10px 4px 4px;text-decoration:none;font-weight:700;font-size:14px;min-height:40px}.rtile .pic{margin:0}.rtile .q{color:var(--gold);font-weight:800}.rail .rtag{position:absolute;right:10px;top:10px;font:800 10px/1 Nunito,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}.rail>li.prem .rtag{color:var(--gold)}
.band{display:inline-grid;grid-template-columns:repeat(4,1fr);gap:2px;width:72px;height:8px;vertical-align:middle}.band i{border-radius:2px;background:var(--row2)}.band .M{background:var(--p-M)}.band .D{background:var(--p-D)}.band .E{background:var(--p-E)}.band .N{background:var(--p-N)}
.fchips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.fchips button{background:var(--chip);border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:6px 12px;font:800 13px Nunito,sans-serif;cursor:pointer;min-height:34px}.fchips button[aria-pressed=true]{background:var(--chip-on);color:var(--chip-on-ink);border-color:var(--chip-on)}
details.more{background:transparent;border:0;padding:0}details.more>summary{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px 12px;justify-content:center}
@media (min-width:1024px){
.page{padding:0 0 40px 248px}
.nav{top:0;bottom:0;left:0;right:auto;width:248px;display:flex;flex-direction:column;gap:2px;padding:24px 16px;border-top:0;border-right:1px solid var(--line);overflow-y:auto}
.nav .brand{display:flex;flex-direction:column;gap:2px;padding:0 12px 20px;text-decoration:none}.nav .brand b{font:500 30px/1.1 Lora,Georgia,serif;color:var(--ink)}.nav .brand span{font-size:12px;font-weight:700;color:var(--ink2)}
.nav a{flex-direction:row;justify-content:flex-start;gap:12px;font-size:15px;padding:5px 8px;border-radius:12px;color:var(--ink2)}.nav a:hover{background:var(--row)}.nav a span{width:40px;height:34px;border-radius:10px}.nav a.on{background:var(--row);color:var(--ink)}.nav a[data-t=guides]{display:flex}
.nav .nfoot{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding:16px 4px 0;border-top:1px solid var(--line)}.nav .nfoot .tchip{justify-content:center}.nav .nfoot .nset{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:800;color:var(--ink2);padding:8px;border-radius:10px;text-decoration:none}.nav .nfoot .nset:hover{background:var(--row);color:var(--ink)}
.top{position:static;background:transparent;border-bottom:0;padding:18px 36px 0;margin:0 0 0 248px;background-image:none}.top .tt{display:none}.top .crumbs{display:flex;margin:0;font-size:14px}.top .crumbs span{font-weight:800}
.top .hsearch{display:none}.tsearch{display:flex}.top .open{display:inline-block}.top .tchip{background:var(--panel)}
.hero{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:32px;padding:28px 32px;margin:18px 36px 0;border-radius:20px}.hero .crumbs{display:none}.hero .hl{flex:1 1 auto;max-width:720px}.hero .stats{flex:0 0 auto;max-width:420px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));align-self:flex-start}.hero .stats:has(> :nth-child(4)){grid-template-columns:1fr 1fr;max-width:380px}
.h1,h1{font-size:44px}.lead{font-size:18px}.stat{min-height:74px;background:var(--row)}.stat b{font-size:28px}
.rchips{display:none}
.wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;padding:24px 36px 0;justify-content:start}.wrap.hastoc,.wrap.hasrail{grid-template-columns:minmax(0,900px) 260px}main{max-width:900px}
.rside{align-self:start;position:sticky;top:16px;margin-top:0;max-height:calc(100vh - 32px);overflow:auto}
.tocrail{display:flex;flex-direction:column;gap:2px;padding:0 0 16px}.tocrail b{font:800 11px/1 Nunito,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:var(--ink2);margin:6px 0 8px}.tocrail a{text-decoration:none;font-weight:700;font-size:14px;color:var(--ink2);padding:6px 10px;border-radius:9px;display:flex;justify-content:space-between;gap:8px}.tocrail a:hover{background:var(--row);color:var(--ink)}.tocrail a small{color:var(--ink2);font-weight:800;font-size:12px}
section[id],h2[id],h3[id]{scroll-margin-top:16px}h2{font-size:26px}h3{font-size:20px}body{font-size:16px}
footer{margin-left:36px;margin-right:36px;border-radius:18px 18px 0 0;border:1px solid var(--line);border-bottom:0}
}
.spo{display:block;margin:6px 0;background:var(--row);border:1px solid var(--line);border-radius:10px;padding:6px 10px}.spo summary{cursor:pointer;color:var(--gold);font-weight:800}
.shots .qpic{margin:0;width:min(100%,320px)}.shots .qpic img{width:100%}
.stg{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0}.stg figure{margin:0;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:6px;text-align:center}.stg img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block}.stg figcaption{font-size:13px;font-weight:700;color:var(--ink2)}.facts dd a{text-decoration:none}.drops a,.grid li a{text-decoration:none;font-weight:700}.drops a{display:inline-flex;align-items:center}.stgw:not(:has(img)){display:none}.facts dd small{font-weight:600}.trees td:first-child{min-width:0;width:30%}.trees td{vertical-align:top}.trees .sub{font-weight:600;margin:0}
.wiki .hero{float:right;margin:0 0 10px 14px;width:min(40%,200px)}.wiki .hero img{width:100%;height:auto;border-radius:12px}.wiki .facts{margin:0 0 14px;grid-template-columns:minmax(0,max-content) minmax(0,1fr);overflow-wrap:anywhere}.wiki .facts ul{margin:0;padding-left:18px}@media (max-width:600px){.wiki .hero{float:none;width:140px;margin:0 0 10px}}.wiki img.ico{width:24px;height:24px;object-fit:contain;vertical-align:middle;margin:0 3px}.wiki img.wimg{max-width:100%;height:auto;object-fit:contain;vertical-align:middle}.wiki td img.wimg{max-width:64px}.wiki a{font-weight:700;text-decoration:none}.wiki p a,.wiki li a{text-decoration:underline;text-decoration-color:var(--line)}.wiki .gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.wiki .itile{display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;width:112px;max-width:100%;min-height:96px;margin:3px;padding:8px 6px;background:var(--panel);border:1px solid var(--line);border-radius:12px;text-decoration:none;text-align:center;font:700 12px/1.3 Nunito,sans-serif;color:var(--ink);vertical-align:top}.wiki .itile:hover{border-color:var(--gold)}.wiki .itile img.wimg{max-width:80px;max-height:80px;width:auto}.wiki td .itile img.wimg{max-width:64px}.wiki .itile span{display:block;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.wiki td:has(.itile){padding:6px}.wiki .ilink{text-decoration:none}.wiki figure{margin:10px 0}.wiki .gal figure{margin:0;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:6px}.wiki figcaption{font-size:13px;color:var(--ink2)}.wiki .wthumb img{max-width:100%;height:auto;border-radius:12px}.wiki .tw{margin:10px 0}.wiki h2{clear:both}.src{font-size:13px;color:var(--ink2);margin-top:28px}
.ba{display:flex;gap:8px;flex-wrap:wrap}.ba figure{margin:0;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:4px}.ba img{width:110px;height:110px;object-fit:contain;display:block;margin:0 auto}.ba figcaption{font-size:12px;color:var(--ink2);font-weight:700}.ba.big{margin:12px 0}.ba.big img{width:min(40vw,220px);height:auto;aspect-ratio:1}.ba.big figure{padding:8px}.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;margin:8px 0}.ct{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px 10px}.ct p{margin:4px 0 0;font-size:14px;color:var(--ink2)}.ct .ba{margin-bottom:6px}.ct .ba figure{flex:1;min-width:0;background:var(--row)}.ct .ba img{width:100%;max-width:120px;height:auto;aspect-ratio:1}.ct:not(:has(img)) .ba{display:none}.trt td:first-child{min-width:0}.trt td:nth-child(2){min-width:0}.tier{display:inline-block;font-size:12px;font-weight:800;padding:0 6px;border-radius:999px;background:var(--row);border:1px solid var(--line);vertical-align:middle}.anim td:first-child{min-width:0}.anim td a{white-space:nowrap}
.qpic{margin:12px 0}.qpic figcaption{font-size:14px;color:var(--ink2);margin-top:4px}.qpic img{max-width:100%;height:auto;border-radius:12px;border:1px solid var(--line);display:block}.qtip{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin:10px 0}.qtip h3{margin:0 0 6px}

.traits{display:grid;gap:8px;margin:8px 0}.trait .tiers span{max-width:100%}.trait .tiers span b{margin-bottom:1px}.trait .th .sp{font-size:12px}.trait .th .sp a{text-decoration:none;font-weight:800}
.lrow>img,.lrow>.limg{grid-column:1;grid-row:1/4}.lrow>.limg{width:44px;height:44px;border-radius:10px;background:var(--row)}.lrow>b{grid-column:2}.lrow .lsub{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.lrow .lsub2{grid-column:2;font-size:12px;color:var(--ink2);font-weight:700}.stat b small{font-size:12px}.lrow b .r{margin-left:6px;vertical-align:middle}
.chests{display:grid;gap:8px;margin:12px 0}.chest{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px}.chest .pin{width:28px;height:28px;border-radius:50%;background:var(--gold);color:var(--gold-ink);font:800 13px/28px Nunito,sans-serif;text-align:center}.chest .cbody{min-width:0}.chest .cbody b{font:500 17px Lora,Georgia,serif;margin-right:8px}.chest p{margin:6px 0}.chest .shots{margin:8px 0}.chest .linkbtn{display:inline-block;font-weight:800;color:var(--gold);text-decoration:none}
.steps li>p{margin:0 0 6px}.ct .sub{font-size:12px;color:var(--ink2);font-weight:700}.ecard .eimg{display:block}
.faq details{padding:0}.faq summary{padding:10px 12px;min-height:48px}.faq summary h3{margin:0;font:800 15px/1.35 Nunito,sans-serif}.faq details p{margin:0;padding:0 12px 12px}.faq summary::marker{color:var(--ink2)}
.rfree{margin:8px 0 0;padding-left:18px;font-size:14px}.rfree li{margin:4px 0}.rfree small{color:var(--ink2);font-weight:800;margin-right:4px}.rfree a{text-decoration:none;font-weight:700}.rfree .pic{width:22px;height:22px;margin-right:4px}.rside .card>b{font:500 17px Lora,Georgia,serif}.rside .card>b small{font:800 13px Nunito,sans-serif;color:var(--ink2)}
.rtile>a,.rtile>.it{display:inline-flex;align-items:center;gap:4px;text-decoration:none}.stat small{font:800 12px Nunito,sans-serif;color:var(--ink2)}.ecard.nopic{grid-template-columns:minmax(0,1fr)}.ecard.nopic p{grid-column:1}
.lpt th:first-child,.lpt td:first-child{width:3.5em;min-width:0;text-align:center}.lpt td{white-space:normal}tr.prem td{background:color-mix(in srgb,var(--gold) 10%,transparent)}.ptag{display:inline-block;font-size:12px;font-weight:800;padding:1px 8px;border-radius:999px;background:var(--gold);color:var(--gold-ink);vertical-align:middle}
li.or{list-style:none;margin-left:-18px;font-weight:800;color:var(--ink2)}.it{white-space:nowrap}.qsteps li{margin:6px 0}.qsteps ul{margin:4px 0}
/* ---- medallion chests (redesign canvas) ---- */
.mtiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mtile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:var(--row);border:1px solid var(--line);border-radius:14px;padding:12px;text-decoration:none;min-height:96px}.mtile .pic{width:40px;height:40px;border-radius:50%;background:var(--row2);padding:4px;box-sizing:border-box;margin:0 0 4px}.mtile b{font:500 17px Lora,Georgia,serif}.mtile span{font-size:12px;color:var(--ink2);font-weight:700}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);margin:0}
.mhead{display:grid;grid-template-columns:56px minmax(0,1fr);gap:8px 14px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;margin:20px 0 10px}.micon{width:56px;height:56px;border-radius:50%;background:var(--row);display:flex;align-items:center;justify-content:center;overflow:hidden}.micon .pic{width:44px;height:44px;margin:0}.mh b{font:500 24px/1.15 Lora,Georgia,serif}.mh small{font:700 14px Nunito,sans-serif;color:var(--ink2);margin-left:6px}.mh q{display:block;font:500 italic 15px/1.4 Lora,Georgia,serif;color:var(--ink2);margin-top:4px}.mhead .mf{grid-column:1/-1;margin:0;padding:10px 14px;background:var(--row);gap:6px 14px}.mf dd.gold{color:var(--gold)}
.chests .chests{display:contents}.chests .chest{grid-template-columns:minmax(0,1fr);gap:8px}.chest .chead{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chest .chead b{font:500 19px Lora,Georgia,serif;margin:0}.chest .cbody p{margin:0 0 6px;font-size:15px}.chest .shots{margin:4px 0 0}.chest .shots .qpic{width:min(48%,220px)}
.cmap{background:var(--row);border:1px solid var(--line);border-radius:12px;overflow:hidden}.cmap .pmap{margin:0}.cmap .pmap svg{border:0;border-radius:0;aspect-ratio:16/9}.cmap .pmap figcaption{display:none}.cmf{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;font-size:13px;font-weight:700;color:var(--ink2)}.cmf a{color:var(--c-U);font-weight:800;text-decoration:none;white-space:nowrap}
.chest .shots .qpic.one{width:100%;max-width:520px}.mjrev{display:flex;gap:8px;flex-wrap:wrap}.cmarkn{margin:0 0 10px;font-size:14px;color:var(--ink2)}.cmarkn:empty{display:none}.cmarkn a{color:var(--c-U);font-weight:800}.pmk{display:inline-flex;align-items:center;gap:4px;vertical-align:middle;margin:0 6px 0 0;font:800 13px Nunito,sans-serif;color:var(--ink2);cursor:pointer}.pmk input{width:20px;height:20px;accent-color:var(--emerald);margin:0;cursor:pointer;flex:none}.pmk.star input{accent-color:var(--gold)}.pmk.star span{color:var(--gold);font-size:14px}.chead .pmk{margin-left:auto;margin-right:0}tr.mkon td,li.mkon{opacity:.62}.chest.mkon .pin{background:var(--emerald);color:#fff}.chest.mkon .chead b{color:var(--ink2)}.pmq{display:inline-flex;align-items:center;gap:4px;margin-left:6px;vertical-align:middle}.pmq:empty{display:none}.pmq button{width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:var(--row);color:var(--ink);font:800 15px Nunito,sans-serif;cursor:pointer;padding:0}.pmq button:disabled{opacity:.35;cursor:default}.pmq b{font-size:13px;min-width:44px;text-align:center}.links .lk{display:inline-flex;align-items:center}.links .lk .pmk{margin-right:2px}.mkspoil a,.mkspoil img,.mkspoil .mkn{filter:blur(6px);pointer-events:none;user-select:none}.mkspoil td:first-child>a,li.mkspoil>a{filter:blur(6px)}li.mkspoil{color:transparent;text-shadow:0 0 8px var(--ink2)}li.mkspoil .pmk,li.mkspoil .mkrev{color:var(--ink2);text-shadow:none}.hacct[hidden]{display:none}.hacct{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font:800 15px Nunito,sans-serif;color:var(--emerald)}.mkhide{border:1px solid var(--line);background:var(--row);color:var(--ink);border-radius:999px;font:800 12px Nunito,sans-serif;padding:4px 10px;margin-left:6px;cursor:pointer}.mkhide[aria-pressed=true]{background:var(--chip-on,var(--ink));color:var(--chip-on-ink,var(--bg))}.mkhideon tr.mkon,.mkhideon li.mkon,.mkhideon .chest.mkon{display:none}.mkrev{border:1px solid var(--line);background:var(--row);color:var(--ink2);border-radius:999px;font:800 12px Nunito,sans-serif;padding:3px 10px;margin:0 6px 0 2px;cursor:pointer;vertical-align:middle}.vmrow{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;color:var(--ink2)}.vmstep{display:inline-flex;align-items:center;gap:6px}.vmstep button{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--row);color:var(--ink);font:800 16px Nunito,sans-serif;cursor:pointer;padding:0}.vmstep button:disabled{opacity:.35;cursor:default}.vmstep b{min-width:52px;text-align:center;color:var(--ink)}.vmstep b small{color:var(--ink2);font-weight:600}.planner .qmnote{margin:8px 0 0}#wantslist li{display:flex;align-items:center;gap:6px}#wantslist li.mkon{opacity:.6;text-decoration:line-through}.qmseg.tog{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.qmseg button.on[data-o=got]{background:var(--emerald);color:#fff}.qmseg button.on[data-o=star]{background:var(--gold);color:var(--gold-ink,#2a1d05)}.mjhint{margin-top:4px}.mjhint>p{margin:6px 0}.mjspot{margin:6px 0 0}
.chests>.pmap,section>.pmap{margin:14px 0}
@media (min-width:1024px){.hside .mtiles{width:420px}.mhead{grid-template-columns:72px minmax(0,1fr) 300px;padding:20px 24px}.micon{width:72px;height:72px}.micon .pic{width:56px;height:56px}.mhead .mf{grid-column:auto}.chests .chest{grid-template-columns:minmax(0,1fr) 300px;gap:10px 16px}.chest .chead{grid-column:1}.chest .cmap{grid-column:2;grid-row:1/3;align-self:start}.chest .cbody{grid-column:1}}
/* ---- lunar path pages (redesign canvas) ---- */
.hside .hnote{margin:10px 0 0;font-size:14px}.hside .hnote b a{text-decoration:none;color:var(--gold)}
.qmark:empty{display:none}.qmark{background:var(--row);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:grid;gap:10px}.qmhead{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.qmhead b{font:500 18px Lora,Georgia,serif}.qmhead a{color:var(--c-U);font-weight:800;font-size:13px;text-decoration:none}.qmseg{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:var(--bg2);border-radius:999px;padding:4px}.qmseg button{border:0;border-radius:999px;background:none;color:var(--ink2);font:800 13px Nunito,sans-serif;padding:9px 4px;cursor:pointer;min-height:38px}.qmseg button.on{background:var(--chip-on,var(--ink));color:var(--chip-on-ink,var(--bg))}.qmseg button.on[data-v=done]{background:var(--emerald);color:#fff}.qmseg button.on[data-v=prog]{background:var(--gold);color:var(--gold-ink,#2a1d05)}.qmseg button:disabled{opacity:.6}.qmnote{margin:0;font-size:13px;color:var(--ink2)}.qmnote a{color:var(--c-U);font-weight:800}
.stat.gold{border-color:var(--gold)}.stat.gold b{color:var(--gold)}
.rfree.rows{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:6px}.rfree.rows li{display:flex;align-items:center;justify-content:space-between;gap:8px}.rfree.rows .rtile{background:transparent;border:0;padding:0;min-height:0;font-size:14px}.rfree.rows .rtile .pic{width:28px;height:28px;border-radius:8px;background:var(--row)}.rfree.rows small{color:var(--ink2);font-weight:700;white-space:nowrap}
.opaths a{display:flex;justify-content:space-between;gap:8px;color:var(--ink)!important}.opaths a small{color:var(--ink2);font-weight:700}.opaths .all{color:var(--c-U)!important;justify-content:flex-start}
.rtiles{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 12px}