:root{color-scheme:dark;--bg:#11120e;--cream:#eeeee4;--muted:#909286;--gold:#e9c65a;--border:#33352b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--cream);font-family:'DM Sans','Noto Sans SC',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:6px}button:disabled{cursor:wait} [hidden]{display:none!important}.grain{position:fixed;inset:0;pointer-events:none;z-index:9;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.header,main,footer{max-width:1440px;margin:auto}.header{height:112px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;gap:13px;align-items:center;font-weight:800;font-size:19px;letter-spacing:2px}.brand small{display:block;font-size:9px;letter-spacing:2.2px;font-weight:500;margin-top:5px;color:var(--muted)}.brand-icon{color:var(--gold);font-size:35px;font-weight:800;letter-spacing:-9px;padding-right:15px;position:relative}.brand-icon span{font-size:20px;position:absolute;right:0;top:0}.header-note{font-size:11px;color:var(--muted);letter-spacing:2px}.sound{display:flex;gap:12px;align-items:center;background:none;border:1px solid var(--border);border-radius:30px;color:var(--muted);padding:10px 16px;font-size:10px;letter-spacing:1px}.sound>span:first-child{color:var(--gold);letter-spacing:1px}.intro{position:relative;padding:74px 6% 0;overflow:hidden}.intro-copy{position:relative;z-index:2;max-width:630px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:2px;color:#b2b6a3}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px #e9c65a40}.chapter{color:var(--gold);font-size:11px;letter-spacing:2px;margin-top:60px}.chapter span{color:var(--muted)}h1{font-size:clamp(48px,6.1vw,86px);letter-spacing:-5px;line-height:1.2;font-weight:900;margin:21px 0 27px;white-space:nowrap}.gold{color:var(--gold)}.punctuation{display:inline-block;transform:rotate(10deg);color:var(--gold);margin-left:5px}.lead{font-size:16px;line-height:2;color:#a4a69c;margin:0}.lead span{color:var(--cream)}.choices{display:flex;gap:14px;margin-top:39px}.choices button{padding:20px 23px;min-width:207px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-radius:3px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.choices button:hover{transform:translateY(-4px)}.yes{background:var(--gold);border:1px solid var(--gold);color:#17190f}.yes:hover{background:#f4da86}.no{background:#202219;border:1px solid #414438;color:#d7d9ca}.no:hover{background:#2f3325}.choices button span{font-size:22px;font-weight:400}.hint{font-size:10px;color:#7f8273;margin-top:20px;letter-spacing:1px}.hint span{padding-right:7px;color:var(--gold)}.coin-scene{position:absolute;top:8px;right:1%;width:570px;height:600px;perspective:1200px;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#c6a04410,transparent 62%)}.coin{position:absolute;top:155px;left:128px;width:307px;height:307px;transform:rotate(-19deg) rotateY(-20deg);animation:float 7s ease-in-out infinite}.coin-face{position:absolute;inset:0;border-radius:50%;border:11px solid #d2aa47;background:radial-gradient(circle at 32% 24%,#ffeda7,#e3bd57 45%,#a27520 90%);box-shadow:inset 0 0 0 2px #715113,inset 0 0 0 8px #e9ce7f,inset 0 0 0 10px #8d661f,0 0 55px #eec15a12;display:flex;align-items:center;justify-content:center;color:#7c561a}.coin-edge{position:absolute;inset:8px -19px -7px 13px;border-radius:50%;background:repeating-linear-gradient(6deg,#c39735 0 3px,#795714 4px 6px);box-shadow:5px 12px 28px #0009}.coin-mark{font-family:Georgia,serif;font-size:185px;font-weight:bold;line-height:1;text-shadow:2px 3px 0 #f8dc88,-2px -2px 0 #855e19;transform:rotate(6deg);padding-bottom:10px}.coin-top,.coin-bottom{position:absolute;font-size:10px;font-weight:700;letter-spacing:2px;left:0;right:0;text-align:center}.coin-top{top:26px}.coin-bottom{bottom:27px;font-size:7px;letter-spacing:1.7px}.coin-shadow{position:absolute;top:510px;left:155px;width:280px;height:25px;background:#000;border-radius:50%;filter:blur(15px);opacity:.6}.orbit{position:absolute;left:35px;top:110px;width:500px;height:370px;border:1px solid #6c65412e;border-radius:50%;transform:rotate(-32deg)}.orbit-two{transform:rotate(39deg);width:460px;left:52px;top:128px;height:340px;border-style:dashed}.orbit-label{position:absolute;font-size:9px;color:#868676;letter-spacing:2px}.label-top{top:112px;left:190px;transform:rotate(-12deg)}.label-bottom{bottom:58px;right:97px;font-size:10px;letter-spacing:1px}.spark{position:absolute;color:var(--gold)}.spark-one{font-size:53px;right:56px;top:160px}.spark-two{font-size:33px;left:76px;top:435px}.small-coin{position:absolute;border:1px solid #b79949;border-radius:50%;color:var(--gold);display:grid;place-items:center;background:#3a311b;box-shadow:4px 3px 0 #746026;opacity:.8}.small-one{width:52px;height:52px;top:70px;left:96px;font-family:Georgia,serif;font-size:29px;transform:rotate(-25deg)}.small-two{width:27px;height:27px;right:65px;bottom:120px;transform:rotate(20deg)}.coordinate{position:absolute;right:34px;top:385px;font-size:10px;color:var(--muted);transform:rotate(-90deg)}.coordinate b{color:var(--gold);font-size:20px;margin-left:15px}.coordinate small{font-size:7px;letter-spacing:2px}.intro-bottom{display:flex;gap:46px;align-items:center;border-top:1px solid var(--border);margin-top:70px;padding:28px 0 30px}.intro-bottom>span{font-size:11px;color:#b4b8a5;white-space:nowrap}.intro-bottom i{font-size:19px;font-style:normal;color:var(--gold);margin-right:10px}.intro-bottom p{margin:0 0 0 auto;color:var(--muted);text-align:right;font-size:10px;line-height:1.9;letter-spacing:1px}.intro-bottom strong{color:#d7d9c9;font-weight:400}footer{border-top:1px solid var(--border);padding:24px 6%;display:flex;align-items:center;justify-content:space-between;color:#7e8272;font-size:9px;letter-spacing:1px}footer p{margin:0;color:#b8b9ab;font-size:11px}.footer-status{display:flex;align-items:center;gap:8px}.paths{padding:49px 6% 25px;animation:reveal .6s ease both}.paths-heading{display:flex;justify-content:space-between;align-items:center}.paths h1{font-size:clamp(30px,3.2vw,45px);letter-spacing:-2px;margin:20px 0 14px}.response{font-size:13px;color:#a8ac9c;line-height:1.9;margin:0}.restart{border:none;border-bottom:1px solid #62694c;padding:8px 0;background:none;color:#b2b7a2;font-size:11px;white-space:nowrap}.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:33px}.path-card{border:1px solid #444a32;border-radius:5px;overflow:hidden;position:relative;transition:transform .25s,border-color .25s;background:#1b1e14}.path-card:hover{transform:translateY(-6px);border-color:var(--gold)}.card-meta{display:flex;justify-content:space-between;align-items:center;padding:20px 25px 0;color:#b2ba92;font-size:9px;letter-spacing:1.5px}.card-symbol{font-size:20px}.card-art{height:155px;position:relative;overflow:hidden}.english-art{background:radial-gradient(ellipse at center,#9da45418,transparent 70%)}.speech{position:absolute;padding:12px 25px;border:1px solid #757e43;background:#303820;border-radius:7px;font-size:22px;letter-spacing:-1px;font-weight:600;transform:rotate(-8deg);left:21%;top:20px}.speech:after{content:'';position:absolute;bottom:-9px;left:24px;width:15px;height:15px;background:inherit;border-bottom:1px solid #757e43;border-right:1px solid #757e43;transform:skewY(-20deg) rotate(30deg)}.speech-back{color:#a6b088;opacity:.7}.speech-front{top:58px;left:30%;transform:rotate(7deg);background:#dbeaa2;color:#243019;box-shadow:4px 6px 0 #455235;border-color:#dbeaa2;z-index:1}.speech-front span{padding-left:16px}.speech-front:after{border-color:#dbeaa2}.art-note{position:absolute;bottom:5px;left:25px;color:#7e8962;font-size:9px;letter-spacing:1px}.card-content{padding:25px 25px 0}.card-kicker{font-size:10px;letter-spacing:1.5px;color:#c4d18d}h2{font-size:33px;line-height:1.4;margin:14px 0;color:#e4ead6;letter-spacing:-1px}.card-content>p{font-size:12px;line-height:1.9;color:#a3ac94;margin:0 0 19px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{border:1px solid #465036;border-radius:2px;padding:5px 8px;font-size:9px;color:#b5c399}.people{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:24px 0 22px;font-size:11px;color:#d5dfc1}.people-label{font-size:9px;color:#8f9b78}.people small{flex-basis:100%;font-size:9px;color:#8e9a79;line-height:1.8}.card-action{border-top:1px solid #3b462c;padding:20px 0;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;color:#dfedab}.card-action span{font-size:23px;transition:transform .2s}.path-card:hover .card-action span{transform:translate(4px,-4px)}.web3{background:#201b2a;border-color:#483a60}.web3 .card-meta,.web3 .card-kicker{color:#bd9cdf}.web3 h2{color:#ede3f9}.web3 .card-content>p{color:#b4a4c1}.web3 .tags span{border-color:#514063;color:#c2a7da}.web3 .people{color:#deccec}.web3 .people-label,.web3 .people small{color:#a18bb4}.web3 .card-action{color:#d7b8f5;border-color:#483857}.chain-art{background:radial-gradient(ellipse at center,#ac7ce526,transparent 65%)}.web3 .art-note{color:#967aa9}.chain-grid{position:absolute;width:330px;height:200px;left:17%;top:10px;background:linear-gradient(#8c66b620 1px,transparent 1px),linear-gradient(90deg,#8c66b620 1px,transparent 1px);background-size:29px 29px;transform:perspective(250px) rotateX(55deg) rotateZ(-13deg)}.cube{position:absolute;width:72px;height:72px;background:linear-gradient(140deg,#c4a2e9,#6d4e9e);border:1px solid #c9abe9;border-radius:9px;display:grid;place-items:center;transform:rotate(-20deg) skew(8deg,5deg);box-shadow:7px 8px 0 #523c70,10px 11px 0 #9578b9;font-size:47px;color:#e7d6fa;font-family:Georgia,serif}.cube-back{left:25%;top:29px;transform:rotate(15deg) skew(8deg,5deg);width:54px;height:54px;opacity:.65;font-size:30px}.cube-front{left:54%;top:44px}.chain-link{position:absolute;left:45%;top:39px;font-size:40px;color:#9274af}.path-footnote{display:flex;gap:15px;align-items:center;margin:25px 0 4px;padding:15px 0;color:#a5a994}.path-footnote>span:first-child{font-size:30px;color:var(--gold)}.path-footnote p{font-size:11px;line-height:1.8;margin:0}.path-footnote strong{font-weight:500;color:#d1d4bf}.path-footnote small{display:block;font-size:9px;color:#7d8470}.footnote-code{font-size:9px;letter-spacing:2px;margin-left:auto;line-height:1.8;text-align:right}::view-transition-group(root){animation-duration:.45s}html:active-view-transition-type(forward)::view-transition-old(root){animation:exit .35s ease both}html:active-view-transition-type(forward)::view-transition-new(root){animation:reveal .45s ease both}@keyframes float{0%,100%{transform:translateY(0) rotate(-19deg) rotateY(-20deg)}50%{transform:translateY(-17px) rotate(-15deg) rotateY(-12deg)}}@keyframes reveal{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes exit{to{opacity:0;transform:translateY(-15px)}}
@media(min-width:1500px){.intro{padding-top:92px}.coin-scene{top:20px;right:4%}.intro-bottom{margin-top:95px}}
@media(max-width:1100px){.coin-scene{right:-75px;transform:scale(.8);transform-origin:right center}.intro-copy{max-width:580px}.intro h1{font-size:70px}.lead{font-size:14px}.intro-bottom{gap:25px}.choices button{min-width:180px;padding:17px}}
@media(max-width:800px){.header{height:85px}.header-note{display:none}.intro{padding-top:40px}.intro-copy{max-width:none}.chapter{margin-top:35px}.intro h1{font-size:clamp(45px,9vw,70px);letter-spacing:-3px}.coin-scene{position:relative;right:auto;top:auto;height:335px;width:100%;transform:scale(.7);transform-origin:center top;margin:10px 0 -90px}.coin{left:calc(50% - 154px);top:55px}.orbit{left:calc(50% - 250px);top:12px}.orbit-two{left:calc(50% - 230px);top:30px}.coin-shadow{top:390px;left:calc(50% - 140px)}.label-top{top:10px;left:calc(50% - 80px)}.label-bottom{bottom:-35px;right:calc(50% - 150px)}.spark-one{top:60px;right:4%}.spark-two{top:250px;left:5%}.small-one{top:15px;left:8%}.small-two{bottom:0;right:7%}.coordinate{display:none}.intro-bottom{margin-top:70px;gap:15px;justify-content:space-between}.intro-bottom p{display:none}.paths-heading{align-items:flex-start;gap:10px}.paths h1{white-space:normal}.paths h1 .gold{display:block}.path-grid{gap:16px}h2{font-size:26px}.card-meta{padding:16px 18px 0;letter-spacing:.5px;font-size:8px}.card-content{padding:20px 18px 0}.speech{font-size:16px;left:12%;padding:12px 16px}.speech-front{left:20%}.art-note{left:18px;font-size:8px}.cube-back{left:18%}.cube-front{left:57%;width:60px;height:60px;font-size:35px}.chain-link{left:40%}.footer-status{display:none}}
@media(max-width:520px){.header{padding:0 6%;height:80px}.brand{font-size:16px}.sound{font-size:9px;padding:8px 11px}.intro{padding-top:30px}.eyebrow{font-size:9px;letter-spacing:1px}.chapter{margin-top:35px;font-size:9px}.intro h1{font-size:49px}.lead{font-size:12px;line-height:2}.choices{gap:10px;margin-top:27px}.choices button{min-width:0;flex:1;padding:16px 13px;font-size:11px;gap:6px}.hint{font-size:9px}.coin-scene{transform:scale(.64);margin-bottom:-112px;margin-top:6px}.intro-bottom{padding:20px 0;margin-top:75px}.intro-bottom i{font-size:16px;margin-right:5px}.intro-bottom>span{font-size:9px}.paths{padding-top:30px}.paths h1{font-size:32px;letter-spacing:-1px}.response{font-size:11px}.restart{font-size:9px;margin-top:2px}.path-grid{grid-template-columns:1fr;gap:20px}.card-art{height:165px}.speech{font-size:22px;left:17%}.speech-front{left:28%}.card-content{padding:20px 24px 0}h2{font-size:32px}.card-meta{padding:20px 24px 0;font-size:9px}.art-note{left:24px}.cube-back{left:25%}.cube-front{left:54%;width:72px;height:72px;font-size:47px}.chain-link{left:44%}.path-footnote{gap:10px;align-items:flex-start}.path-footnote p{font-size:10px}.path-footnote small{font-size:8px}.footnote-code{display:none}footer{padding-top:20px;padding-bottom:20px;letter-spacing:.5px;font-size:8px}footer p{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}::view-transition-group(root){animation:none!important}}
