@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#eaf1f5;--ink:#20282c;--muted:#69767c;--line:#ccd8dc;--blue:#749bb1;--yellow:#e9c95d;--coral:#de8b72;--sans:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}.wrap{width:min(1140px,calc(100% - 68px));margin:auto}.topbar{height:76px;padding:0 max(32px,calc((100vw - 1140px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font:700 18px var(--display);letter-spacing:-1px}.brand-mark{display:grid;place-items:center;width:27px;height:27px;background:var(--yellow);border-radius:50%;font:500 18px var(--display)}.topbar nav{display:flex;gap:30px;font-size:11px;color:#657278}.topbar nav a:hover{color:#bc705f}.bag-button{border:1px solid #aab8bb;border-radius:25px;background:transparent;padding:8px 14px;font-size:9px;cursor:pointer}.bag-button span{display:inline-grid;place-items:center;width:17px;height:17px;background:#d9e3e5;border-radius:50%;margin-left:7px;font:9px var(--mono)}.hero{display:grid;grid-template-columns:1fr .92fr;gap:65px;align-items:center;padding:74px 0 83px}.eyebrow{font:8px var(--mono);letter-spacing:1px;color:#728087}.hero .eyebrow{display:flex;align-items:center;gap:8px}.hero .eyebrow span{display:grid;place-items:center;width:18px;height:18px;background:var(--yellow);border-radius:50%;color:#3d4340;font:10px var(--display)}h1,h2,h3,p{margin-top:0}.hero h1{font:600 clamp(50px,5.9vw,72px)/.97 var(--display);letter-spacing:-4px;margin:23px 0 19px}.hero h1 em,.play h2 em{font-weight:500;color:#b76d5a}.lede{max-width:440px;color:#68767b;font-size:13px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:space-between;padding:14px 18px;border:0;font:600 10px var(--sans);cursor:pointer}.button span{margin-left:19px}.button.ink{background:#222b2e;color:#fff}.button.ink:hover{background:#49616a}.quiet-link{font-size:10px;color:#68767b}.hero-proof{display:flex;align-items:center;gap:11px;margin-top:46px;color:#7e8a8f;font:8px var(--mono)}.hero-proof div{display:flex;align-items:center;gap:7px}.hero-proof b{color:#c77a65;font-weight:500}.hero-proof i{font-style:normal;color:#b7c3c5}.hero-art{position:relative;height:360px;background:#cbdde1;overflow:hidden;border-radius:50% 50% 4px 4px / 40% 40% 4px 4px}.hero-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,#edf0df 0,transparent 33%),linear-gradient(155deg,#bed5dc,#d8dfd2)}.scribble{position:absolute;font:italic 72px var(--display);color:#829fa5;opacity:.45}.s1{left:16px;top:7px;transform:rotate(-15deg)}.s2{right:18px;top:42px;color:#d79478;font-size:50px}.hero-card{position:absolute;width:228px;height:247px;left:50%;top:50%;transform:translate(-50%,-52%) rotate(-4deg);background:#f7f5eb;padding:19px 20px;box-shadow:0 17px 33px #25373a2c;display:flex;flex-direction:column}.hero-card>span{font:7px var(--mono);letter-spacing:.7px;color:#82877e}.hero-card>i{font-style:normal;color:#ca8068;font-size:19px;margin:17px 0 5px}.hero-card h2{font:500 24px/1.12 var(--display);letter-spacing:-.6px;margin:0 auto auto 0}.hero-card small{font:7px var(--mono);letter-spacing:.5px;color:#92948b}.coin{position:absolute;bottom:55px;right:37px;width:64px;height:64px;border-radius:50%;background:var(--yellow);box-shadow:0 7px 14px #343e312c;display:flex;flex-direction:column;align-items:center;justify-content:center;font:600 18px var(--display);transform:rotate(12deg)}.coin small{font:5px var(--mono);margin-top:3px}.hero-art-note{position:absolute;bottom:12px;left:14px;font:6px var(--mono);letter-spacing:.7px;color:#52646a}.ticker{overflow:hidden;white-space:nowrap;border-block:1px solid var(--line);padding:16px 0;font:8px var(--mono);letter-spacing:1.1px;color:#718087}.ticker div{display:flex;justify-content:space-around}.ticker b{color:#c9775f;font-size:11px}.play{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:center;padding:103px 0 109px}.play h2,.decks h2,.story h2{font:600 42px/1.05 var(--display);letter-spacing:-2px;margin:18px 0}.play-intro>p:not(.eyebrow){font-size:11px;color:#6f7c80;line-height:1.8;max-width:320px}.round-count{border-top:1px solid #cbd6d8;margin-top:37px;padding-top:11px;display:flex;justify-content:space-between;color:#829095;font:7px var(--mono);letter-spacing:.5px}.round-dots{display:flex;gap:4px}.round-dots i{width:14px;height:4px;background:#d3dedf;border-radius:3px}.round-dots i.active{background:#749bb1}.quiz-card{background:#f8f7f1;border:1px solid #d8dfdd;box-shadow:0 16px 42px #2736380d;padding:25px 29px 20px}.quiz-top{display:flex;justify-content:space-between;color:#8a9798;font:7px var(--mono);letter-spacing:.7px}.quiz-top span:last-child{color:#bb7562}.quiz-card h3{font:500 23px/1.2 var(--display);letter-spacing:-.5px;margin:35px 0 24px;max-width:470px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:11px}.choice{display:grid;grid-template-columns:27px 1fr 12px;align-items:center;gap:8px;text-align:left;padding:13px 12px;border:1px solid #d6dedb;background:#fffefa;cursor:pointer;color:#424c4e}.choice>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e8edeb;font:8px var(--mono)}.choice b{font:500 10px var(--sans)}.choice i{font-style:normal;color:#9aa7a7}.choice:hover,.choice.selected{border-color:#749bb1;background:#f0f6f6}.quiz-result{min-height:33px;padding-top:12px;font-size:9px;color:#63806a}.quiz-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e3e7e1;padding-top:14px;color:#8b9695;font-size:8px}.quiz-footer button{border:0;background:none;font:9px var(--sans);color:#3b4b4f;cursor:pointer}.quiz-footer button b{color:#bd705a;padding-left:7px}.decks{background:#e1e9e9;padding:82px 0 84px}.decks-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.decks h2{font-size:38px;margin:15px 0 0}.decks-head>p{max-width:350px;color:#718085;font-size:10px;line-height:1.8;margin:0 0 3px}.deck-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.deck-art{height:262px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.deck-art>span{position:absolute;top:12px;left:13px;font:7px var(--mono);letter-spacing:.6px}.deck-art>i{position:absolute;bottom:12px;right:13px;font:7px var(--mono);font-style:normal}.curiosity{background:#edcd63;color:#342f22}.deck-tile{position:absolute;width:130px;height:160px;background:#f6f2df;box-shadow:0 12px 25px #36311c2a;transform:rotate(-8deg);display:flex;align-items:center;justify-content:center;font:600 42px var(--display)}.deck-tile span{font-size:16px;align-self:flex-start;color:#c67b60}.curiosity>b{position:absolute;bottom:31px;left:25px;font:8px/1.2 var(--mono);letter-spacing:1px}.team{background:#98b8c3;color:#253339}.team-lines{font:500 19px/1.25 var(--display);letter-spacing:2px;border:1px solid #648795;padding:17px 21px;transform:rotate(-7deg);background:#dce8e8;box-shadow:0 10px 20px #29434b25}.team>b{position:absolute;right:18px;bottom:30px;font:8px/1.2 var(--mono);letter-spacing:1px}.team>i{color:#fff}.journey{background:#d6b3a1;color:#342923}.journey-orbit{width:160px;height:160px;border:1px solid #846c60;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transform:rotate(10deg)}.journey-orbit:before{content:"";position:absolute;inset:17px;border:1px solid #9b8173;border-radius:50%}.journey-orbit i{position:absolute;top:8px;left:23px;font-style:normal;color:#fff}.journey-orbit b{font:8px/1.2 var(--mono);letter-spacing:1px}.journey>small{position:absolute;bottom:14px;left:13px;font:6px var(--mono);letter-spacing:.7px}.deck-info{display:flex;justify-content:space-between;align-items:start;gap:5px;border-bottom:1px solid #cbd6d5;padding:14px 0}.deck-info h3{font:500 13px var(--display);margin:0 0 5px}.deck-info p{font-size:8px;color:#778387;margin:0}.add-button{white-space:nowrap;border:1px solid #aab8ba;border-radius:20px;background:transparent;padding:7px 9px;font:7px var(--mono);cursor:pointer}.add-button:hover{background:#273438;color:white;border-color:#273438}.store-notice{margin:15px 0 0;font-size:8px;color:#808d90}.store-notice i{font-style:normal;color:#bb755e;margin-right:5px}.story{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center;padding:104px 0}.story-graphic{height:255px;position:relative;background:#d5e2e4;display:grid;place-items:center}.story-circle{width:150px;height:150px;border-radius:50%;background:#f1d265;display:grid;place-items:center;font:600 72px var(--display);color:#314046}.story-graphic>span{position:absolute;top:23px;left:23px;font:7px var(--mono);letter-spacing:.8px;color:#708186}.story-graphic>i{position:absolute;bottom:17px;right:24px;font-style:normal;font-size:25px;color:#ba725e}.story h2{font-size:39px}.story-copy>p:not(.eyebrow){max-width:445px;color:#6d7a7f;font-size:11px;line-height:1.85}.text-arrow{display:inline-block;margin-top:9px;color:#3c555e;font-size:10px;font-weight:600}.text-arrow span{color:#bd705a;margin-left:9px}.closing{text-align:center;background:#29373a;color:#f3f2e8;padding:50px 20px 57px}.closing>p{font:7px var(--mono);letter-spacing:1.2px;color:#b4c1bf}.closing h2{font:500 31px var(--display);margin:14px 0 21px}.button.paper{background:#eaf1f5;color:#2a3436;margin:auto}.footer{display:flex;align-items:center;justify-content:space-between;padding:19px 0 27px;color:#8b9698;font-size:8px}.footer .brand{color:#273338}.bag-panel{position:fixed;right:18px;top:85px;width:min(330px,calc(100vw - 30px));background:#fbfaf4;border:1px solid #ccd7d8;box-shadow:0 18px 50px #2532342b;z-index:10;padding:17px}.bag-head,.bag-total{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e5e1;padding-bottom:11px}.bag-head b{font:500 15px var(--display)}.bag-head button{border:0;background:none;font-size:21px;cursor:pointer}.bag-item{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #e6e9e4;font-size:9px}.bag-total{border:0;padding-top:11px;font-size:9px}.bag-panel>p{border-top:1px solid #e0e5e1;padding-top:11px;margin:0;color:#788487;font-size:8px;line-height:1.6}
@media(max-width:850px){.wrap{width:min(100% - 40px,650px)}.topbar{padding:0 20px}.topbar nav{display:none}.hero{grid-template-columns:1fr;padding:62px 0 74px;gap:38px}.hero-art{max-width:550px;width:100%;margin:auto}.play{grid-template-columns:1fr;gap:35px;padding:78px 0}.play-intro{max-width:550px}.round-count{max-width:330px}.decks-head{align-items:flex-start;flex-direction:column;gap:15px}.deck-grid{gap:12px}.story{gap:45px}}
@media(max-width:570px){.wrap{width:calc(100% - 32px)}.topbar{height:68px;padding:0 16px}.hero{padding-top:46px}.hero h1{font-size:53px;letter-spacing:-3px}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.hero-proof{gap:6px;flex-wrap:wrap}.hero-art{height:320px}.hero-card{width:204px;height:228px}.hero-card h2{font-size:21px}.coin{right:14px;bottom:39px}.play h2,.story h2{font-size:36px}.quiz-card{padding:20px 16px}.quiz-card h3{font-size:20px;margin:28px 0 18px}.choices{grid-template-columns:1fr}.decks{padding:62px 0}.decks h2{font-size:33px}.deck-grid{grid-template-columns:1fr;gap:23px}.deck-art{height:280px}.story{grid-template-columns:1fr;gap:30px;padding:72px 0}.story-graphic{max-width:420px;width:100%;margin:auto}.closing h2{font-size:26px}.footer{gap:12px;flex-wrap:wrap}.footer>span:nth-child(2){display:none}}