.resource-page{min-height:100vh;background:radial-gradient(circle at 50% -10%,#12304a 0,transparent 34%),var(--abyss)}
.resource-page .site-header{position:sticky;top:0;z-index:20;background:#080f1cf2;backdrop-filter:blur(12px)}
.resource-page .new-game{text-decoration:none}
.resource-main{min-height:calc(100vh - 64px)}
.resource-shell{width:min(980px,calc(100% - 48px));margin:0 auto;padding:28px 0 0}
.breadcrumbs{display:flex;align-items:center;gap:10px;color:var(--drift);font:16px var(--pixel);letter-spacing:.04em;margin:0 0 46px}
.breadcrumbs a{color:var(--cyan);text-decoration:none}.breadcrumbs span{color:#56718b}
.resource-hero{position:relative;padding:0 0 42px;border-bottom:1px solid var(--line);overflow:hidden}
.resource-hero:after{content:'↓';position:absolute;right:8px;bottom:30px;color:#4de3ff22;font:110px/1 var(--pixel)}
.resource-hero .eyebrow{margin-bottom:14px}.resource-hero h1{max-width:780px;font-size:clamp(42px,7vw,72px);text-wrap:balance}
.resource-lead{max-width:760px;margin:0;color:#b5c3d8;font-size:19px;line-height:1.75}
.resource-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:64px;padding:48px 0 76px}
.resource-toc{position:sticky;top:100px;align-self:start;padding:18px;border:1px solid var(--line);background:#0a1423}
.resource-toc strong{display:block;color:var(--cyan);font:18px var(--pixel);letter-spacing:.08em;margin-bottom:12px}
.resource-toc a{display:block;padding:8px 0;color:var(--drift);font-size:14px;line-height:1.3;text-decoration:none;border-top:1px solid #172a42}.resource-toc a:hover{color:var(--foam)}
.resource-content{min-width:0}.resource-content section{scroll-margin-top:90px;margin:0 0 52px}.resource-content section:last-child{margin-bottom:0}
.resource-content h2{font-size:34px;margin:0 0 17px;color:var(--foam)}.resource-content h3{font:27px var(--pixel);font-weight:400;color:var(--foam);margin:28px 0 9px}
.resource-content p,.resource-content li{color:var(--drift);font-size:16px;line-height:1.78}.resource-content p{margin:0 0 16px}.resource-content a{color:var(--cyan)}
.resource-content ul,.resource-content ol{margin:10px 0 20px;padding-left:24px}.resource-content li+li{margin-top:8px}.resource-content strong{color:var(--foam);font-weight:600}
.info-panel{padding:22px 24px;margin:22px 0;border:1px solid #31566b;border-left:3px solid var(--cyan);background:linear-gradient(120deg,#0d1c30,#101d33)}
.info-panel.pink{border-left-color:var(--pink)}.info-panel.gold{border-left-color:var(--gold)}.info-panel p:last-child{margin-bottom:0}
.score-table{width:100%;border-collapse:collapse;margin:24px 0;color:var(--drift)}.score-table th,.score-table td{padding:13px 14px;text-align:left;border-bottom:1px solid var(--line)}.score-table th{font:18px var(--pixel);font-weight:400;color:var(--foam);background:#0a1423}.score-table td:first-child{font:18px var(--pixel);color:var(--tier,var(--cyan))}.score-table td:nth-child(n+2){white-space:nowrap}
.resource-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0}.resource-card{display:block;position:relative;min-height:180px;padding:24px;border:1px solid #31566b;background:linear-gradient(145deg,#0d1c30,#101d33);text-decoration:none;transition:transform .2s,border-color .2s}.resource-card:hover{transform:translateY(-2px);border-color:var(--cyan)}.resource-card .card-number{font:15px var(--pixel);color:var(--pink);letter-spacing:.12em}.resource-card h2,.resource-card h3{font:29px var(--pixel);font-weight:400;margin:14px 0 8px;color:var(--foam)}.resource-card p{font-size:15px;line-height:1.6;margin:0;color:var(--drift)}.resource-card .card-arrow{position:absolute;right:20px;bottom:17px;color:var(--cyan);font:28px var(--pixel)}
.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}.mode-card{padding:20px;border:1px solid var(--line);background:#0a1423}.mode-card span{font:14px var(--pixel);color:var(--pink);letter-spacing:.1em}.mode-card h3{margin:9px 0 8px}.mode-card p{font-size:14px;margin:0}
.timeline{border-left:1px solid #31566b;margin:24px 0 0;padding-left:28px}.timeline article{position:relative;padding:0 0 34px}.timeline article:before{content:'';position:absolute;left:-34px;top:6px;width:11px;height:11px;background:var(--cyan);box-shadow:0 0 0 5px var(--abyss)}.timeline time{font:16px var(--pixel);color:var(--pink);letter-spacing:.08em}.timeline h2,.timeline h3{margin:8px 0}.timeline p{margin-bottom:0}
.policy-date{color:var(--gold);font:16px var(--pixel);letter-spacing:.06em;margin-top:20px}
.resource-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:26px;margin-top:42px;border:1px solid #3f879d;background:#10243b}.resource-cta h2{font-size:28px;margin:0 0 6px}.resource-cta p{margin:0}.resource-cta a{flex:0 0 auto;padding:12px 18px;background:var(--cyan);color:#07101d;text-decoration:none;font:21px var(--pixel);box-shadow:0 4px 0 #1f7185}
.resource-footer{width:min(980px,calc(100% - 48px));margin:0 auto}
@media(max-width:760px){.resource-main{min-height:calc(100vh - 58px)}.resource-shell{width:min(100% - 40px,680px);padding-top:22px}.breadcrumbs{margin-bottom:32px}.resource-hero{padding-bottom:34px}.resource-hero:after{display:none}.resource-lead{font-size:17px}.resource-layout{grid-template-columns:1fr;gap:34px;padding:36px 0 58px}.resource-toc{position:static}.resource-content section{margin-bottom:42px}.resource-content h2{font-size:30px}.resource-cards,.mode-grid{grid-template-columns:1fr}.score-table{font-size:14px}.score-table th,.score-table td{padding:10px 8px}.resource-cta{align-items:flex-start;flex-direction:column}.resource-footer{width:min(100% - 40px,680px)}}
@media(max-width:420px){.breadcrumbs{font-size:14px}.resource-hero h1{font-size:40px}.score-table td:nth-child(n+2){white-space:normal}.resource-card{min-height:165px}}