@font-face{font-family:Quest;src:url('assets/menu-font.otf') format('opentype');font-weight:700;font-display:swap}
:root{color-scheme:dark;--cream:#ffedbf;--gold:#edc879;--ink:#0a211b;--px:0px;--py:0px;font-family:Arial,Helvetica,sans-serif;color:var(--cream);background:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #fff4a1;outline-offset:7px}button:disabled,a[aria-disabled="true"]{cursor:default;opacity:.72}a[aria-disabled="true"]{pointer-events:none}[hidden]{display:none!important}.skip-link{position:fixed;z-index:20;left:20px;top:-90px;padding:15px;background:#13291e}.skip-link:focus{top:20px}
.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(22px,5vw,88px)}
.small-brand{font-family:Quest,Georgia,serif;font-size:26px;letter-spacing:.07em;color:#fff0c2;text-shadow:0 2px #674021,0 4px 9px #08201a}.chapter-nav{display:flex;gap:clamp(18px,3vw,42px);align-items:center}.chapter-nav a{font-size:14px;font-weight:700;text-shadow:0 2px 7px #001326;border-bottom:2px solid transparent;padding:10px 0}.chapter-nav a:hover{border-color:var(--gold);color:#fff4d8}
.hero{position:relative;isolation:isolate;min-height:max(780px,100svh);overflow:hidden;background:#306bb6}.landscape{position:absolute;inset:-20px;z-index:-3;background:url('assets/world.jpg') center center/cover no-repeat;transform:translate(calc(var(--px) * -.35),calc(var(--py) * -.35)) scale(1.025);transition:transform .45s ease-out}.hero-light{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,22,31,.67),rgba(3,23,33,.38) 42%,transparent 70%),linear-gradient(0deg,#0a211b,rgba(10,33,27,.08) 19%,transparent 38%)}
.hero-inner{max-width:1400px;width:90%;margin:auto;min-height:inherit;display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:2%;padding:105px 0 115px}.hero-copy{position:relative;z-index:3;text-align:center;padding-top:6px}.title-art{margin:0 auto;width:100%;max-width:660px}.title-art img{width:100%;height:auto;filter:drop-shadow(0 5px 3px #00162199)}.ticker{font-family:Quest,Georgia,serif;font-size:clamp(26px,3vw,46px);letter-spacing:.1em;color:#ffe4a7;text-shadow:0 2px #805623,0 4px 10px #062216;margin:15px 0 30px}.game-menu{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:520px;margin:0 auto;perspective:900px}
.game-button{position:relative;isolation:isolate;display:flex;align-items:center;gap:12px;min-height:92px;text-align:left;border:0;padding:12px 18px 12px 9px;background:none;transform:rotateX(4deg);transition:transform .15s,filter .15s;filter:drop-shadow(0 7px 0 #362815) drop-shadow(0 10px 8px #00171077)}
.game-button::before,.game-button::after{content:"";position:absolute;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}
.game-button::before{inset:0;z-index:-2;background:conic-gradient(from 45deg at 50% 50%,#d2a649 0deg 90deg,#725027 90deg 180deg,#c39138 180deg 270deg,#ffe8a1 270deg)}
.game-button::after{inset:4px;z-index:-1;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);background:linear-gradient(155deg,#294c37 0%,#183c28 49.5%,#12321f 50%,#0d271d 100%);box-shadow:inset 0 2px #97ac6370,inset 0 -3px #071b13}
.game-button img{width:64px;height:64px;object-fit:contain;flex:none;filter:drop-shadow(0 3px 2px #0006)}.game-button>span{font-family:Quest,Georgia,serif;font-size:24px;text-shadow:0 2px #091e13}.game-button small{display:block;font:12px Arial,Helvetica,sans-serif;letter-spacing:.02em;margin-top:5px;color:#d1d9b5}.game-button:hover:not(:disabled):not([aria-disabled]){transform:translateY(-4px) rotateX(0);filter:brightness(1.12) drop-shadow(0 10px 0 #362815) drop-shadow(0 14px 8px #00171077)}.game-button:active:not(:disabled):not([aria-disabled]){transform:translateY(4px);filter:drop-shadow(0 2px 0 #362815)}.copy-status{height:18px;line-height:18px;font-size:14px;margin:19px 0 0;color:#fff2c8}
.character-stage{position:relative;align-self:center;display:flex;align-items:flex-end;justify-content:center;height:min(660px,72svh);min-height:520px;perspective:1100px;transform:translate(var(--px),var(--py));transition:transform .45s ease-out}.character{height:100%;width:100%;object-fit:contain;object-position:center bottom;position:relative;z-index:1;transform-origin:50% 98%;animation:character-idle 6s ease-in-out infinite;filter:drop-shadow(10px 8px 2px #09212333)}.character-shadow{position:absolute;width:46%;height:28px;bottom:-3px;left:27%;background:#07160bb0;filter:blur(10px);border-radius:50%;transform:rotate(-5deg)}@keyframes character-idle{0%,100%{transform:rotate(-.35deg)}50%{transform:rotate(.35deg) translateY(-3px)}}
.next-section{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:14px;font-size:12px;text-transform:uppercase;letter-spacing:.17em;white-space:nowrap;color:#e2dfbb;padding:10px}.down-chevron{width:12px;height:12px;border-bottom:2px solid #d5b676;border-right:2px solid #d5b676;transform:rotate(45deg)}
.section{position:relative;min-height:100svh;padding:100px 6% 120px}.section-inner{max-width:1220px;margin:0 auto}.post-section{background:radial-gradient(ellipse at 85% 65%,#21433170,transparent 65%),#0a211b}.post-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,110px);align-items:center;max-width:1130px}.chapter-icon{width:110px;height:110px;object-fit:contain;margin:0 0 26px;filter:drop-shadow(0 10px 5px #0004)}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#bdaa76;margin:0 0 18px}h2{font-family:Quest,Georgia,serif;font-weight:700;font-size:clamp(56px,7vw,102px);line-height:.95;letter-spacing:-.03em;color:#f6deaa;text-shadow:0 3px #57422a;margin:0 0 30px}.source-name{font-size:18px;line-height:1.6;margin:0 0 32px}.source-name span{display:block;font-size:14px;color:#99b2a3}.text-link{display:inline-flex;gap:24px;align-items:center;min-height:40px;background:none;border:0;border-bottom:1px solid #a28d5980;padding:6px 0;font-size:14px;color:#f6dfb1;font-weight:600}.text-link:hover{color:#fff;border-color:#f7d796}
.relic-frame{position:relative;background:#091315;border:6px solid;border-color:#b5a274 #4b483b #393c31 #857957;box-shadow:0 0 0 2px #18221c,0 12px 0 #111b15,0 28px 50px #0004}.frame-top{min-height:46px;padding:12px 19px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(145deg,#354330,#1b2b24);border-bottom:3px solid #5a5e43;font-family:Quest,Georgia,serif;font-size:14px;letter-spacing:.065em;color:#d8c997}.post-frame{width:100%;max-width:528px;justify-self:center;transform:perspective(1400px) rotateY(-3deg)}.post-content{padding:16px;background:#070f11;min-height:350px}#tweet-embed{display:flex;justify-content:center;width:100%}#tweet-embed iframe{max-width:100%!important}#post-fallback{margin:0}#post-fallback img{width:100%;height:auto}figcaption{font-size:12px;line-height:1.5;padding:12px 6px 0;color:#9ca6a1}figcaption a{color:#e5d2a4}
.chart-section{background:radial-gradient(ellipse at 15% 10%,#14393290,transparent 55%),#071925;padding-bottom:26px}.chart-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:34px}.chart-title{display:flex;gap:22px;align-items:center}.chart-title img{width:90px;height:90px;object-fit:contain}.chart-title .eyebrow{margin:0 0 10px}.chart-title h2{font-size:clamp(34px,4vw,56px);margin:0}.chart-frame{border-color:#8e9d9e #364d51 #223e44 #607b7e;box-shadow:0 0 0 2px #08212c,0 12px 0 #06141c,0 30px 50px #0004}.chart-frame .frame-top{background:linear-gradient(145deg,#24434a,#122e38);border-bottom-color:#385b62}.chart-content{position:relative;min-height:600px;height:68svh;max-height:850px;background:#07141b}.chart-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;padding:30px;text-align:center;color:#aebdb6;font-size:16px}.chart-empty img{object-fit:contain;filter:drop-shadow(0 10px 5px #0006)}.chart-empty p{margin:0}#dex-chart{width:100%;height:100%;border:0;display:block;background:#0b1118}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:38px 0 0;font-size:12px;color:#8b9e9e}footer a{padding:12px 0;color:#b9c6bf}
@media(min-width:1600px){.hero-inner{max-width:1500px;grid-template-columns:1fr 1fr}.hero-copy{max-width:690px}.character-stage{height:min(800px,74svh)}}
@media(max-width:1050px){.hero-inner{width:93%;gap:0;grid-template-columns:1.13fr 1fr}.game-menu{gap:16px;max-width:450px}.game-button{padding-right:10px;gap:5px;min-height:84px}.game-button img{width:54px;height:54px}.game-button>span{font-size:22px}.character-stage{height:580px;min-height:0}.post-layout{gap:38px}.post-frame{transform:none}.section{padding-left:5%;padding-right:5%}}
@media(max-width:740px){html{scroll-padding-top:20px}.site-header{height:70px;padding:0 22px}.small-brand{font-size:21px}.chapter-nav{gap:17px}.chapter-nav a{font-size:12px}.hero{min-height:0}.hero-inner{width:100%;min-height:0;display:flex;flex-direction:column;gap:0;padding:100px 20px 100px}.hero-copy{width:min(100%,470px);padding:0}.title-art{width:100%}.ticker{font-size:31px;margin:12px 0 24px}.game-menu{gap:16px;max-width:410px}.game-button{min-height:82px;gap:7px;padding:10px 9px}.game-button img{width:54px;height:54px}.game-button>span{font-size:22px}.game-button small{font-size:12px}.copy-status{margin-top:16px}.character-stage{align-self:center;width:100%;max-width:400px;height:490px;margin-top:10px}.landscape{background-position:64% 40%;inset:0;transform:none;background-size:auto 100%}.hero-light{background:linear-gradient(0deg,#0a211b,transparent 24%,rgba(3,23,33,.1) 45%,rgba(3,23,33,.65) 85%)}.next-section{bottom:24px}.section{padding:75px 22px 100px;min-height:0}.post-layout{grid-template-columns:1fr;gap:38px}.section-intro{text-align:center}.chapter-icon{width:75px;height:75px;margin:0 auto 20px}h2{font-size:64px}.post-section h2 br{display:none}.post-section h2{margin-bottom:20px}.source-name{margin-bottom:16px}.post-frame{max-width:490px}.post-content{padding:10px}.frame-top{font-size:12px;padding:12px}.chart-heading{display:block;margin-bottom:24px}.chart-title{gap:12px;margin-bottom:15px}.chart-title img{width:63px;height:63px}.chart-title h2{font-size:38px}.chart-title .eyebrow{font-size:12px}.chart-content{height:640px;min-height:0;max-height:none}.chart-section{padding:65px 16px 15px}.chart-heading>.text-link{margin-left:76px;font-size:12px;min-height:30px}.chart-frame{border-width:4px}footer{font-size:12px;gap:15px;flex-wrap:wrap;margin-top:25px}}
@media(max-width:380px){.site-header{padding:0 16px}.chapter-nav{gap:12px}.chapter-nav a{font-size:12px}.hero-inner{padding-left:16px;padding-right:16px}.game-menu{gap:14px 10px}.game-button img{width:46px;height:46px}.game-button>span{font-size:20px}.game-button small{font-size:12px;letter-spacing:-.02em}.character-stage{height:420px}.post-section h2{font-size:55px}.chart-title h2{font-size:33px}}
/* Keep the feet on the stone terrace, independently of the title/menu height. */
@media(min-width:741px){.character-stage{position:absolute;right:6%;bottom:22%;width:40%;height:62%;max-height:720px;min-height:0}}
.game-button:disabled,.game-button[aria-disabled="true"]{opacity:1;filter:brightness(.88) saturate(.65) drop-shadow(0 7px 0 #362815) drop-shadow(0 10px 8px #00171077)}
@media(max-width:740px){.hero{background:#15364d}.landscape{top:auto;bottom:-110px;left:0;right:0;height:800px;background-size:auto 800px;background-position:64% bottom;mask-image:linear-gradient(to bottom,transparent,black 28%)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.landscape,.character-stage{transform:none}}