@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Rubik:wght@500;600;700;800;900&display=swap');
:root{--bg:#241109;--bg2:#170b05;--sand:#FB923C;--sand2:#FFCB80;--accent:#E8603D;--ink:#fff7ed;--muted:#c8b6a7;--line:rgba(255,247,237,.14);--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}.shell{max-width:1180px;margin:auto;padding-left:28px;padding-right:28px}.site-header{height:80px;display:flex;align-items:center;gap:42px;padding:0 max(28px,calc((100vw - 1180px)/2 + 28px));background:rgba(36,17,9,.93);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;font:800 11px/1.05 Rubik,sans-serif;letter-spacing:.12em}.brand b{font-size:16px;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;color:var(--accent);font-size:25px;transform:rotate(12deg)}.main-nav{display:flex;gap:27px;margin-left:auto}.main-nav a{color:var(--muted);font-size:13px;font-weight:700;transition:.2s}.main-nav a:hover{color:#fff}.nav-cta{border:1px solid var(--line);border-radius:999px;padding:8px 15px;font-size:12px;font-weight:800}.nav-cta span{color:var(--accent);font-size:16px;margin-left:5px}.hero{min-height:600px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-art{position:absolute;inset:0 -8vw 0 20%;background:linear-gradient(90deg,var(--bg) 0%,rgba(36,17,9,.78) 20%,rgba(36,17,9,.12) 57%,rgba(36,17,9,.2)),url('canyon-hero.webp') center/cover no-repeat;opacity:.95}.hero-copy{position:relative;z-index:1;max-width:560px;padding:80px 0}.eyebrow,.section-kicker{font:800 11px/1 Rubik,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--sand2)}.live-dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px rgba(232,96,61,.16)}h1,h2,h3{font-family:Rubik,sans-serif;margin:0;letter-spacing:-.04em;line-height:1.05}h1{font-size:clamp(50px,7vw,92px);font-weight:900;margin:20px 0}h1 em,h2 em{color:var(--sand2);font-style:normal}.hero-lead{max-width:470px;color:#e2d0c1;font-size:18px;line-height:1.55}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:30px}.btn{display:inline-flex;align-items:center;gap:15px;border:0;border-radius:14px;padding:14px 19px;font-weight:800;font-size:13px;box-shadow:0 8px 22px rgba(6,30,77,.22);transition:.2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.btn-primary{background:linear-gradient(115deg,var(--accent),#c9491f)}.btn span{font-size:20px;color:var(--accent)}.text-link{font-size:13px;font-weight:800;border-bottom:1px solid rgba(255,247,237,.45);padding-bottom:4px}.hero-note{position:absolute;right:0;top:118px;color:rgba(255,247,237,.66);font:600 11px/1.8 Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase;text-align:right}.hero-note span{color:var(--accent);font-size:18px;font-family:Rubik}.scroll-cue{position:absolute;bottom:35px;left:28px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.scroll-cue span{font-size:18px;color:var(--accent);margin-left:8px}.ticker{background:#170b05;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;font-weight:700}.ticker-inner{height:50px;display:flex;align-items:center;gap:22px;white-space:nowrap;overflow:hidden}.ticker-label{color:var(--accent);font:800 10px Rubik;letter-spacing:.15em}.ticker i{width:4px;height:4px;border-radius:50%;background:var(--sand);display:inline-block}.section{padding-top:105px;padding-bottom:105px}.section-head{display:grid;grid-template-columns:1fr 370px;gap:60px;align-items:end;margin-bottom:42px}.section-head h2{font-size:clamp(36px,4vw,58px);margin-top:17px}.section-head p{color:var(--muted);margin:0;font-size:15px}.article-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:16px}.article-card{background:#3d2415;border:1px solid rgba(255,247,237,.1);border-radius:var(--radius);padding:22px;min-height:390px;display:flex;flex-direction:column;transition:.25s}.article-card:hover{transform:translateY(-5px);border-color:rgba(232,96,61,.55)}.featured{background:linear-gradient(150deg,#55311d,#331e17)}.card-top{display:flex;justify-content:space-between;align-items:center}.tag{font:800 10px Rubik;letter-spacing:.09em;text-transform:uppercase}.tag.green{color:var(--accent)}.tag.orange{color:var(--sand2)}.tag.yellow{color:#ffd166}.read-time{font-size:11px;color:#a99587}.card-illustration{height:135px;border-radius:13px;margin:24px 0 21px;display:grid;place-items:center;font:900 78px Rubik;overflow:hidden}.card-illustration.spike{background:radial-gradient(circle at 50% 50%,#39d874 0 7%,transparent 8%),radial-gradient(circle at 50% 45%,#145d39 0 24%,#0f2e25 25% 57%,#061a17 58%);color:#8dffab;text-shadow:0 0 20px #22c55e}.card-illustration.blue{background:linear-gradient(135deg,#142b62,#0b132d);color:#4ea7ff}.card-illustration.amber{background:linear-gradient(135deg,#6a3512,#e2952f);color:#ffe2a3}.article-card h3{font-size:22px}.article-card p{font-size:14px;color:var(--muted);margin:12px 0}.card-link{font-weight:800;font-size:13px;margin-top:auto}.card-link span{color:var(--accent);font-size:19px;margin-left:8px}.section-dark{background:#170b05}.meta-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.tier-panel{border:1px solid var(--line);background:#241109;border-radius:var(--radius);padding:23px}.panel-head{display:flex;justify-content:space-between;color:#fff;font:800 13px Rubik;margin-bottom:14px}.update-badge{color:var(--accent);font-size:10px;letter-spacing:.1em}.tier-row{display:grid;grid-template-columns:35px 1fr 84px 100px;align-items:center;gap:10px;padding:13px 0;border-top:1px solid var(--line);font-size:13px}.tier-row strong{font:700 16px Rubik}.win{color:var(--muted);font-size:11px;text-align:right}.tier{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;font:800 12px Rubik}.tier.splus{background:#572b1f;color:#ffba75}.tier.s{background:#41321c;color:#ffd166}.tier.a{background:#173525;color:#7be495}.bars{height:6px;border-radius:99px;background:#422b22;overflow:hidden}.bars b{display:block;height:100%;background:var(--accent);border-radius:99px}.panel-note{font-size:11px;color:#927e71;margin:17px 0 0}.mode-list{display:flex;flex-direction:column;gap:12px}.mode-card{display:grid;grid-template-columns:40px 1fr 25px;gap:14px;align-items:start;padding:20px;background:#241109;border-radius:var(--radius);border:1px solid var(--line)}.mode-icon{font-size:26px;color:var(--accent);line-height:1}.mode-card strong{font:700 16px Rubik}.mode-card p{color:var(--muted);font-size:13px;line-height:1.55;margin:7px 0 0}.mode-rank{color:var(--accent);font:900 14px Rubik}.source-line{color:#917c70;font-size:11px;margin-top:28px}.source-line a{color:var(--sand2);font-weight:800}.economy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.economy-card{padding:25px;background:#f1c582;color:#241109;border-radius:var(--radius);min-height:320px}.economy-card:nth-child(2){background:#e1a14b}.economy-card:nth-child(3){background:#c78836}.resource-symbol{font-size:30px;margin-bottom:12px}.gem{color:#2b87ff}.coin{color:#8d4d13}.bling{color:#22a452}.economy-card h3{font-size:24px}.economy-card p{font-size:13px;line-height:1.55;margin:13px 0}.economy-card ol{padding-left:19px;margin:0;font-size:12px;font-weight:800;line-height:2}.section-canyon{background:linear-gradient(135deg,#3a2116,#2a180d)}.lore-feature{display:grid;grid-template-columns:1.1fr .9fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#302015}.lore-copy{padding:36px}.lore-copy h3{font-size:clamp(29px,4vw,48px);margin:17px 0}.lore-copy p{max-width:600px;color:var(--muted);font-size:15px}.lore-visual{min-height:340px;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 50% 43%,rgba(217,119,6,.62),transparent 27%),linear-gradient(135deg,#22130c,#5c2f18)}.lore-circle{width:170px;height:170px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(242,179,85,.65);background:radial-gradient(circle,#d97706,#582513 70%);font-size:76px;box-shadow:0 0 0 25px rgba(217,119,6,.08),0 0 0 55px rgba(217,119,6,.04)}.lore-caption{position:absolute;bottom:22px;right:22px;text-align:right;color:#bf9975;font:800 10px/1.5 Rubik;letter-spacing:.13em}.article-long{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.article-long h2{font-size:clamp(37px,4vw,58px);margin-top:17px}.long-copy{color:var(--muted);font-size:15px}.long-copy strong{color:#fff}.loadout{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.loadout span{background:#3d2415;border:1px solid var(--line);padding:13px;border-radius:12px;display:flex;flex-direction:column;gap:4px}.loadout b{font-size:10px;color:var(--sand2);text-transform:uppercase;letter-spacing:.08em}.loadout strong{font-size:12px}.compact{padding-top:70px;padding-bottom:70px}.sources-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sources-grid a{padding:18px;background:#241109;border:1px solid var(--line);border-radius:12px;font-size:13px;font-weight:800}.sources-grid span{color:var(--accent);float:right}.site-footer{background:#180c07;border-top:1px solid var(--line);padding:50px 0 25px}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.footer-note{color:#8e796c;font-size:13px;margin:20px 0}.footer-links{display:flex;flex-direction:column;gap:8px}.footer-links>span{color:var(--sand2);font:800 10px Rubik;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}.footer-links a{color:#e7d8ca;font-size:13px}.footer-links a:hover{color:var(--accent)}.footer-links small{color:#8e796c;font-size:11px;margin-top:4px}.footer-bottom{border-top:1px solid var(--line);margin-top:42px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:#806c60;font-size:10px}.footer-bottom p{margin:0;max-width:600px}.legal-page{min-height:100vh}.legal-main{max-width:820px;margin:auto;padding:80px 28px}.legal-main h1{font-size:clamp(40px,6vw,70px);margin:18px 0 36px}.legal-main h2{font-size:24px;margin:36px 0 10px}.legal-main p,.legal-main li{color:var(--muted);font-size:15px;line-height:1.8}.legal-main .back{color:var(--accent);font-weight:800}.legal-main .law-links a{color:var(--sand2);text-decoration:underline}.legal-footer{max-width:820px;margin:auto;padding:0 28px 50px;display:flex;justify-content:space-between;color:#8e796c;font-size:12px}.legal-footer a{color:var(--sand2)}
@media (max-width:800px){.site-header{height:70px;padding:0 18px;gap:15px}.main-nav{gap:13px}.main-nav a{font-size:11px}.nav-cta{display:none}.shell{padding-left:18px;padding-right:18px}.hero{min-height:650px;align-items:flex-end}.hero-art{inset:0 -45% 0 0;background:linear-gradient(0deg,var(--bg) 4%,rgba(36,17,9,.67) 56%,rgba(36,17,9,.05)),url('canyon-hero.webp') 62% center/cover}.hero-copy{padding:80px 0 95px}.hero-note{right:18px;top:100px}.scroll-cue{left:18px;bottom:24px}.hero-lead{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.section{padding-top:75px;padding-bottom:75px}.section-head{display:block;margin-bottom:28px}.section-head p{margin-top:20px}.article-grid,.meta-layout,.economy-grid,.lore-feature,.article-long,.footer-top{grid-template-columns:1fr}.article-card{min-height:350px}.lore-visual{min-height:260px}.article-long{gap:30px}.sources-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom p+p{margin-top:10px}.tier-row{grid-template-columns:32px 1fr 78px}.bars{display:none}.tier-row strong{font-size:14px}.mode-card{padding:16px}.loadout{grid-template-columns:1fr}.main-nav a:nth-child(4){display:none}}
@media (max-width:420px){.brand{font-size:9px}.brand b{font-size:13px}.main-nav{margin-left:auto}.main-nav a{font-size:10px}.main-nav a:nth-child(3){display:none}h1{font-size:48px}.section-head h2{font-size:38px}.hero{min-height:690px}}
.article-page{background:var(--bg)}.article-hero{padding-top:70px;padding-bottom:74px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 85% 18%,rgba(217,119,6,.23),transparent 33%),linear-gradient(135deg,#241109,#170b05)}.article-back{display:inline-flex;color:var(--accent);font-size:13px;font-weight:800;margin-bottom:42px}.article-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:end}.article-hero h1{font-size:clamp(47px,6vw,80px);margin:16px 0 22px}.article-deck{max-width:600px;color:#e2d0c1;font-size:18px;line-height:1.55;margin:0}.article-meta{display:flex;gap:18px;flex-wrap:wrap;color:#a99587;font-size:12px;font-weight:700;margin-top:25px}.article-meta span+span{border-left:1px solid var(--line);padding-left:18px}.spike-emblem{min-height:270px;border:1px solid rgba(242,179,85,.35);border-radius:20px;display:grid;place-items:center;background:radial-gradient(circle,#3c801f 0 12%,#1c4c2e 13% 27%,transparent 28%),radial-gradient(circle at 50% 45%,rgba(34,197,94,.5),transparent 34%),linear-gradient(135deg,#1a2b20,#382013)}.spike-emblem span{font-size:105px;color:#9dffad;text-shadow:0 0 28px rgba(34,197,94,.7)}.article-wrap{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:64px;padding-top:72px;padding-bottom:90px}.article-content h2{font-size:34px;margin:46px 0 16px}.article-content h2:first-child{margin-top:0}.article-content h3{font-size:21px;margin:28px 0 9px;color:var(--sand2)}.article-content p,.article-content li{color:var(--muted);font-size:16px;line-height:1.75}.article-content strong{color:#fff}.lead-rule{font-size:20px!important;color:#f6dfc9!important;line-height:1.55!important;border-left:3px solid var(--accent);padding-left:20px}.loadout-large{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0 30px}.loadout-large>div{padding:18px;border-radius:14px;background:#3d2415;border:1px solid var(--line)}.loadout-large b{display:block;color:var(--sand2);font:800 10px Rubik;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}.loadout-large strong{display:block;font:700 17px Rubik}.loadout-large small{color:#aa9383;font-size:12px}.article-content ul,.article-content ol{padding-left:22px}.article-content li{padding-left:7px;margin:8px 0}.mode-table{display:grid;gap:10px;margin:22px 0}.mode-table>div{display:grid;grid-template-columns:145px 1fr;gap:18px;padding:17px 18px;border-radius:13px;background:#33201a;border:1px solid var(--line)}.mode-table strong{font:700 16px Rubik;color:#fff}.mode-table p{font-size:14px;margin:0}.article-aside{position:sticky;top:105px;align-self:start;padding:22px;border-radius:16px;background:#241209;border:1px solid var(--line)}.article-aside strong{font:800 11px Rubik;letter-spacing:.12em;text-transform:uppercase;color:var(--sand2)}.article-aside ul{list-style:none;padding:0;margin:16px 0 0}.article-aside li{margin:12px 0}.article-aside a{color:#e7d8ca;font-size:13px}.article-aside a:hover{color:var(--accent)}.source-note{color:#927e71;font-size:12px;border-top:1px solid var(--line);padding-top:21px;margin-top:42px}.source-note a{color:var(--sand2);text-decoration:underline}.article-footer{padding:25px 0 45px;border-top:1px solid var(--line);color:#806c60;font-size:11px}.article-footer a{color:var(--sand2)}
@media (max-width:800px){.article-hero{padding-top:48px;padding-bottom:50px}.article-hero-grid,.article-wrap{grid-template-columns:1fr;gap:35px}.article-hero h1{font-size:48px}.spike-emblem{min-height:180px}.article-wrap{padding-top:50px;padding-bottom:70px}.article-aside{position:static;order:0}.loadout-large{grid-template-columns:1fr}.mode-table>div{grid-template-columns:1fr;gap:7px}}