:root{--bg-1: #e4fcfd;--bg-2: #c7f3ff;--bg-3: #a6e9ff;--surface: #ffffff;--surface-2: #f3faff;--ink: #132033;--ink-soft: #4a5b73;--line: #132033;--line-soft: rgba(19,32,51,.14);--yellow: #ffcc00;--yellow-deep: #ffb300;--purple: #8a5cff;--pink: #ff5db1;--cyan: #7afcfe;--green: #38d66b;--rainbow: linear-gradient(92deg,#7afcfe 0%,#38d66b 28%,#ffcc00 52%,#ff5db1 76%,#8a5cff 100%);--shadow-hard: 6px 6px 0 var(--line-soft);--shadow-soft: 0 12px 30px rgba(19,32,51,.1);--radius: 20px;--radius-lg: 28px;--font-display: "Fredoka", "Nunito", system-ui, sans-serif;--font-body: "Nunito", system-ui, -apple-system, sans-serif;--maxw: 1120px;--measure: 68ch;color-scheme:light}:root[data-theme=dark]{--bg-1: #010817;--bg-2: #071229;--bg-3: #0b1a38;--surface: #0f1e3a;--surface-2: #12244a;--ink: #eaf6ff;--ink-soft: #9c9eb4;--line: #2b3d63;--line-soft: rgba(0,0,0,.35);--shadow-hard: 6px 6px 0 rgba(0,0,0,.35);--shadow-soft: 0 14px 34px rgba(0,0,0,.45);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-1: #010817;--bg-2: #071229;--bg-3: #0b1a38;--surface: #0f1e3a;--surface-2: #12244a;--ink: #eaf6ff;--ink-soft: #9c9eb4;--line: #2b3d63;--line-soft: rgba(0,0,0,.35);--shadow-hard: 6px 6px 0 rgba(0,0,0,.35);--shadow-soft: 0 14px 34px rgba(0,0,0,.45);color-scheme:dark}}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;color:var(--ink);font-family:var(--font-body);line-height:1.62;font-size:17px;font-weight:500;background:radial-gradient(130% 90% at 50% -12%,var(--bg-1) 0%,var(--bg-2) 46%,var(--bg-3) 100%) fixed;min-height:100vh}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.12;color:var(--ink)}h2{font-size:clamp(1.5rem,4vw,2.05rem);margin:2.4rem 0 1rem}h3{font-size:clamp(1.15rem,2.6vw,1.4rem);margin:1.6rem 0 .6rem}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px}.rainbow-text{background:var(--rainbow);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1.2px var(--line-soft);paint-order:stroke fill}.pop{color:var(--yellow-deep);-webkit-text-stroke:2px var(--line);paint-order:stroke fill}.site-header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg-1) 85%,transparent);backdrop-filter:blur(10px);border-bottom:3px solid var(--line)}.hbar{display:flex;align-items:center;gap:14px;padding:11px 20px;max-width:var(--maxw);margin:0 auto}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:1.3rem;text-decoration:none;white-space:nowrap}.brand img{width:36px;height:36px}.nav-links{display:flex;gap:3px;flex-wrap:wrap}.nav-links a{font-weight:800;font-size:.92rem;text-decoration:none;padding:7px 11px;border-radius:11px;color:var(--ink)}.nav-links a:hover,.nav-links a[aria-current=page]{background:var(--yellow);color:#132033;box-shadow:inset 0 0 0 2px var(--line)}.hctl{display:flex;gap:7px;align-items:center;margin-left:auto}.hbtn{font-family:var(--font-body);font-weight:800;cursor:pointer;color:var(--ink);background:var(--surface);border:2px solid var(--line);border-radius:11px;padding:7px 10px;font-size:.84rem;box-shadow:2px 2px 0 var(--line-soft);display:inline-flex;align-items:center;gap:5px}.hbtn:active{transform:translate(2px,2px);box-shadow:none}.nav-toggle{display:none}@media(max-width:860px){.nav-toggle{display:inline-flex}.nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:4px;padding:12px 20px 18px;background:var(--bg-1);border-bottom:3px solid var(--line);display:none}.nav-links.open{display:flex}.nav-links a{font-size:1rem}}main{display:block}.page-head{padding:30px 0 6px}.crumbs{font-size:.82rem;font-weight:800;color:var(--ink-soft);margin-bottom:10px}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--purple)}.page-head h1{font-size:clamp(2rem,5.4vw,3rem);margin:0 0 10px;letter-spacing:-.5px}.lead{font-size:clamp(1.02rem,2.2vw,1.16rem);font-weight:700;color:var(--ink-soft);max-width:var(--measure);margin:0}.article{padding:8px 0 40px}.prose{max-width:var(--measure)}.prose p,.prose ul,.prose ol{margin:0 0 1.05rem}.prose ul,.prose ol{padding-left:1.3rem}.prose li{margin:.35rem 0}.prose h2,.prose h3{scroll-margin-top:84px}.prose a{color:var(--purple);font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}:root[data-theme=dark] .prose a{color:#b79bff}.prose strong{font-weight:800}.prose figure{margin:1.4rem 0}.prose figure img{border:3px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-hard)}.prose figcaption{font-size:.82rem;color:var(--ink-soft);font-weight:700;margin-top:.5rem;text-align:center}.with-toc{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;align-items:start}.with-toc>.article{min-width:0}@media(min-width:1024px){.with-toc.has-toc{grid-template-columns:minmax(0,1fr) 248px}}.panel{background:var(--surface);border:3px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-hard);padding:20px}.kicker{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;background:var(--surface);border:2.5px solid var(--line);border-radius:999px;padding:5px 13px;box-shadow:3px 3px 0 var(--line-soft)}.kicker .dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #38d66b47}.section-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:34px 0 14px}.section-head h2{margin:0}.section-head p{margin:0;color:var(--ink-soft);font-weight:700;font-size:.92rem}.hero{padding-block:34px 6px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:center}@media(max-width:880px){.hero-grid{grid-template-columns:1fr}}.hero h1{font-size:clamp(2.6rem,8vw,4rem);line-height:.96;margin:14px 0 10px;letter-spacing:-.5px}.hero .tag{font-size:clamp(1.02rem,2.6vw,1.2rem);font-weight:700;color:var(--ink-soft);max-width:36ch;margin:0 0 18px}.stat-chips{display:flex;flex-wrap:wrap;gap:10px}.stat-chips .chip{display:flex;flex-direction:column;line-height:1.1;background:var(--surface);border:2.5px solid var(--line);border-radius:15px;padding:9px 14px;box-shadow:4px 4px 0 var(--line-soft)}.chip b{font-family:var(--font-display);font-size:1.15rem}.chip span{font-size:.7rem;font-weight:800;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em}.roll-card{position:relative;text-align:center;overflow:hidden}.roll-card .confetti{position:absolute;inset:0;pointer-events:none;opacity:.92;background:radial-gradient(circle at 14% 12%,var(--pink) 0 6px,transparent 7px),radial-gradient(circle at 84% 18%,var(--cyan) 0 6px,transparent 7px),radial-gradient(circle at 90% 76%,var(--yellow) 0 5px,transparent 6px),radial-gradient(circle at 9% 82%,var(--purple) 0 5px,transparent 6px),radial-gradient(circle at 50% 7%,var(--green) 0 4px,transparent 5px)}.roll-card .lbl{position:relative;font-weight:800;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.wheel{position:relative;width:92px;height:92px;border-radius:50%;margin:12px auto 8px;background:conic-gradient(#111 0 25%,#2a2a2a 0 50%,#111 0 75%,#2a2a2a 0 100%);border:5px solid var(--line);box-shadow:inset 0 0 0 6px #000,4px 4px 0 var(--line-soft);display:grid;place-items:center;animation:spin 6s linear infinite}.wheel b{font-family:var(--font-display);color:var(--yellow);font-size:1.05rem;background:#000;padding:3px 9px;border-radius:8px;border:2px solid var(--yellow)}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.wheel{animation:none}}.big-odds{position:relative;font-family:var(--font-display);font-weight:700;line-height:1;font-size:clamp(2.8rem,9vw,3.9rem);margin:4px 0}.roll-card .sub{position:relative;font-weight:800}.roll-card .sub small{display:block;color:var(--ink-soft);font-weight:700;font-size:.84rem;margin-top:2px}.ladder{display:flex;flex-direction:column;gap:9px}.rung{display:grid;grid-template-columns:96px 1fr 62px;align-items:center;gap:12px;background:var(--surface);border:3px solid var(--line);border-radius:15px;padding:8px 13px;box-shadow:4px 4px 0 var(--line-soft)}.rung .odds{font-family:var(--font-display);font-weight:700;font-size:1rem}.rung .track{position:relative;height:20px;border-radius:999px;background:color-mix(in srgb,var(--ink) 9%,transparent);border:2px solid var(--line);overflow:hidden}.rung .fill{position:absolute;inset:0 auto 0 0;border-radius:999px;min-width:8px}.rung .pct{font-family:var(--font-display);font-weight:700;font-size:.98rem;text-align:right}.ladder-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px;font-weight:800;font-size:.82rem}.ladder-legend span{display:inline-flex;align-items:center;gap:6px}.ladder-legend i{width:14px;height:14px;border-radius:4px;border:2px solid var(--line)}.rarity-meter{background:linear-gradient(180deg,#7afcfe,#38d66b,#fc0,#ff5db1,#8a5cff);color:#fff;border:3px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-hard);padding:18px}.rarity-meter h3{color:#fff;margin:0 0 4px;text-shadow:0 2px 6px rgba(0,0,0,.35)}.rarity-meter .rm-big{font-family:var(--font-display);font-weight:700;font-size:2rem;text-shadow:0 2px 6px rgba(0,0,0,.4)}.rarity-meter p{font-weight:700;font-size:.9rem;margin:6px 0 14px;text-shadow:0 1px 4px rgba(0,0,0,.3)}.rarity-meter .rm-row{display:flex;justify-content:space-between;gap:10px;background:#00000047;border-radius:10px;padding:7px 11px;font-weight:800;font-size:.84rem;margin-top:7px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:820px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.card-grid{grid-template-columns:1fr}}.gcard{position:relative;background:var(--surface);border:3px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-hard)}.gcard .icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;border:3px solid var(--line);font-size:1.35rem;box-shadow:2px 2px 0 var(--line-soft);margin-bottom:10px}.gcard h3{margin:0 0 5px;font-size:1.1rem}.gcard p{margin:0;font-weight:600;font-size:.95rem;color:var(--ink-soft)}.gcard .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tagchip{font-weight:800;font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;border:2px solid var(--line);border-radius:999px;padding:3px 9px;background:var(--surface-2)}.tagchip.top{background:var(--yellow);color:#132033}.icon.luck{background:#d9ffe6}.icon.roll{background:#dff4ff}.icon.equip{background:#efe6ff}.icon.economy{background:#fff2cc}:root[data-theme=dark] .icon.luck{background:#10351f}:root[data-theme=dark] .icon.roll{background:#0d2b3a}:root[data-theme=dark] .icon.equip{background:#241548}:root[data-theme=dark] .icon.economy{background:#3a2f0a}.funnel{display:flex;flex-direction:column;gap:8px}.frow{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;background:var(--surface);border:3px solid var(--line);border-radius:14px;padding:8px 14px;box-shadow:3px 3px 0 var(--line-soft)}.frow .fbar{height:100%}.frow .fname{font-weight:800}.frow .fnum{font-family:var(--font-display);font-weight:700;color:var(--ink-soft);font-size:.9rem}.callout{border:3px solid var(--line);border-left-width:8px;border-radius:14px;background:var(--surface);padding:14px 16px;box-shadow:var(--shadow-hard);margin:18px 0;font-weight:600}.callout.warn{border-left-color:var(--pink)}.callout.info{border-left-color:var(--cyan)}.callout.good{border-left-color:var(--green)}.table-scroll{overflow-x:auto;border:3px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-hard);margin:18px 0}table.data{width:100%;border-collapse:collapse;min-width:460px;background:var(--surface)}table.data th,table.data td{text-align:left;padding:10px 13px;border-bottom:2px solid var(--line-soft);font-weight:600}table.data th{font-family:var(--font-display);font-weight:700;background:var(--surface-2)}table.data tr:last-child td{border-bottom:0}.faq details{border:3px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:3px 3px 0 var(--line-soft);margin:10px 0;overflow:hidden}.faq summary{cursor:pointer;font-family:var(--font-display);font-weight:700;padding:13px 16px;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:1.3rem;color:var(--purple)}.faq details[open] summary:after{content:"−"}.faq .faq-a{padding:0 16px 14px;font-weight:600}.glossary{display:grid;gap:10px}.gterm{background:var(--surface);border:3px solid var(--line);border-radius:14px;padding:12px 15px;box-shadow:3px 3px 0 var(--line-soft)}.gterm dt{font-family:var(--font-display);font-weight:700;font-size:1.05rem}.gterm dd{margin:4px 0 0;font-weight:600;color:var(--ink-soft)}.toc{position:sticky;top:84px;align-self:start}.toc-inner{border:3px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-hard);padding:14px;width:248px;max-width:248px}.toc-inner strong{font-family:var(--font-display);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.toc-inner .toc-list{display:flex;flex-direction:column;margin:10px 0 0}.toc-inner .toc-list a{display:block;text-decoration:none;font-weight:700;font-size:.9rem;padding:5px 8px;border-radius:8px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toc-inner .toc-list a:hover,.toc-inner .toc-list a.active{background:var(--yellow);color:#132033}.toc-inner .toc-list a.sub{padding-left:18px;font-size:.84rem;color:var(--ink-soft)}.toc-toggle{display:none}@media(max-width:1023px){.toc{position:static}.toc-toggle{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-weight:800;cursor:pointer;color:var(--ink);background:var(--surface);border:2px solid var(--line);border-radius:11px;padding:8px 12px;box-shadow:2px 2px 0 var(--line-soft);margin-bottom:10px}.toc-inner{display:none;width:auto;max-width:100%}.toc-inner.open{display:block}}.back-to-top{position:fixed;right:16px;bottom:16px;z-index:30;display:none;align-items:center;gap:6px;font-family:var(--font-body);font-weight:800;cursor:pointer;color:#132033;background:var(--yellow);border:3px solid var(--line);border-radius:999px;padding:9px 14px;box-shadow:var(--shadow-hard)}.back-to-top.show{display:inline-flex}.back-to-top:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--line-soft)}.site-footer{border-top:3px solid var(--line);margin-top:40px;background:color-mix(in srgb,var(--bg-1) 70%,var(--surface))}.foot{max-width:var(--maxw);margin:0 auto;padding:26px 20px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:22px}@media(max-width:720px){.foot{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.foot h4{margin:0 0 8px;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);overflow-wrap:break-word}.foot a{display:block;text-decoration:none;font-weight:700;padding:3px 0;font-size:.94rem;overflow-wrap:break-word}.foot a:hover{color:var(--purple)}.foot .disclaimer{font-size:.82rem;color:var(--ink-soft);font-weight:600}.foot-bottom{border-top:2px solid var(--line-soft);text-align:center;padding:14px 20px;font-size:.82rem;font-weight:700;color:var(--ink-soft)}.lang-menu[data-astro-cid-3ef6ksr2]{position:relative}.lang-list[data-astro-cid-3ef6ksr2]{position:absolute;right:0;top:100%;margin-top:6px;list-style:none;padding:6px;background:var(--surface);border:2px solid var(--line);border-radius:12px;box-shadow:var(--shadow-hard);display:none;min-width:160px}.lang-menu[data-astro-cid-3ef6ksr2].open .lang-list[data-astro-cid-3ef6ksr2]{display:block}.lang-list[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{display:block;padding:7px 10px;border-radius:8px;text-decoration:none;font-weight:700}.lang-list[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover{background:var(--yellow);color:#132033}.theme-toggle[data-astro-cid-3ef6ksr2] .ic-dark[data-astro-cid-3ef6ksr2]{display:none}:root[data-theme=dark] .theme-toggle[data-astro-cid-3ef6ksr2] .ic-light[data-astro-cid-3ef6ksr2]{display:none}:root[data-theme=dark] .theme-toggle[data-astro-cid-3ef6ksr2] .ic-dark[data-astro-cid-3ef6ksr2]{display:inline}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle[data-astro-cid-3ef6ksr2] .ic-light[data-astro-cid-3ef6ksr2]{display:none}:root:not([data-theme=light]) .theme-toggle[data-astro-cid-3ef6ksr2] .ic-dark[data-astro-cid-3ef6ksr2]{display:inline}}
