@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&family=Young+Serif&display=swap');
:root{--cream:#f5edda;--navy:#101d3d;--blue:#1649ce;--red:#f04d31;--yellow:#ffc83d;--mint:#77cdb5;--line:rgba(16,29,61,.18)}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--navy);font-family:Manrope,sans-serif}button{font:inherit;cursor:pointer}header{height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(245,237,218,.94);backdrop-filter:blur(15px);z-index:10}.logo{font-weight:800;font-size:20px;color:var(--navy);text-decoration:none;letter-spacing:-1px}.logo span{color:var(--red)}.logo i{display:inline-grid;place-items:center;width:24px;height:24px;margin-left:5px;background:var(--yellow);border-radius:50%;font-style:normal}nav{display:flex;height:100%}nav button{border:0;background:none;padding:0 18px;font-weight:700;color:#687087}nav button.active{color:var(--navy);box-shadow:inset 0 -3px var(--red)}.streak{justify-self:end;border:1px solid var(--line);background:#fff6e5;border-radius:50px;padding:8px 14px;display:flex;gap:5px;align-items:center}.streak span{font-size:10px;color:#777}.view{display:none}.active-view{display:block}.hero{min-height:690px;display:grid;grid-template-columns:46% 54%;padding:34px 4vw 0;overflow:hidden}.hero-copy{align-self:center;padding:30px 0 90px;z-index:1}.kicker,.section-num{font:500 11px DM Mono;letter-spacing:.16em;text-transform:uppercase}.kicker:before{content:"";display:inline-block;width:28px;border-top:3px solid var(--red);margin:0 9px 3px 0}.hero h1,.setup-head h1,.deck-head h1,.complete h1,.log-head h1{font:400 clamp(4.5rem,9vw,9rem)/.79 Young Serif;margin:22px 0;letter-spacing:-.05em}.hero h1 em,.setup-head em,.deck-head em,.complete em,.log-head em{color:var(--red);font-weight:400}.hero-copy>p:not(.kicker){font-size:18px;max-width:440px;line-height:1.6}.start-btn,.draw-btn,.complete-btn{border:0;background:var(--blue);color:white;padding:18px 20px;font-weight:800;margin-top:24px;box-shadow:6px 6px 0 var(--navy)}.start-btn span,.draw-btn span{margin-left:30px}.friend-row{display:flex;align-items:center;gap:13px;margin-top:60px}.faces{display:flex}.faces b{width:35px;height:35px;border:2px solid var(--cream);background:var(--yellow);border-radius:50%;display:grid;place-items:center;font-size:10px;margin-left:-7px}.faces b:nth-child(2){background:var(--mint)}.friend-row p{font-size:11px}.hero>img{width:100%;height:100%;max-height:700px;object-fit:cover;border:1px solid var(--navy);box-shadow:12px 12px 0 var(--red)}.ticker{background:var(--navy);color:var(--cream);padding:13px;display:flex;justify-content:space-around;font:500 11px DM Mono;overflow:hidden}.how{padding:100px 5vw}.how h2{font:400 clamp(3rem,6vw,6rem)/.9 Young Serif;margin:30px 0 50px}.steps{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--navy)}.steps article{padding:28px;min-height:300px;border-right:1px solid var(--navy);position:relative}.steps article:last-child{border:0}.steps article>b{font:500 11px DM Mono}.steps article>i{display:block;font-style:normal;font-size:55px;margin:50px 0 30px;color:var(--red)}.steps h3{font-size:20px}.steps p{font-size:13px;color:#566077;line-height:1.5}.back{margin:30px 4vw;border:0;background:none;font-weight:700;color:var(--navy)}#setup,#deck,#active,#complete,#collection{padding:0 4vw 80px}.setup-head{text-align:center;max-width:800px;margin:10px auto 50px}.setup-head h1,.deck-head h1,.complete h1,.log-head h1{font-size:clamp(4rem,8vw,7.5rem)}.setup-head>p:last-child{color:#687087}#quest-form{max-width:980px;margin:auto}fieldset{border:0;border-top:1px solid var(--navy);padding:24px 0 35px}legend{padding-right:20px;font-weight:800;font-size:15px}legend span{font:500 11px DM Mono;color:var(--red);margin-right:15px}.options{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.options label{position:relative;border:1px solid var(--navy);padding:24px;text-align:center;background:#fff8e9;cursor:pointer}.options input{position:absolute;opacity:0}.options label:has(input:checked){background:var(--yellow);box-shadow:5px 5px 0 var(--navy)}.options b{font:400 42px Young Serif;display:block}.options small{font:500 10px DM Mono}.energy label:has(input:checked){background:var(--mint)}.budget{display:flex;gap:10px;margin-top:20px}.budget button{flex:1;padding:17px;border:1px solid var(--navy);background:#fff8e9;font-weight:700}.budget button.selected{background:var(--yellow);box-shadow:4px 4px 0 var(--navy)}.draw-btn{display:block;margin:25px auto;font-size:17px}.deck-head{display:flex;justify-content:space-between;align-items:end}.vibe-summary{display:flex;gap:8px;flex-wrap:wrap;max-width:370px;justify-content:flex-end;margin-bottom:30px}.vibe-summary span{font:500 10px DM Mono;border:1px solid var(--navy);padding:8px;background:#fff}.quest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quest-card{min-height:470px;border:1px solid var(--navy);padding:24px;display:flex;flex-direction:column;position:relative;background:var(--yellow);transition:.2s}.quest-card:nth-child(2){background:var(--mint);transform:rotate(1deg)}.quest-card:nth-child(3){background:#ff7b62;transform:rotate(-1deg)}.quest-card:hover{transform:translateY(-8px) rotate(0);box-shadow:9px 9px 0 var(--navy)}.quest-card .num{font:500 11px DM Mono}.quest-card .glyph{font-size:70px;margin:45px 0 35px}.quest-card h2{font:400 35px/1.02 Young Serif;margin:0 0 15px}.quest-card p{font-size:13px;line-height:1.5}.quest-card footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between}.quest-card button{border:0;background:var(--navy);color:#fff;border-radius:50%;width:48px;height:48px;font-size:20px}.quest-card footer span{font:500 10px DM Mono}.reroll{display:block;margin:35px auto;border:0;background:none;font-weight:800}.reroll small{display:block;color:#777}.active-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);gap:6vw;max-width:1100px;margin:30px auto}.quest-ticket{background:var(--yellow);border:1px solid var(--navy);box-shadow:12px 12px 0 var(--red);padding:30px}.ticket-top{display:flex;justify-content:space-between;font:500 11px DM Mono}.ticket-top span{background:var(--red);color:#fff;padding:6px}.quest-ticket>p{font:500 11px DM Mono;text-transform:uppercase;margin-top:60px}.quest-ticket h1{font:400 clamp(3rem,6vw,5.5rem)/.87 Young Serif;margin:10px 0}.quest-ticket>p#active-desc{font:400 15px Manrope;text-transform:none;line-height:1.5;margin:20px 0}.rules{border-top:1px solid var(--navy);margin-top:35px;padding-top:15px}.rules p{font:500 10px DM Mono}.rules li{padding:5px;font-size:13px}.ticket-stub{border-top:2px dashed var(--navy);margin:30px -30px -30px;padding:20px 30px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.ticket-stub span{font:500 9px DM Mono}.proof{align-self:center}.proof h2{font:400 42px/1 Young Serif}.proof>p:not(.kicker){color:#697086;line-height:1.6}.proof label{display:flex;align-items:center;gap:10px;border:2px dashed var(--navy);padding:20px;font-weight:700;cursor:pointer}.proof label span{font-size:30px}.proof input{display:none}#proof-preview img{width:100%;max-height:180px;object-fit:cover;margin-top:12px;border:1px solid var(--navy)}.complete{text-align:center;padding-top:80px!important;overflow:hidden}.confetti{font-size:70px;color:var(--yellow)}.complete h1{margin-top:20px}.share-card{width:min(560px,100%);margin:50px auto;display:grid;grid-template-columns:45% 55%;text-align:left;background:var(--yellow);border:1px solid var(--navy);box-shadow:10px 10px 0 var(--blue);transform:rotate(-2deg)}.share-photo{min-height:270px;background:var(--red);background-size:cover;background-position:center;display:grid;place-items:center;color:white;font:400 35px/1 Young Serif;padding:20px}.share-card>div:last-child{padding:22px}.share-card p,.share-card span{font:500 10px DM Mono}.share-card h2{font:400 30px/1 Young Serif;margin:45px 0}.share-card>div:last-child>div{display:flex;justify-content:space-between}.complete-actions{display:flex;justify-content:center;gap:10px}.complete-actions button{padding:15px;border:1px solid var(--navy);background:#fff8e9;font-weight:700}.complete-actions .primary{background:var(--navy);color:#fff}.log-head{display:flex;justify-content:space-between;align-items:end}.log-head>div:last-child{display:grid;text-align:right;margin-bottom:30px}.log-head strong{font:400 60px Young Serif}.log-head span{font:500 10px DM Mono}.log-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.log-card{border:1px solid var(--navy);background:#fff8e9}.log-image{height:250px;background-size:cover;background-position:center;display:grid;place-items:center;font-size:60px}.log-card>div:last-child{padding:18px}.log-card p{font:500 10px DM Mono;color:var(--red)}.log-card h2{font:400 26px Young Serif}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,100px);background:var(--navy);color:#fff;padding:13px 22px;transition:.3s;z-index:20}.toast.show{transform:translate(-50%,0)}@media(max-width:800px){header{grid-template-columns:1fr auto}header nav{display:none}.hero{grid-template-columns:1fr;padding:40px 16px}.hero-copy{padding-bottom:30px}.hero h1{font-size:4.6rem}.hero>img{max-height:500px}.ticker span:nth-child(n+2){display:none}.steps,.quest-grid,.log-grid{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid var(--navy)}.deck-head,.log-head{display:block}.vibe-summary{justify-content:flex-start}.active-wrap{grid-template-columns:1fr}.options label{padding:15px}.budget{display:grid}.share-card{grid-template-columns:1fr}.share-photo{min-height:220px}.complete-actions{display:grid}}