@font-face{font-family:Plex;src:url('/plex.ttf')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f1e8;color:#302d28;font-family:Plex,Arial,sans-serif;font-size:17px;line-height:1.55}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #9c4a31;outline-offset:5px}button:disabled{cursor:not-allowed;opacity:.6}[hidden]{display:none!important}.skip{position:absolute;top:-100px}.skip:focus{top:5px;background:white;z-index:9}#preview{background:#403f31;color:#fff;text-align:center;padding:8px;font-size:12px;letter-spacing:1px}header,main,footer{max-width:1280px;margin:auto}header{padding:35px 48px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:16px;align-items:center;text-decoration:none;font-size:10px;letter-spacing:1.8px;line-height:1.4}.brand-mark{font:italic 54px Georgia;letter-spacing:-7px}.brand-mark span{color:#b78a36;font-size:27px;letter-spacing:0}.header-link{font-size:13px;text-decoration:none;border-bottom:1px solid #a29d90;padding:10px 0}.hero{padding:45px 48px 75px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:2px;color:#615947;margin:0 0 25px}.dot{display:inline-block;width:7px;height:7px;background:#967540;border-radius:50%;margin-right:8px}h1,h2,h3,p{margin-top:0}h1{font:normal clamp(48px,5.5vw,76px)/1.04 Editorial,Georgia,serif;letter-spacing:-3px;margin-bottom:27px}em{font-weight:normal;color:#765142}h1 em{color:#765142}h2{font:normal 43px/1.16 Editorial,Georgia;letter-spacing:-1.3px;margin-bottom:22px}.intro{color:#645f53;font-size:18px;margin-bottom:27px}.primary{background:#493d36;color:white;border:0;border-radius:5px;min-height:56px;padding:15px 23px;display:inline-flex;gap:30px;justify-content:center;align-items:center}.primary:hover{background:#6d5043}.micro{font-size:12px;color:#6c675d;margin:13px 0}.hero-art{height:580px;background:#e9e2d2;border-radius:47% 47% 4px 4px;position:relative;overflow:hidden}.art-caption{position:absolute;top:43px;width:100%;text-align:center;font-size:9px;letter-spacing:2px;color:#756e5c}.coffee{position:absolute;width:113px;height:113px;border-radius:50%;background:#f8f5ed;top:120px;right:35px;box-shadow:10px 15px 20px #66563725;transform:rotate(20deg)}.coffee:after{content:'';position:absolute;width:26px;height:37px;border:9px solid #f8f5ed;right:-16px;top:40px;border-radius:40%}.coffee div{position:absolute;inset:13px;background:radial-gradient(ellipse at 40% 35%,#be9865,#6b4630);border:6px solid #e3dac7;border-radius:50%}.letter{position:absolute;left:13%;top:152px;width:68%;height:310px;background:#fbf8ee;transform:rotate(-8deg);padding:30px;box-shadow:0 15px 35px #5e4a3522}.letter>span{font-size:8px;letter-spacing:2px}.letter p{font:34px/1.1 Georgia;margin:27px 0 23px}.letter i{font:15px Georgia;color:#776c56}.letter b{display:block;font:italic 28px Georgia}.envelope{position:absolute;left:15%;top:350px;width:70%;height:175px;background:#bc895c;transform:rotate(-8deg);box-shadow:5px 15px 20px #66563730;overflow:hidden}.flap{position:absolute;inset:0;background:linear-gradient(32deg,#cd9b6c 49.5%,transparent 50%),linear-gradient(-32deg,#d5a677 49.5%,transparent 50%)}.envelope>span{position:absolute;bottom:30px;left:28px;font-size:9px;letter-spacing:2px}.seal{position:absolute;right:34px;top:42px;background:#714837;color:#f3daba;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;font-size:23px;box-shadow:2px 4px 4px #69421d40}.art-note{position:absolute;bottom:17px;text-align:center;width:100%;font-size:10px;color:#5d564a}.ribbon{display:flex;justify-content:center;gap:55px;padding:28px 25px;border-top:1px solid #d7d0c2;border-bottom:1px solid #d7d0c2;color:#777064;font:20px Georgia}.ribbon em{color:#493d36}.chapters{padding:90px 48px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-head>p{font-size:15px;color:#746d60}.envelopes{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.envelope-card{background:#e9e3d6;border:1px solid #d7cebb;border-radius:4px;padding:25px 20px;text-align:left;min-height:180px;position:relative;transition:transform .2s}.envelope-card:hover{transform:translateY(-4px)}.envelope-card .number{font:italic 40px Georgia;color:#846d50;display:block}.envelope-card strong{display:block;margin-top:20px;font-weight:normal;font-size:19px}.envelope-card small{font-size:11px;color:#655e51}.envelope-card.selected{border-color:#765142;background:#e1d5c2}.chapter-content{margin-top:25px;background:#fffcf5;padding:30px;max-width:750px;border-left:3px solid #9b7857}.chapter-content h3{font:27px Georgia}.chapter-content ul{padding-left:20px}.conversation{text-align:center;background:#e9e3d6;padding:75px 24px}.conversation h2{font-size:42px}.conversation p{color:#655e53}.text-button{background:none;border:0;border-bottom:1px solid currentColor;padding:10px 0;color:#655041;min-height:44px}.join{padding:90px 48px;display:grid;grid-template-columns:1fr 1fr;gap:65px}.join p{color:#696154}input[type=email]{width:100%;border:1px solid #b8ad99;border-radius:4px;padding:14px;background:#fffcf5;margin:8px 0 18px;min-height:54px}.consent{display:flex;gap:12px;font-size:13px;margin-bottom:22px}.consent input{width:20px;height:20px;flex-shrink:0;accent-color:#765142}.trap{position:absolute;left:-9999px}.join form .primary{width:100%}footer{display:flex;gap:25px;align-items:center;justify-content:space-between;border-top:1px solid #d7d0c2;padding:25px 48px;font-size:11px;color:#655e53}.check-section{margin:0 48px;padding:40px;background:#fffcf5;border:1px solid #c9beac;border-radius:10px;scroll-margin-top:20px}.question{font:33px/1.25 Georgia;max-width:780px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:700px}.answers button{border:1px solid #b9ad98;background:#f5f1e8;min-height:58px;padding:16px;border-radius:4px;text-align:left}.answers button:hover{background:#e9e0ce}.progress{height:3px;background:#e6ddcc;margin:15px 0 30px}.progress span{display:block;height:100%;background:#826247}.quiz-actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:22px}.result{max-width:740px}.result h2{font-size:38px}.notice{font-size:13px;color:#746759}.close{float:right;border:0;background:none;font-size:32px;min-width:44px;min-height:44px}dialog{border:1px solid #bcaf98;border-radius:12px;background:#faf7ee;max-width:620px;width:calc(100% - 32px);padding:30px}dialog::backdrop{background:#302d2870}#signup-status{overflow-wrap:anywhere}.reveal-link{display:inline-block;margin-top:12px} @media(max-width:760px){header{padding:20px}.header-link{font-size:11px}.brand{gap:10px;font-size:8px}.hero{padding:30px 22px 40px;grid-template-columns:1fr;gap:35px}h1{font-size:58px}.hero-art{height:470px;max-width:500px;width:100%;margin:auto}.letter{top:102px;height:275px}.envelope{top:295px;height:135px}.coffee{top:90px;width:95px;height:95px}.art-caption{top:29px}.letter p{font-size:29px}.ribbon{gap:15px;font-size:15px;flex-wrap:wrap}.chapters{padding:55px 22px}.section-head{display:block}h2,.conversation h2{font-size:34px}.envelopes{grid-template-columns:1fr 1fr;gap:12px}.envelope-card{min-height:160px;padding:18px}.join{padding:55px 22px;grid-template-columns:1fr;gap:25px}footer{padding:25px 22px;flex-wrap:wrap}.check-section{margin:0 15px;padding:25px 18px}.answers{grid-template-columns:1fr}.question{font-size:27px}.conversation{padding:55px 20px}.conversation h2 br{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
/* One consistent brown and upright editorial headings. */
h1,h2,h3,h1 em,h2 em,h3 em{color:#654638;font-style:normal}
.game-twist{margin:35px 0 20px;padding:30px;background:#e9e3d6;border-left:3px solid #765142;max-width:760px}.game-twist h2{font-size:32px}.game-twist p:last-child{font-style:normal;color:#654638}#quiz>.text-button{margin-right:24px}#quiz>.primary{margin-top:15px}
.invite-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.invite-actions a{text-decoration:none}.invite-dialog{max-width:550px}
.score-note{font:22px/1.4 Georgia,serif;color:#654638;max-width:680px}.game-twist .answers{grid-template-columns:1fr}.answers button[aria-pressed=true]{background:#e0d1b8;border-color:#765142}
.how-play{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:0 48px 55px;padding:28px 0;border-top:1px solid #d7d0c2}.how-play span{font:italic 24px Georgia;color:#765142}.how-play h3{font:21px Georgia;margin:12px 0 8px}.how-play p{font-size:14px;color:#655e53;margin:0}@media(max-width:760px){.how-play{margin:0 22px 35px;grid-template-columns:1fr;gap:23px}.letter p{font-size:27px}}
.reveal-countdown{margin:65px 48px 0;padding:40px;background:#e9e3d6;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.reveal-countdown h2{font-size:35px}.reveal-countdown p{max-width:400px}.countdown{display:flex;gap:25px}.countdown div{display:flex;flex-direction:column}.countdown strong{font:52px Georgia;color:#654638;font-variant-numeric:tabular-nums}.countdown span{font-size:12px;color:#665848}@media(max-width:760px){.reveal-countdown{margin:35px 22px 0;padding:25px;grid-template-columns:1fr;gap:15px}.countdown{gap:20px}.countdown strong{font-size:40px}}
/* Game setup: separate actions and keep instructions comfortably readable. */
#quiz>.intro{max-width:740px}#quiz>.notice{max-width:720px}
.game-mode-actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:16px;margin-top:28px}
.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:15px 23px;border:1px solid #8a7561;border-radius:5px;background:transparent;color:#654638}
.secondary:hover{background:#eee5d6}
@media(max-width:560px){.game-mode-actions{flex-direction:column;gap:12px}.game-mode-actions>button{width:100%;margin:0}}