@font-face{font-family:Roboto;src:url('fonts/roboto-regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Roboto;src:url('fonts/roboto-black.woff2') format('woff2');font-weight:900;font-display:swap}
:root{--bg:#07121e;--paper:#f3f4f5;--muted:#adbdcc;--gold:#f5d275;--cyan:#8dd9db;--line:#263847}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--paper);background:var(--bg);font-family:Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:7px}::selection{background:var(--gold);color:var(--bg)}.skip{position:fixed;top:-100px;left:20px;background:var(--gold);padding:16px;color:var(--bg);z-index:30}.skip:focus{top:20px}svg{display:block}.header{height:110px;max-width:1600px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 5.5%;position:relative;z-index:5;border-bottom:1px solid #26313b}.brand{display:flex;align-items:center;gap:13px;white-space:nowrap}.brand img{display:block}.brand>span{font-size:30px;letter-spacing:-1px;font-weight:900}.brand small{display:block;font-size:7px;font-weight:400;letter-spacing:1.6px;margin-top:5px;color:#b5c3cd}.header nav{display:flex;gap:35px;align-items:center}.audience-nav{font-size:13px;color:#c2ced8}.audience-nav:hover{color:var(--gold)}.play{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;color:#131b26;background:linear-gradient(110deg,#f8e1a2,#e9bb4f);border:1px solid #ffe7a8;border-radius:3px;box-shadow:0 0 30px #d8ac3c13;padding:18px 24px;font-weight:900;font-size:16px;transition:transform .25s,box-shadow .25s}.play svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6}.play:hover{transform:translateY(-3px);box-shadow:0 5px 35px #e4ba5140}.header .play{font-size:13px;padding:13px 18px;gap:20px}.header .play svg{width:18px;height:18px}
.hero{position:relative;isolation:isolate;max-width:1600px;margin:auto;min-height:740px;padding:64px 5.5% 90px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid #263847}.hero-glow{position:absolute;z-index:-2;inset:0;background:radial-gradient(ellipse at 82% 34%,#143744 0,transparent 53%),radial-gradient(ellipse at 64% 100%,#2f254228,transparent 55%)}.hero-grain{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#c0d4dc30 .65px,transparent .65px);background-size:12px 12px;mask-image:linear-gradient(90deg,transparent 30%,#000 90%);opacity:.32}.hero-copy{position:relative;z-index:2;width:61%}.learn{font-size:21px;color:var(--gold);letter-spacing:4px;margin:0 0 15px 7px}.hero h1{font-size:clamp(90px,9.6vw,154px);font-weight:900;line-height:.9;letter-spacing:-6px}.hero h1 span{display:block}.truth{color:var(--gold);text-shadow:0 0 60px #f5d27520}.hero .about{font-size:.6em;letter-spacing:-3px;margin:15px 0 12px;color:#cad6e0}.fed{white-space:nowrap}.aside{font-size:clamp(15px,1.7vw,23px);color:#d1d9df;margin:29px 0;letter-spacing:-.4px}.mobile-break{display:none}.coin-stage{position:absolute;right:1%;top:46%;transform:translateY(-50%);width:49%;aspect-ratio:1;pointer-events:none;perspective:1000px}.hero-coin{position:absolute;width:73%;height:auto;left:15%;top:14%;transform:rotate(-13deg);filter:drop-shadow(0 22px 14px #0008) drop-shadow(0 0 55px #eac65f23);animation:levitate 7s ease-in-out infinite}.coin-halo{position:absolute;inset:12%;background:radial-gradient(ellipse,#eac65f18,transparent 65%);border-radius:50%;box-shadow:0 0 110px 22px #eac65f06}.orbit{position:absolute;border:1px solid #a4d5d035;border-radius:50%;inset:0;transform:rotate(-30deg) scaleY(.58)}.orbit-one{inset:-3%;border-color:#f5d27566;transform:rotate(-28deg) scaleY(.66)}.orbit-two{inset:-11%;transform:rotate(35deg) scaleY(.4)}.orbit-three{inset:4%;border-style:dashed;border-color:#8db4c62d;transform:rotate(-72deg) scaleY(.66)}.satellite{position:absolute;border-radius:50%;background:#f9dc84;box-shadow:0 0 24px #efc95a99;width:9px;height:9px}.satellite-one{left:1%;top:65%}.satellite-two{right:1%;top:28%;width:5px;height:5px}.satellite-three{left:26%;top:6%;width:4px;height:4px;background:#a2e7e7;box-shadow:0 0 14px #a2e7e7aa}.star{position:absolute;color:#e8d19e;font-size:28px}.star-one{right:10%;top:8%}.star-two{left:16%;bottom:6%;font-size:36px;color:#84bfc7}.star-three{right:0;bottom:15%;font-size:14px}.scroll-link{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);width:35px;height:35px;display:grid;place-items:center;color:#99acba}.scroll-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3}.scroll-link:hover{color:var(--gold)}
.section{padding:95px max(5.5%,calc((100vw - 1424px)/2))}.introduction{background:linear-gradient(180deg,#0b1724,#091522)}.intro-top{display:flex;align-items:center;gap:30px;margin-bottom:60px}.eyebrow{font-size:11px;color:var(--gold);letter-spacing:2.4px}.small-name{font-size:14px;color:#8fa2b2}.section-line{height:1px;flex:1;background:linear-gradient(90deg,#8c764645,#263847)}.intro-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:12%;align-items:center}.introduction h2,.audiences h2{font-size:clamp(45px,5.3vw,80px);font-weight:900;letter-spacing:-3px;line-height:1.05}h2 em{color:var(--gold);font-style:normal}.second-question{font-size:clamp(19px,2.1vw,29px);letter-spacing:-.5px;margin-top:22px;line-height:1.4;color:#c7d3dc}.intro-body{font-size:21px;line-height:1.7;color:#bdcad4;max-width:510px}.creation{display:grid;grid-template-columns:.7fr 1fr;gap:11%;align-items:center;margin-top:60px;padding:30px 0 0;border-top:1px solid #263847}.zero-art{position:relative;isolation:isolate;display:flex;justify-content:center;align-items:center;min-height:325px}.zero{font-size:300px;font-weight:900;letter-spacing:-15px;line-height:1;color:#fff3ce;text-shadow:0 0 80px #e4ba5120}.zero-orbit{position:absolute;width:90%;height:40%;border:1px solid #dcb85a70;border-radius:50%;transform:rotate(-25deg);z-index:-1}.spark{position:absolute;right:8%;top:10%;font-size:50px;color:var(--gold)}.creation p{font-size:18px;line-height:1.9;color:#b6c5d2}.creation strong{display:block;font-size:27px;line-height:1.3;font-weight:900;letter-spacing:-.5px;color:var(--paper);margin-bottom:22px}
.audiences{background:#0a1520;border-top:1px solid #243542}.audience-title-row{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:62px}.audience-title-row>img{transform:rotate(14deg);filter:drop-shadow(0 0 28px #f6c95c1c)}.audience-group+.audience-group{margin-top:48px}.audience-group>h3{font-size:14px;font-weight:400;letter-spacing:.6px;margin:0 0 17px;color:#a8c4ce}.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.audience-card{background:linear-gradient(130deg,#132738,#0d1e2c);border:1px solid #304858;border-radius:8px;transition:border-color .25s,box-shadow .25s;overflow:hidden}.card-2{background:linear-gradient(130deg,#202238,#111a2b);border-color:#3c3b54}.card-3{background:linear-gradient(130deg,#28271d,#161f23);border-color:#454537}.card-4{background:linear-gradient(130deg,#0f2b31,#101f2c);border-color:#2e4c54}.audience-card:hover{border-color:#9c864f;box-shadow:0 10px 35px #0003}.audience-card[open]{border-color:#d3b46375}.audience-card summary{position:relative;cursor:pointer;list-style:none;padding:32px 35px 35px;min-height:255px}.audience-card summary::-webkit-details-marker{display:none}.card-number{display:block;font-size:12px;letter-spacing:1.5px;color:#b5c4cf;margin-bottom:25px}.audience-card h3{font-size:30px;font-weight:900;letter-spacing:-.8px;line-height:1.2;padding-right:18px;margin-bottom:18px}.audience-card summary>p{font-size:15px;line-height:1.7;color:#c0ccd5;padding-right:28px;max-width:600px}.expand{position:absolute;right:33px;top:31px;width:29px;height:29px;border:1px solid #7c96a161;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.expand i{position:absolute;height:1px;width:10px;background:var(--gold)}.expand i:last-child{transform:rotate(90deg);transition:transform .25s}.audience-card[open] .expand i:last-child{transform:rotate(0)}.audience-card[open] summary .expand{background:#f5d27518}.card-content{padding:0 35px 33px;color:#c2cfd8}.card-content p{font-size:15px;line-height:1.8;margin-bottom:20px}.card-content p:last-child{margin-bottom:0}.card-content ul{list-style:none;padding:0;margin:25px 0}.card-content li{font-size:14px;line-height:1.8;padding:15px 0 15px 21px;border-top:1px solid #c5d7de21;position:relative}.card-content li:last-child{border-bottom:1px solid #c5d7de21}.card-content li:before{content:'';width:5px;height:5px;background:var(--gold);position:absolute;left:1px;top:25px;border-radius:50%}
.closing{text-align:center;position:relative;overflow:hidden;padding-top:95px;padding-bottom:100px;isolation:isolate;border-top:1px solid #263847}.closing-glow{position:absolute;inset:-20%;background:radial-gradient(ellipse at 50% 80%,#63492238,transparent 55%);z-index:-1}.closing-line{width:65px;height:2px;background:var(--gold);margin:0 auto 45px;box-shadow:0 0 16px #e8c4664d}.closing h2{font-size:clamp(30px,3.8vw,57px);font-weight:900;line-height:1.25;letter-spacing:-1.7px;max-width:1040px;margin:0 auto 42px}.closing .play{min-width:235px}footer{padding:35px 5.5%;max-width:1600px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin:auto;border-top:1px solid #263847}.footer-brand>span{font-size:25px}footer>p{font-size:12px;line-height:1.8;color:#aebfcb}footer>p a{color:#f0d99b;border-bottom:1px solid #dbc37f70;padding-bottom:3px}footer>p a:hover{color:#fff}
@keyframes levitate{0%,100%{transform:translateY(0) rotate(-13deg)}50%{transform:translateY(-12px) rotate(-11deg)}}
@media(min-width:1600px){.hero{min-height:870px}.hero h1{font-size:164px}}
@media(max-width:1100px){.header{height:95px}.header nav{gap:22px}.hero{min-height:650px;padding-top:50px;padding-bottom:80px}.hero h1{font-size:10vw;letter-spacing:-4px}.hero .about{letter-spacing:-2px}.learn{font-size:17px}.coin-stage{width:47%;right:1%}.aside{font-size:17px}.section{padding:74px 5.5%}.intro-top{margin-bottom:45px}.intro-layout{gap:8%}.intro-body{font-size:18px}.creation{gap:8%}.creation p{font-size:16px}.creation strong{font-size:24px}.zero{font-size:250px}.zero-art{min-height:280px}.audience-card summary{padding:29px 28px;min-height:270px}.audience-card h3{font-size:26px}.audience-card summary>p{font-size:14px;padding-right:0}.expand{right:26px;top:24px}.card-content{padding:0 28px 29px}.card-content p{font-size:14px}.card-content li{font-size:13px}.closing h2{font-size:39px}.closing{padding-top:80px;padding-bottom:85px}}
@media(max-width:760px){.header{padding:0 6%;height:84px;gap:15px}.brand{gap:8px}.brand img{width:42px;height:42px}.brand>span{font-size:24px}.brand small{font-size:5.5px;letter-spacing:.6px}.header .audience-nav{display:none}.header .play{font-size:11px;padding:11px 13px;gap:12px}.header .play svg{width:16px;height:16px}.hero{padding:45px 6% 80px;min-height:660px;align-items:flex-start}.hero-copy{width:77%}.learn{font-size:16px;margin-left:3px;margin-bottom:16px;letter-spacing:3px}.hero h1{font-size:13.5vw;letter-spacing:-3.5px;line-height:.92}.hero .about{font-size:.65em;margin:12px 0 8px}.aside{font-size:16px;line-height:1.6;margin-top:22px;margin-bottom:25px;max-width:340px}.coin-stage{width:52%;top:53%;right:-13%;opacity:.75;z-index:-1}.hero-coin{width:82%;left:10%}.hero-glow{background:radial-gradient(ellipse at 100% 50%,#174353,transparent 70%)}.hero .play{font-size:14px;padding:16px 20px;gap:35px}.hero-grain{opacity:.22}.orbit{opacity:.6}.section{padding:60px 6%}.intro-top{gap:18px;margin-bottom:36px}.eyebrow{font-size:8px;letter-spacing:1.6px}.small-name{display:none}.introduction h2,.audiences h2{font-size:48px;letter-spacing:-2.4px}.intro-layout{display:block}.second-question{font-size:22px;margin-top:18px}.intro-body{font-size:17px;margin-top:27px;max-width:100%;line-height:1.8}.creation{margin-top:35px;display:block;padding-top:10px}.zero-art{max-width:350px;min-height:230px;margin:0 auto}.zero{font-size:220px}.zero-orbit{width:90%;height:40%}.spark{font-size:35px;top:16%;right:12%}.creation p{font-size:16px;line-height:1.9;margin-top:20px}.creation strong{font-size:25px}.audience-title-row{margin-bottom:37px;gap:20px}.audience-title-row>img{width:64px;height:64px}.audience-group>h3{font-size:12px}.card-grid{gap:14px}.audience-card summary{padding:25px 20px;min-height:285px}.audience-card h3{font-size:23px;letter-spacing:-.6px}.audience-card summary>p{font-size:13px;line-height:1.7}.card-number{font-size:10px;margin-bottom:28px}.expand{right:20px;top:19px;width:26px;height:26px}.card-content{padding:0 20px 27px}.card-content p{font-size:13px}.card-content li{font-size:12px;padding-left:16px}.audience-group+.audience-group{margin-top:34px}.closing{padding-top:65px;padding-bottom:70px}.closing h2{font-size:32px;letter-spacing:-1px;line-height:1.35}.closing-line{margin-bottom:32px}.closing .play{font-size:15px;min-width:225px}.footer-brand>span{font-size:23px}footer{padding:30px 6%;flex-direction:column;align-items:flex-start;gap:23px}footer>p{font-size:11px}}
@media(max-width:460px){.header{padding:0 5%;gap:10px}.brand>span{font-size:22px}.brand img{width:37px;height:37px}.brand small{font-size:5px;letter-spacing:.45px}.header .play{font-size:10px;padding:10px 11px;gap:8px}.header .play svg{width:14px;height:14px}.hero{padding-top:40px;min-height:700px;padding-bottom:58px}.hero-copy{width:100%}.hero h1{font-size:19.6vw;letter-spacing:-3px}.hero .about{font-size:.6em;margin:12px 0 9px}.hero .fed{font-size:.86em;letter-spacing:-3.5px}.learn{font-size:15px;letter-spacing:3px}.aside{font-size:14px;max-width:260px;line-height:1.6;margin-top:22px;margin-bottom:23px}.mobile-break{display:inline}.coin-stage{width:63%;right:-17%;top:auto;bottom:0;transform:none;opacity:.9}.hero .play{font-size:13px;padding:15px 18px;gap:24px}.hero .play svg{width:19px}.scroll-link{left:9%;bottom:26px}.hero-grain{mask-image:linear-gradient(180deg,transparent 40%,#000)}.section{padding:50px 6%}.introduction h2,.audiences h2{font-size:43px;letter-spacing:-2px}.intro-body{font-size:16px}.second-question{font-size:20px}.eyebrow{font-size:7px;letter-spacing:1.3px}.intro-top{margin-bottom:32px}.creation p{font-size:15px}.creation strong{font-size:25px}.card-grid{grid-template-columns:1fr;gap:15px}.audience-card summary{padding:27px 26px 29px;min-height:225px}.audience-card h3{font-size:26px;margin-bottom:14px}.audience-card summary>p{font-size:14px;padding-right:14px}.card-number{margin-bottom:24px}.expand{right:26px;top:22px}.card-content{padding:0 26px 29px}.card-content p,.card-content li{font-size:14px}.audience-title-row>img{width:57px;height:57px}.closing h2{font-size:29px;letter-spacing:-1px}.closing{padding-bottom:65px}footer>p{max-width:290px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.audience-card[open] summary{min-height:0;padding-bottom:22px}

.hero h1 .truth-line{display:flex;align-items:baseline;gap:.14em;white-space:nowrap}.hero h1 .article{font-size:1em;line-height:inherit;letter-spacing:inherit;color:#cad6e0}.hero .about{font-size:.4em;line-height:1;letter-spacing:-1px;margin:19px 0 17px}

.creation{grid-template-columns:1fr 1.05fr;gap:6%}.trade-art{display:flex;align-items:center;justify-content:center;min-width:0;aspect-ratio:8/5;overflow:hidden;border-radius:6px}.trade-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 10%;transform:scale(1.025)}
@media(max-width:760px){.hero h1 .truth-line{font-size:.9em}.trade-art{max-width:500px;margin:0 auto}.creation p{margin-top:24px}}
@media(max-width:460px){.hero h1 .truth-line{font-size:.84em}.hero h1 .article{letter-spacing:inherit}.trade-art{width:100%}}

/* Keep audience descriptions comfortably readable in both card states. */
.audience-card summary>p,.card-content p,.card-content li{font-size:18px}
@media(max-width:1100px){.audience-card summary>p,.card-content p,.card-content li{font-size:17px}}

/* Official tagline, vault hero, and audience descriptions. */
.brand small{font-size:13px;line-height:1.2;letter-spacing:.15px;color:var(--gold);margin-top:5px}
.vault-stage{position:absolute;inset:0 0 0 auto;width:49%;z-index:0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 22%)}
.hero-vault{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.vault-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#07121e15,transparent 20%,transparent 78%,#07121e9c)}
.hero-grain{display:none}
.hero-glow{background:radial-gradient(ellipse at 66% 35%,#46301e35,transparent 60%)}
.audience-card summary{min-height:355px}
.audience-card summary>p{padding-right:0}
.card-content ul{margin:0}
.card-grid{row-gap:24px}
@media(min-width:1600px){.audience-card summary{min-height:340px}}
@media(max-width:1100px){.audience-card summary{min-height:370px}}
@media(max-width:760px){
 .brand small{font-size:11px;letter-spacing:0}
 .hero{flex-direction:column;min-height:0;padding-bottom:0}
 .hero-copy{width:100%}
 .vault-stage{position:relative;inset:auto;width:calc(100% + 13.637%);height:420px;margin:28px -6.818% 0;mask-image:linear-gradient(180deg,transparent,#000 18%)}
 .hero-vault{object-position:50% 57%}
 .vault-stage:after{background:linear-gradient(180deg,transparent 60%,#07121e80)}
 .hero .scroll-link{left:50%;bottom:16px;color:#fff3cc}
 .card-grid{grid-template-columns:1fr;gap:18px}
 .audience-card summary{min-height:0;padding:28px}
 .audience-card h3{font-size:27px}
 .card-content{padding:0 28px 28px}
}
@media(max-width:460px){
 .brand small{font-size:10px}
 .vault-stage{height:330px;margin-top:20px}
 .audience-card summary{padding:27px 26px 29px}
 .audience-card h3{font-size:26px}
 .card-content{padding:0 26px 29px}
}

/* The game's Bank A, Central Bank, Treasury and Households card palette. */
.card-1{--card-accent:#68beff}
.card-2{--card-accent:#39ead4}
.card-3{--card-accent:#ffc75c}
.card-4{--card-accent:#9be878}
.audience-card{position:relative;background:linear-gradient(130deg,color-mix(in srgb,var(--card-accent) 26%,#071a2b),color-mix(in srgb,var(--card-accent) 12%,#061323) 75%);border-color:color-mix(in srgb,var(--card-accent) 74%,#123247);box-shadow:0 10px 35px #010a16b5,0 0 32px color-mix(in srgb,var(--card-accent) 10%,transparent)}
.audience-card:before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--card-accent),color-mix(in srgb,var(--card-accent) 62%,#fff))}
.audience-card h3{color:var(--card-accent)}
.audience-card summary>p,.audience-card .card-content,.audience-card .card-number{color:#c8dce8}
.audience-card .expand{border-color:color-mix(in srgb,var(--card-accent) 53%,#244056);background:color-mix(in srgb,var(--card-accent) 16%,#0c263b)}
.audience-card .expand i,.audience-card .card-content li:before{background:var(--card-accent)}
.audience-card:hover,.audience-card[open]{border-color:var(--card-accent);box-shadow:0 0 24px color-mix(in srgb,var(--card-accent) 18%,transparent),0 10px 35px #010a16b5}
.audience-card[open] summary .expand{background:var(--card-accent)}
.audience-card[open] summary .expand i{background:#092237}
.audience-card summary:focus-visible{outline-color:var(--card-accent);outline-offset:-8px}

/* Larger navigation, play labels, and the game introduction. */
.audience-nav{font-size:18px;white-space:nowrap}
.header .play{font-size:18px;white-space:nowrap}
.hero .play,.closing .play{font-size:20px}
.creation p{font-size:22px;line-height:1.7}
@media(max-width:1100px){.creation p{font-size:20px}}
@media(max-width:760px){
 .header .play{font-size:16px}
 .hero .play,.closing .play{font-size:18px}
 .creation p{font-size:20px;line-height:1.75}
}
@media(max-width:360px){
 .header{height:auto;min-height:84px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px;row-gap:14px}
 .header nav{margin-left:auto}
}