:root{font-family:var(--font-ui);color:var(--brand-paper);background:var(--brand-ground);font-synthesis:none;--stats-green:oklch(74% .09 160);--stats-red:oklch(67% .1 28);--stats-returning:oklch(60% .06 210)}
*{box-sizing:border-box}body{margin:0;min-height:100svh}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid var(--brand-gold);outline-offset:5px}::selection{background:var(--brand-gold);color:var(--brand-ground)}
.shell{width:min(1240px,calc(100% - 80px));margin-inline:auto}.skip{position:fixed;top:10px;left:10px;z-index:5;padding:14px;background:var(--brand-gold);color:var(--brand-ground);transform:translateY(-200%)}.skip:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.dungeon-scene{position:absolute;inset:0 0 auto;height:650px;z-index:-1;background:linear-gradient(0deg,var(--brand-ground),transparent 75%),linear-gradient(#07111599,#071115cc),url('/xscape/frontier.png') center 42%/cover no-repeat;pointer-events:none}.site-header{height:108px;display:flex;align-items:center}.logo{width:132px}.logo img{display:block;width:100%;height:auto}main.shell{padding:24px 0 90px}
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--brand-muted);margin:0 0 12px}h1{font-size:28px;font-weight:500;letter-spacing:-.03em;margin:0}.stats-status{font-size:12px;color:var(--brand-muted);line-height:1.6;margin:0;max-width:340px;text-align:right}
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.tile{min-width:0;border:1px solid var(--brand-edge);background:var(--brand-stone);padding:24px;position:relative}.tile h2,.tile h3{margin:0;font-size:14px;font-weight:500;line-height:1.4}.tile h2{font-size:16px}.tile-top{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.scope{font-size:11px;color:var(--brand-muted);white-space:nowrap}.small{grid-column:span 2}.quarter{grid-column:span 3}.third{grid-column:span 4}.half{grid-column:span 6}.wide{grid-column:span 8}.full{grid-column:1/-1}.hero{grid-column:span 7;padding:30px 34px;background:var(--brand-face);border-color:var(--brand-corner)}.hero:before{content:'';position:absolute;inset:-1px;pointer-events:none;background:var(--brand-corners)}.activity{grid-column:span 5;padding:30px}
.metric{font-size:34px;line-height:1.1;font-weight:550;font-variant-numeric:tabular-nums;letter-spacing:-.055em;margin:20px 0 10px;overflow-wrap:anywhere}.caption{font-size:12px;line-height:1.6;color:var(--brand-muted);margin:12px 0 0;max-width:65ch}.hero-number{font-size:64px;font-weight:550;letter-spacing:-.065em;line-height:1.12;font-variant-numeric:tabular-nums;margin:28px 0 10px;color:var(--brand-gold);overflow-wrap:anywhere}.hero-number>span{font-size:14px;letter-spacing:.03em;margin-left:12px;font-weight:400}.hero-note{font-size:13px;color:var(--brand-muted);margin:0 0 26px}.burn-breakdown .bar-list{display:grid;grid-template-columns:1fr 1fr;gap:17px 28px}.bar-list{margin-top:24px;display:grid;gap:19px}.bar-label{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:12px;margin-bottom:8px}.bar-label strong{font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.bar-track{height:5px;background:oklch(25% .017 210)}.bar-track>span{display:block;height:100%;background:var(--brand-gold)}
.paired-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:29px 0 0}.paired-metrics>div{display:flex;flex-direction:column;gap:7px}.sub-label{font-size:12px;color:var(--brand-muted)}.paired-metrics strong{font-size:38px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.05em}.paired-metrics small{font-size:11px;color:var(--brand-muted);line-height:1.5}.daily-chart{height:130px;display:flex;gap:4px;align-items:end;margin:25px 0 10px;border-bottom:1px solid var(--brand-edge)}.day-column{flex:1;height:100%;min-width:0}.day-stack{height:100%;display:flex;flex-direction:column;justify-content:flex-end}.day-stack span{display:block}.new{background:var(--stats-green)}.returning{background:var(--stats-returning)}.failed{background:var(--stats-red)}.axis,.legend{display:flex;justify-content:space-between;color:var(--brand-muted);font-size:10px;gap:18px}.legend{justify-content:flex-start;margin-top:18px;font-size:11px}.dot{background:none;display:flex;align-items:center;gap:7px}.dot:before{content:'';width:7px;height:7px;background:var(--stats-green)}.dot.returning:before{background:var(--stats-returning)}.dot.failed:before{background:var(--stats-red)}
.section-heading{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:30px 0 2px}.section-heading h2{margin:0;font-size:18px;font-weight:500;letter-spacing:-.025em}.section-heading h2>span{font-size:10px;font-weight:400;letter-spacing:.1em;color:var(--brand-gold);display:inline-block;margin-right:14px;vertical-align:middle}.section-heading p{margin:0;font-size:11px;color:var(--brand-muted)}.outcome{grid-column:span 4}.outcome .metric{color:var(--stats-green);font-size:42px}.outcome-track{height:7px;background:var(--stats-red);margin:20px 0}.outcome-track span{display:block;background:var(--stats-green);height:100%}.outcome-counts{display:flex;gap:40px;margin:0}.outcome-counts dt{color:var(--brand-muted);font-size:11px}.outcome-counts dd{font-size:20px;margin:7px 0 0;font-variant-numeric:tabular-nums}.depth-chart{display:grid;gap:19px;margin:29px 0 0}.depth-row{display:grid;grid-template-columns:76px 1fr 80px;gap:14px;align-items:center;font-size:12px}.depth-track{display:flex;height:11px;background:oklch(25% .017 210)}.depth-track i{background:var(--stats-green)}.depth-track b{background:var(--stats-red)}.depth-row strong{text-align:right;font-weight:500;font-variant-numeric:tabular-nums}.depth-row strong>span:not(.sr-only){color:var(--brand-muted)}
.record-list{margin:23px 0 0}.record-list>div{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid var(--brand-edge)}.record-list>div:last-child{border:0}.record-list dt{font-size:12px;color:var(--brand-muted)}.record-list dd{margin:0;font-size:19px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.loot-table{margin:20px 0 0}.loot-head,.loot-row{display:grid;grid-template-columns:1fr 90px 70px;gap:10px;padding:13px 0;border-bottom:1px solid var(--brand-edge);font-size:13px}.loot-head{font-size:11px;color:var(--brand-muted)}.loot-row:last-child{border:0}.loot-row>:not(:first-child),.loot-head>:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.loot-row strong{font-weight:500}.rarity-0>:first-child{color:#a4ada9}.rarity-1>:first-child{color:#73c9a4}.rarity-2>:first-child{color:#69bbed}.rarity-3>:first-child{color:#c797f2}.rarity-4>:first-child{color:#ffcc6a}.inline-facts{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:24px;font-size:12px;color:var(--brand-muted);line-height:1.7}.inline-facts strong{color:var(--brand-paper);font-weight:500}.compact-list{margin:20px 0 0;border-top:1px solid var(--brand-edge);padding-top:10px}.compact-list>div{display:flex;justify-content:space-between;gap:10px;font-size:11px;padding:6px 0}.compact-list dt{color:var(--brand-muted)}.compact-list dd{margin:0;text-align:right}.compact-list small{color:var(--brand-muted)}.tile-count{font-size:28px;font-weight:500;color:var(--brand-gold)}
.arena-panel{display:grid;grid-template-columns:1fr;gap:16px}.arena-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin:10px 0}.arena-grid dt{font-size:11px;color:var(--brand-muted);line-height:1.5}.arena-grid dd{font-size:25px;margin:10px 0 0;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.data-details{margin-top:20px;border-top:1px solid var(--brand-edge);font-size:12px;color:var(--brand-muted)}summary{cursor:pointer;min-height:44px;padding:15px 0;color:var(--brand-paper);width:fit-content}.data-details p{max-width:75ch;line-height:1.7}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}th,td{padding:12px;text-align:right;border-bottom:1px solid var(--brand-edge);white-space:nowrap}th{font-weight:500}th:first-child{text-align:left}caption{text-align:left;padding:8px 0 16px}.loading-grid{display:grid;grid-template-columns:7fr 5fr;gap:14px}.loading-grid>div{height:350px;background:var(--brand-stone);border:1px solid var(--brand-edge)}.loading-grid>div:last-child{grid-column:1/-1;height:140px}
@media(min-width:901px){.outcome{grid-row:span 1}.small{padding:24px 18px}.small .metric{font-size:30px}}
@media(max-width:1000px){.shell{width:calc(100% - 40px)}.hero-number{font-size:54px}.hero{padding:26px}.activity{padding:26px}.burn-breakdown .bar-list{gap:18px}.small{grid-column:span 3}.outcome{grid-column:span 12}.quarter{grid-column:span 3}.wide,.records{grid-column:span 6}.arena-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.site-header{height:85px}.logo{width:100px}main.shell{padding-top:10px}.page-heading{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:22px}h1{font-size:26px}.stats-status{text-align:left;font-size:11px}.bento{gap:10px}.hero,.activity{grid-column:1/-1}.hero-number{font-size:52px}.tile{padding:22px}.hero,.activity{padding:24px}.small,.quarter{grid-column:span 6}.third,.half,.wide,.records{grid-column:1/-1}.metric{font-size:32px}.section-heading{align-items:flex-start;flex-direction:column;gap:8px;margin-top:26px}.section-heading p{padding-left:29px}.section-heading h2{font-size:17px}.arena-grid{grid-template-columns:repeat(2,1fr);row-gap:26px}.daily-chart{height:120px}.depth-row{grid-template-columns:78px 1fr 55px;gap:10px}.burn-breakdown .bar-label{font-size:11px}.burn-breakdown .bar-list{grid-template-columns:1fr}.hero-note{margin-bottom:20px}.loading-grid{grid-template-columns:1fr}.loading-grid>div{height:300px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.coverage-notice{margin:0;padding:14px 18px;border:1px solid var(--brand-corner);color:var(--brand-gold);font-size:12px;line-height:1.6}

/* The same inset stone panels, brass framing and pixel type as the landing. */
h1,.section-heading h2{font-family:var(--font-display);font-weight:400;letter-spacing:-.025em;line-height:1.65}
h1{font-size:clamp(17px,2.3vw,27px)}
.page-heading{padding-block:12px 8px;margin-bottom:32px}
.eyebrow{color:var(--brand-gold);margin-bottom:18px}
.dungeon-scene{height:780px;background:linear-gradient(0deg,var(--brand-ground),transparent 80%),linear-gradient(#07111570,#071115c9),url('/xscape/frontier.png') center 42%/cover no-repeat}
.tile{container-type:inline-size;background:var(--brand-face);box-shadow:var(--brand-frame)}
.tile:before{content:'';position:absolute;inset:-1px;pointer-events:none;background:var(--brand-corners);opacity:.65}
.tile h2{font-family:var(--font-display);font-size:12px;line-height:1.75;font-weight:400}
.tile h3{color:var(--brand-paper)}
.hero{background:linear-gradient(90deg,#111e20f5,#111e20e6 50%,#111e20bd),url('/xscape/orbital-habitat.png') 70% center/cover;border-color:var(--brand-corner)}
.hero:before{opacity:1}
.hero .tile-top h2{color:var(--brand-gold)}
.metric,.hero-number,.paired-metrics strong,.outcome-counts dd,.record-list dd,.tile-count,.arena-grid dd{font-family:var(--font-display);font-weight:400;letter-spacing:-.045em;line-height:1.5}
.metric,.small .metric{font-size:clamp(14px,12cqi,28px);margin-top:24px;overflow-wrap:normal}
.metric-unit{display:block;font:11px/1.5 var(--font-ui);letter-spacing:.08em;color:var(--brand-muted);margin-top:8px}
.hero-number{font-size:clamp(25px,8cqi,52px);line-height:1.5;margin-block:32px 14px;overflow-wrap:normal;text-shadow:0 3px #342e20}
.hero-number>span{display:block;font:11px/1.5 var(--font-ui);letter-spacing:.14em;margin:4px 0 0;text-shadow:none}
.paired-metrics strong{font-size:clamp(22px,7cqi,32px);color:var(--brand-paper)}
.outcome .metric{font-size:clamp(24px,10cqi,34px)}
.outcome-counts dd{font-size:16px}
.record-list dd{font-size:clamp(10px,3.6cqi,14px)}
.tile-count{font-size:24px}
.arena-grid dd{font-size:clamp(13px,2cqi,20px)}
.section-heading{align-items:center;margin-top:38px;gap:22px}
.section-heading h2{font-size:15px;flex-shrink:0}
.section-heading:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,var(--brand-corner),transparent);order:1}
.section-heading p{order:2;text-align:right}
.section-heading h2>span{font-size:9px;letter-spacing:0;border:1px solid var(--brand-corner);padding:9px 7px;background:#132022;box-shadow:inset 0 0 0 3px #0b1417}
.bar-track,.depth-track,.outcome-track{background-color:#081316;box-shadow:0 1px #43534a66,inset 0 1px 2px #0007}
.bar-track>span{background:linear-gradient(#d4b779,#a99059);box-shadow:inset 0 -1px #725c34}
.daily-chart{background:repeating-linear-gradient(to top,transparent 0,transparent 31px,#8d9e8f12 31px,#8d9e8f12 32px)}
.loot-head{color:var(--brand-gold)}
.arena-grid>div{border-left:2px solid var(--brand-corner);padding-left:14px}
@media(max-width:1000px){.tile h2{font-size:11px}.tile-top{flex-wrap:wrap}.section-heading{gap:16px}.section-heading h2{font-size:13px}}
@media(max-width:700px){.page-heading{padding-top:0;margin-bottom:26px}.section-heading{align-items:flex-start;gap:10px;margin-top:30px}.section-heading:after{display:none}.section-heading h2{font-size:13px}.section-heading p{padding-left:44px;text-align:left}.small,.quarter{padding:22px 16px}.hero-number{font-size:clamp(25px,8cqi,42px)}.hero{background-position:65% center}.arena-grid dd{font-size:14px}.paired-metrics strong{font-size:26px}.record-list dd{font-size:clamp(10px,3.6cqi,14px)}.tile-count{font-size:22px}}

/* Match the full game navigation; mobile-nav.css supplies its mobile track. */
.game-nav{height:80px;padding:0 4vw;position:relative;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--brand-edge);background:#0b1417;box-shadow:inset 0 -4px #071013}
.nav-brand{display:flex;flex:none;width:150px;align-items:center}.nav-brand img{width:150px;height:75px;object-fit:contain}
.nav-destinations{display:flex;gap:8px;height:100%;align-items:center;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--brand-edge) transparent}
.game-nav .nav-destinations a{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;white-space:nowrap;font:500 13px/1.5 var(--font-ui);padding:10px 12px;min-height:46px;border:1px solid transparent;color:var(--brand-muted)}
.game-nav .nav-destinations a:hover{color:var(--brand-gold);border-color:var(--brand-edge)}
.game-nav .nav-destinations [aria-current]{color:var(--brand-paper);background:var(--brand-selected);border-color:var(--brand-gold);box-shadow:inset 0 0 0 3px #0b1417}
.nav-icon{display:block;width:24px;height:24px;flex:0 0 24px;object-fit:contain;image-rendering:pixelated}
.stats-status{max-width:none;text-align:left;margin:0 0 20px}.stats-status[hidden]{display:none}
main.shell{padding-top:40px}
@media(max-width:1100px){.game-nav .nav-brand{display:none}.game-nav .nav-destinations{width:100%;justify-content:flex-start}}
@media(max-width:760px){.game-nav .nav-destinations{gap:4px}.game-nav .nav-destinations a{font-size:12px;padding:10px 8px;min-height:48px}main.shell{padding-top:30px}}
