:root{--void:#030409;--ink:#0a0c1a;--paper:#f6ecd4;--gold:#e8b64c;--gold-hi:#ffe9b8;--amber:#ff9a3d;--rose:#ff5d73;--royal:#2b4bff;--chalk:#f2ecdd;--line:#f6ecd424;--glass:#0c0e1e8c;--serif:"Fraunces", Georgia, serif;--sans:"Outfit", system-ui, sans-serif;--hand:"Caveat", cursive}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--void);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--gold);color:#1a0b00}canvas{display:block}.hairline{z-index:9000;background:linear-gradient(90deg, var(--gold), var(--amber), var(--rose));transform-origin:0;height:2px;position:fixed;top:0;left:0;right:0}.topbar{z-index:8000;pointer-events:none;justify-content:space-between;align-items:center;padding:16px clamp(16px,3vw,34px);display:flex;position:fixed;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.brand{font-family:var(--serif);letter-spacing:.12em;color:var(--gold-hi);cursor:pointer;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0506108c;border-radius:100px;padding:9px 18px;font-size:1rem;font-style:italic;text-decoration:none}.chapters{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0506108c;border-radius:100px;gap:6px;padding:5px;display:flex}.chapters button{cursor:pointer;color:#f6ecd499;font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;background:0 0;border:none;border-radius:100px;padding:8px 13px;font-size:.68rem;font-weight:700;transition:all .25s}.chapters button:hover{color:#1a0b00;background:var(--gold)}.soundbtn{cursor:pointer;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--paper);font-family:var(--sans);letter-spacing:.08em;background:#0506108c;border-radius:100px;padding:9px 18px;font-size:.75rem;font-weight:700;transition:all .25s}.soundbtn:hover{border-color:var(--gold);transform:translateY(-2px)}.soundbtn.on{border-color:var(--gold);box-shadow:0 0 24px #e8b64c59}@media (width<=860px){.chapters{display:none}}.tall{position:relative}.sticky-view{height:100svh;position:sticky;top:0;overflow:hidden}.sticky-view canvas.gl{position:absolute;inset:0}.hud{z-index:5;pointer-events:none;position:absolute;inset:0}.hud .clickable{pointer-events:auto}.kicker{letter-spacing:.3em;text-transform:uppercase;color:var(--gold);align-items:center;gap:10px;margin-bottom:16px;font-size:.7rem;font-weight:700;display:inline-flex}.kicker:before{content:"";background:var(--gold);width:32px;height:1.5px;display:inline-block}.glass{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);border-radius:22px;box-shadow:0 30px 80px #00000080,inset 0 1px #ffffff14}.gate-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:0 6vw;display:flex;position:absolute;inset:0}.gate-title{font-family:var(--serif);letter-spacing:-.02em;background:linear-gradient(175deg, #fff6dd 5%, var(--gold) 42%, #9a6b12 68%, var(--gold-hi) 100%);color:#0000;filter:drop-shadow(0 0 34px #e8b64c73)drop-shadow(0 6px 60px #ff9a3d40);-webkit-background-clip:text;background-clip:text;font-size:clamp(3.2rem,13vw,10.5rem);font-weight:600;line-height:.95}.gate-sub{letter-spacing:.34em;text-transform:uppercase;color:#f6ecd4bf;margin-top:18px;font-size:clamp(.8rem,1.6vw,1rem)}.gate-tag{font-family:var(--serif);color:#f6ecd4d9;max-width:640px;margin-top:14px;font-size:clamp(1rem,2.2vw,1.35rem);font-style:italic;line-height:1.6}.scroll-cue{letter-spacing:.3em;text-transform:uppercase;color:#f6ecd4b3;flex-direction:column;align-items:center;gap:10px;font-size:.72rem;display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.scroll-cue .wheel{border:1.5px solid #e8b64cb3;border-radius:14px;width:24px;height:40px;position:relative}.scroll-cue .wheel:after{content:"";background:var(--gold);border-radius:4px;width:4px;height:8px;margin-left:-2px;animation:1.6s infinite wheel;position:absolute;top:7px;left:50%}@keyframes wheel{50%{opacity:0;transform:translateY(12px)}}.shard{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(135deg,#ffe9b880,#e8b64c14);border:1px solid #ffe9b859;position:absolute}.gate-flash{background:radial-gradient(circle at 50% 45%, #fff6dd, var(--gold) 55%, transparent 80%);opacity:0;pointer-events:none;position:absolute;inset:0}.sound-pill{pointer-events:auto;cursor:pointer;color:var(--gold-hi);font-family:var(--sans);letter-spacing:.1em;background:#e8b64c1a;border:1px solid #e8b64c99;border-radius:100px;margin-top:26px;padding:12px 26px;font-size:.82rem;font-weight:700;transition:all .25s}.sound-pill:hover{background:var(--gold);color:#1a0b00;box-shadow:0 0 40px #e8b64c80}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);z-index:6;background:linear-gradient(90deg,#2b4bff1f,#e8b64c1a,#ff5d731a);padding:15px 0;position:relative;overflow:hidden}.strip-track{width:max-content;font-family:var(--serif);color:#f6ecd4d9;white-space:nowrap;gap:44px;font-size:1.05rem;font-style:italic;display:flex}.strip-track b{color:var(--gold);font-style:normal}.trib-panel{z-index:6;width:min(430px,100vw - 24px);padding:clamp(24px,3vw,38px);position:absolute;top:50%;right:clamp(12px,5vw,70px);transform:translateY(-50%)}.trib-panel h2{font-family:var(--serif);margin-bottom:6px;font-size:clamp(1.9rem,3.4vw,2.7rem);line-height:1.05}.trib-panel h2 em{color:var(--gold)}.type-body{font-family:var(--serif);color:#efe3c8;min-height:13.5em;margin-top:14px;font-size:clamp(1.02rem,1.5vw,1.2rem);line-height:1.75}.type-body .caret{vertical-align:text-bottom;background:var(--gold);width:2px;height:1.15em;box-shadow:0 0 12px var(--gold);margin-left:2px;animation:.9s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.trib-sign{font-family:var(--hand);color:var(--gold);margin-top:12px;font-size:1.7rem}.trib-chips{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.trib-chips span{letter-spacing:.14em;text-transform:uppercase;color:var(--gold-hi);border:1px solid #e8b64c80;border-radius:100px;padding:6px 13px;font-size:.7rem;font-weight:700}.trib-hint{z-index:6;font-family:var(--hand);color:#f6ecd4bf;font-size:1.4rem;position:absolute;bottom:26px;left:clamp(12px,5vw,70px);transform:rotate(-3deg)}@media (width<=900px){.trib-panel{width:auto;padding:20px;inset:auto 12px 12px;transform:none}.type-body{min-height:0;font-size:.98rem}.trib-hint{display:none}}.roast-top{z-index:6;text-align:center;padding:0 5vw;position:absolute;top:74px;left:0;right:0}.roast-top h2{font-family:var(--serif);font-size:clamp(1.7rem,4vw,3rem)}.roast-top h2 em{color:var(--gold)}.roast-top p{color:#f6ecd4b3;margin-top:8px;font-size:.92rem}.roast-card-hud{z-index:6;text-align:center;width:min(680px,100vw - 24px);max-height:62vh;padding:24px 30px;position:absolute;bottom:20px;left:50%;overflow-y:auto;transform:translate(-50%)}.roast-card-hud::-webkit-scrollbar{width:4px}.roast-card-hud::-webkit-scrollbar-thumb{background:var(--gold);border-radius:4px}.roast-card-hud .meta{letter-spacing:.24em;text-transform:uppercase;color:var(--gold);font-size:.68rem;font-weight:700}.roast-card-hud h3{font-family:var(--serif);margin:6px 0 4px;font-size:1.65rem}.roast-card-hud .byline{font-family:var(--serif);color:#f6ecd499;font-size:.92rem;font-style:italic}.roast-card-hud .setup{font-family:var(--serif);color:#efe3c8;margin-top:12px;font-size:1.1rem;font-style:italic;line-height:1.8}.roast-card-hud .punchline{font-family:var(--serif);color:#1a0b00;background:linear-gradient(120deg, var(--gold), var(--gold-hi));border-radius:14px;margin-top:14px;padding:14px 20px;font-size:1.08rem;font-weight:600;line-height:1.65}.roast-card-hud .punchline .lbl{font-family:var(--sans);letter-spacing:.28em;text-transform:uppercase;opacity:.65;margin-bottom:6px;font-size:.64rem;font-weight:800;display:block}.roast-card-hud .marginalia{font-family:var(--serif);color:#f6ecd499;margin-top:12px;font-size:.88rem;font-style:italic}.roast-btns{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.btn{pointer-events:auto;cursor:pointer;font-family:var(--sans);letter-spacing:.06em;border:none;border-radius:100px;padding:13px 26px;font-size:.82rem;font-weight:800;transition:all .2s}.btn:hover{transform:translateY(-2px)scale(1.02)}.btn:active{transform:translateY(0)scale(.97)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn:focus-visible,.pullbtn:focus-visible,.toolbtn:focus-visible,.chipbtn:focus-visible,.fbtn:focus-visible,.foot-nav button:focus-visible,.slot:focus-visible,.chapters button:focus-visible,.soundbtn:focus-visible,.brand:focus-visible,.cap-close:focus-visible,.ms-link:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}section[id],div[id].tall,footer{scroll-margin-top:70px}html{scrollbar-color:var(--gold) #05060f}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:#05060f}body::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--gold), #9a6b12);border-radius:8px}@media (prefers-reduced-motion:reduce){.pullbtn.ready,.cap-emoji,.seal-ring,.scroll-cue .wheel:after,.strip-track{animation:none!important}html{scroll-behavior:smooth}}.btn-fire{background:linear-gradient(120deg, var(--amber), var(--rose));color:#220a00;box-shadow:0 10px 34px #ff7a0066}.btn-gold{background:linear-gradient(120deg, var(--gold), var(--gold-hi));color:#1a0b00;box-shadow:0 10px 34px #e8b64c59}.btn-ghost{color:var(--paper);border:1.5px solid var(--line);background:0 0}.meter{color:#f6ecd4bf;letter-spacing:.1em;justify-content:center;align-items:center;gap:10px;margin-top:12px;font-size:.75rem;font-weight:700;display:flex}.meter .track{background:#f6ecd426;border-radius:6px;width:150px;height:6px;overflow:hidden}.meter .fill{background:linear-gradient(90deg, var(--gold), var(--rose));border-radius:6px;height:100%;transition:width .5s}.roast-hint{z-index:6;transform-origin:50%;letter-spacing:.3em;text-transform:uppercase;color:#f6ecd473;white-space:nowrap;font-size:.65rem;position:absolute;top:50%;right:18px;transform:translateY(-50%)rotate(90deg)}@media (width<=700px){.roast-hint{display:none}.roast-top{top:64px}}.grat-head{z-index:6;text-align:center;padding:0 5vw;position:absolute;top:70px;left:0;right:0}.grat-head h2{font-family:var(--serif);font-size:clamp(1.7rem,4vw,3rem)}.grat-head h2 em{color:var(--gold)}.grat-head p{color:#f6ecd4b3;margin-top:8px;font-size:.92rem}.note-panel{z-index:6;width:min(460px,100vw - 24px);padding:clamp(24px,3vw,34px);position:absolute;top:50%;right:clamp(12px,5vw,70px);transform:translateY(-50%)}.note-panel.slate{background:#090d0bbd;border:2px solid #f2ecdd73;border-radius:10px;box-shadow:0 30px 80px #0009,inset 0 0 60px #00000059}.note-panel .who{letter-spacing:.26em;text-transform:uppercase;margin-bottom:4px;font-size:.68rem;font-weight:800}.note-panel h3{font-family:var(--serif);font-size:2rem}.note-panel .tag{font-family:var(--hand);opacity:.9;margin:2px 0 10px;font-size:1.35rem}.note-panel .txt{font-family:var(--hand);color:var(--chalk);white-space:pre-line;text-shadow:0 0 1px #f2ecdd8c;max-height:36vh;padding-right:8px;font-size:1.36rem;line-height:1.55;overflow-y:auto}.note-panel .txt::-webkit-scrollbar{width:4px}.note-panel .txt::-webkit-scrollbar-thumb{background:var(--gold);border-radius:4px}.dots{z-index:6;flex-direction:column;gap:9px;display:flex;position:absolute;top:50%;left:clamp(10px,3vw,30px);transform:translateY(-50%)}.dots button{pointer-events:auto;cursor:pointer;background:0 0;border:1px solid #f6ecd466;border-radius:50%;width:11px;height:11px;padding:0;transition:all .25s}.dots button.lit{background:var(--gold);border-color:var(--gold);box-shadow:0 0 12px var(--gold);transform:scale(1.3)}.grat-count{z-index:6;font-family:var(--serif);color:#f6ecd4b3;font-size:1.1rem;font-style:italic;position:absolute;bottom:24px;left:clamp(12px,5vw,70px)}@media (width<=900px){.note-panel{width:auto;inset:auto 12px 12px;transform:none}.note-panel .txt{max-height:24vh}.dots{display:none}}.fin-sub{z-index:6;justify-content:center;padding:0 4vw;display:flex;position:absolute;inset:auto 0 6vh}.fin-card{text-align:center;border-top:2px solid #e8b64ca6;width:min(700px,94vw);max-height:72vh;padding:clamp(26px,4vw,44px);overflow-y:auto}.fin-card::-webkit-scrollbar{width:4px}.fin-card::-webkit-scrollbar-thumb{background:var(--gold);border-radius:4px}.fin-kicker{letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-size:.66rem;font-weight:800}.fin-title2{font-family:var(--serif);letter-spacing:-.02em;margin-top:12px;font-size:clamp(2rem,5.4vw,3.4rem);font-weight:600;line-height:1.05}.fin-title2 em{background:linear-gradient(100deg, var(--gold) 10%, #ffe9b8 50%, var(--rose) 95%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:italic}.fin-rule{align-items:center;gap:12px;max-width:380px;margin:18px auto;display:flex}.fin-rule i{background:linear-gradient(90deg, transparent, var(--gold), transparent);flex:1;height:1px;display:block}.fin-rule span{color:var(--gold);font-size:.9rem}.fin-card>p{font-family:var(--serif);color:#efe3c8;max-width:560px;margin:0 auto;font-size:clamp(1rem,1.8vw,1.2rem);font-style:italic;line-height:1.8}.fin-stats{flex-wrap:wrap;justify-content:center;gap:clamp(18px,4vw,44px);margin-top:20px;display:flex}.fin-stats div b{font-family:var(--serif);color:var(--gold-hi);font-size:1.7rem;display:block}.fin-stats div span{letter-spacing:.18em;text-transform:uppercase;color:#f6ecd4a6;font-size:.66rem}.fin-sig{font-family:var(--hand);color:var(--gold);margin-top:14px;font-size:1.9rem}.fin-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}.footer{z-index:6;border-top:1px solid var(--line);text-align:center;background:radial-gradient(90% 100% at 50% 0,#0b0e22 0%,#020307 70%);padding:60px 6vw;position:relative;overflow:hidden}.footer:before{content:"❝";font-family:var(--serif);color:#e8b64c0f;pointer-events:none;font-size:12rem;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.foot-kicker{letter-spacing:.34em;text-transform:uppercase;color:#e8b64ccc;font-size:.66rem;font-weight:800}.foot-fin{font-family:var(--hand);background:linear-gradient(175deg, #fff6dd 5%, var(--gold) 55%, #9a6b12 100%);color:#0000;filter:drop-shadow(0 0 26px #e8b64c4d);-webkit-background-clip:text;background-clip:text;margin-top:6px;font-size:clamp(4.5rem,12vw,8rem);font-weight:700;line-height:1}.foot-love{font-family:var(--hand);color:var(--gold-hi);margin-top:2px;font-size:clamp(1.6rem,3.4vw,2.3rem)}.footer .fin-rule{max-width:300px}.footer p{color:#f6ecd49e;margin-top:6px;font-size:.88rem;line-height:1.9}.footer .btn{margin-top:22px}.foot-made{font-family:var(--serif);color:#e8b64cbf;margin-top:26px;font-size:.95rem;font-style:italic}.cap-bottom{z-index:6;flex-direction:column;align-items:center;gap:12px;width:max-content;max-width:96vw;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.tray{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05061099;border-radius:100px;gap:8px;max-width:94vw;padding:9px 14px;display:flex;overflow-x:auto}.slot{pointer-events:auto;cursor:default;color:#f6ecd466;background:0 0;border:1.5px dashed #f6ecd459;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:1.05rem;transition:all .25s;display:flex}.slot.got{cursor:pointer;background:#e8b64c1f;border-style:solid}.slot.got:hover{transform:scale(1.2)rotate(-8deg)}.pullbtn{pointer-events:auto;cursor:pointer;font-family:var(--sans);letter-spacing:.08em;background:linear-gradient(120deg, var(--gold), var(--gold-hi));color:#1a0b00;border:none;border-radius:100px;padding:17px 44px;font-size:.95rem;font-weight:800;transition:all .2s;box-shadow:0 12px 40px #e8b64c59}.pullbtn.ready{animation:1.8s infinite pulseGlow}.pullbtn:disabled{opacity:.55;cursor:default;animation:none}@keyframes pulseGlow{0%,to{transform:scale(1);box-shadow:0 12px 40px #e8b64c59}50%{transform:scale(1.045);box-shadow:0 12px 60px #e8b64cb3}}.cap-veil{z-index:8;-webkit-backdrop-filter:blur(7px);pointer-events:auto;background:#0304099e;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.cap-modal{text-align:center;border:1px solid #e8b64c73;width:min(620px,94vw);max-height:78vh;padding:28px 32px;overflow-y:auto}.cap-modal::-webkit-scrollbar{width:4px}.cap-modal::-webkit-scrollbar-thumb{background:var(--gold);border-radius:4px}.cap-modal.jackpot{border:2px solid var(--gold);box-shadow:0 0 80px #e8b64c73}.cap-emoji{border-radius:26px;justify-content:center;align-items:center;width:84px;height:84px;margin:0 auto 12px;font-size:2.8rem;animation:2.4s ease-in-out infinite capBob;display:flex;box-shadow:0 14px 40px #00000080}@keyframes capBob{50%{transform:translateY(-8px)rotate(-4deg)}}.cap-modal .meta{letter-spacing:.24em;text-transform:uppercase;color:var(--gold);font-size:.68rem;font-weight:700}.cap-modal h3{font-family:var(--serif);margin:8px 0 2px;font-size:1.8rem}.cap-modal .byline{font-family:var(--serif);color:#f6ecd499;font-size:.92rem;font-style:italic}.cap-setup{font-family:var(--serif);color:#efe3c8;margin-top:14px;font-size:1.12rem;font-style:italic;line-height:1.8}.cap-setup p{margin-bottom:6px}.cap-modal .punchline{font-family:var(--serif);color:#1a0b00;background:linear-gradient(120deg, var(--gold), var(--gold-hi));border-radius:14px;margin-top:14px;padding:14px 20px;font-size:1.1rem;font-weight:600;line-height:1.65}.cap-modal .punchline .lbl{font-family:var(--sans);letter-spacing:.28em;text-transform:uppercase;opacity:.65;margin-bottom:6px;font-size:.64rem;font-weight:800;display:block}.cap-modal .marginalia{font-family:var(--serif);color:#f6ecd499;margin-top:12px;font-size:.9rem;font-style:italic}.roast-top .roast-sub{max-width:620px;margin-left:auto;margin-right:auto}.cap-progress{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.14em;text-transform:uppercase;color:#f6ecd4cc;background:#05061099;border-radius:100px;align-items:center;gap:12px;margin-top:14px;padding:8px 16px;font-size:.72rem;font-weight:800;display:inline-flex}.cap-progress-bar{background:#f6ecd424;border-radius:6px;width:130px;height:6px;overflow:hidden}.cap-progress-bar i{background:linear-gradient(90deg, var(--gold), var(--rose));border-radius:6px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1);display:block}.cap-filters{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.fbtn{pointer-events:auto;cursor:pointer;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f6ecd4b8;font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;background:#0506108c;border-radius:100px;padding:9px 18px;font-size:.7rem;font-weight:800;transition:all .25s}.fbtn:hover{border-color:var(--gold);color:var(--gold-hi);transform:translateY(-2px)}.fbtn.active{background:linear-gradient(120deg, var(--gold), var(--gold-hi));color:#1a0b00;border-color:#0000;box-shadow:0 8px 26px #e8b64c59}.cap-filter-note{font-family:var(--hand);color:#f6ecd4b3;margin-top:8px;font-size:1.25rem}.slot .slot-no{font-family:var(--sans);letter-spacing:.08em;opacity:.8;font-size:.6rem;font-weight:800}.slot.dim{opacity:.45}.cap-microcopy{font-family:var(--hand);color:#f6ecd48c;font-size:1.2rem}.cap-modal{position:relative}.cap-close{border:1px solid var(--line);width:34px;height:34px;color:var(--paper);cursor:pointer;pointer-events:auto;background:#05061099;border-radius:50%;font-size:.85rem;transition:all .2s;position:absolute;top:12px;right:12px}.cap-close:hover{border-color:var(--gold);color:var(--gold-hi);transform:rotate(90deg)}.bookbadge{letter-spacing:.22em;text-transform:uppercase;border-radius:100px;margin-top:8px;padding:6px 14px;font-size:.62rem;font-weight:800;display:inline-block}.bookbadge.ff{color:#cdd6ff;background:#2b4bff29;border:1px solid #7c8cff80}.bookbadge.fw{color:#ffc9d2;background:#ff5d731f;border:1px solid #ff5d7373}.cap-dots{justify-content:center;gap:6px;margin-top:16px;display:flex}.cap-dots i{background:#f6ecd42e;border-radius:50%;width:7px;height:7px;display:block}.cap-dots i.got{background:var(--gold);box-shadow:0 0 8px #e8b64cb3}.cap-dots i.on{background:var(--gold-hi);box-shadow:0 0 12px var(--gold);transform:scale(1.5)}.cap-keep{font-family:var(--hand);color:#f6ecd499;margin-top:10px;font-size:1.25rem}@media (width<=760px){.roast-top{top:60px}.roast-top h2{font-size:clamp(1.5rem,7vw,2rem)}.roast-top .roast-sub{font-size:.82rem}.cap-progress{padding:6px 12px;font-size:.62rem}.cap-progress-bar{width:90px}.cap-filters{gap:6px;margin-top:10px}.fbtn{padding:7px 13px;font-size:.6rem}.cap-filter-note{font-size:1.1rem}.cap-microcopy{display:none}.cap-bottom{gap:8px;bottom:10px}.slot{width:30px;height:30px}.pullbtn{padding:14px 32px;font-size:.85rem}.cap-modal{max-height:82vh;padding:22px 20px}}@media (height<=800px){.roast-top{top:62px}.cap-bottom{gap:8px;bottom:10px}.cap-microcopy{display:none}}@media (width<=700px){.topbar{padding:12px}.brand{letter-spacing:.08em;white-space:nowrap;padding:7px 14px;font-size:.8rem}.soundbtn{white-space:nowrap;padding:7px 14px;font-size:.68rem}.grat-head{top:58px}.grat-head h2{font-size:clamp(1.4rem,7vw,1.8rem)}.grat-head p{display:none}.grat-head .kicker{letter-spacing:.2em;margin-bottom:10px;font-size:.58rem}.board-bar{gap:8px;bottom:10px}.board-tools .toolbtn{padding:8px 14px;font-size:.7rem}.chipbtn{padding:7px 13px;font-size:1.1rem}.chalk-chips{padding:6px 10px}.letter-count{font-size:.85rem}.cite-office{letter-spacing:.18em;font-size:.58rem}.cite-frame{margin:0 12px}.cite-sec .wrap{padding:0 12px}.tray{gap:6px;padding:7px 10px}.cap-bottom{gap:6px;bottom:8px}.maam-sign,.rollcall{margin-left:12px;margin-right:12px}.rc-chips button{padding:8px 15px;font-size:1.3rem}.ms-pad canvas{height:180px}.foot-fin{font-size:clamp(3.6rem,20vw,5rem)}}.board-bar{z-index:6;flex-direction:column;align-items:center;gap:10px;width:max-content;max-width:96vw;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.board-tools{gap:8px;display:flex}.toolbtn{pointer-events:auto;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--chalk);font-family:var(--sans);letter-spacing:.06em;background:#05080799;border:1.5px solid #f2ecdd73;border-radius:100px;padding:10px 20px;font-size:.78rem;font-weight:700;transition:all .2s}.toolbtn:hover{border-color:var(--gold);transform:translateY(-2px)}.toolbtn.gold{background:linear-gradient(120deg, var(--gold), var(--gold-hi));color:#1a0b00;border:none}.chalk-chips{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05080799;border:1px solid #f2ecdd40;border-radius:100px;gap:8px;max-width:94vw;padding:8px 12px;display:flex;overflow-x:auto}.chipbtn{pointer-events:auto;cursor:pointer;color:var(--chalk);font-family:var(--hand);background:0 0;border:1.5px dashed #f2ecdd66;border-radius:100px;flex-shrink:0;padding:8px 16px;font-size:1.25rem;line-height:1;transition:all .2s}.chipbtn:hover{border-color:var(--gold);transform:translateY(-2px)rotate(-1deg)}.chipbtn.active{border:1.5px solid var(--gold);color:var(--gold-hi);box-shadow:0 0 16px #e8b64c66}.chipbtn.read{opacity:.75;border-style:solid}.letter-count{font-family:var(--serif);color:#f6ecd4bf;text-shadow:0 2px 12px #0009;font-size:1rem;font-style:italic}.loader{z-index:10000;background:radial-gradient(100% 100% at 50% 20%,#141126 0%,#030409 70%);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.loader-kicker{letter-spacing:.34em;text-transform:uppercase;color:var(--gold);font-size:.66rem;font-weight:800}.loader-title{font-family:var(--serif);color:var(--paper);font-size:clamp(2rem,6vw,3.4rem);font-style:italic;font-weight:500}.loader-bar{background:#f6ecd424;border-radius:2px;width:min(300px,64vw);height:2px;overflow:hidden}.loader-bar i{background:linear-gradient(90deg, var(--gold), var(--rose));height:100%;transition:width .15s;display:block}.loader-sub{font-family:var(--hand);color:#f6ecd499;font-size:1.4rem}.cur-dot,.cur-ring{pointer-events:none;z-index:9900;border-radius:50%;position:fixed;top:0;left:0}.cur-dot{background:var(--gold-hi);width:7px;height:7px;box-shadow:0 0 10px #e8b64ce6}.cur-ring{border:1.5px solid #e8b64ca6;width:34px;height:34px;transition:width .25s,height .25s,background .25s,border-color .25s}.cur-ring.hot{border-color:var(--gold-hi);background:#e8b64c1a;width:56px;height:56px}@media (pointer:fine){body,body a,body button,body canvas{cursor:none}}@media (pointer:coarse){.cur-dot,.cur-ring{display:none}}.qbreak{text-align:center;background:linear-gradient(#030409 0%,#0a0c20 50%,#030409 100%);padding:clamp(80px,10vw,130px) 6vw;position:relative;overflow:hidden}.qbreak:before{content:"❝";font-family:var(--serif);color:#e8b64c0d;pointer-events:none;font-size:clamp(10rem,26vw,22rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-58%)}.qbreak .qb-mark{color:var(--gold);letter-spacing:.4em;margin-bottom:18px;font-size:1.4rem}.qbreak blockquote{font-family:var(--serif);color:#efe3c8;font-size:clamp(1.5rem,3.6vw,2.5rem);font-style:italic;font-weight:500;line-height:1.5;position:relative}.qbreak blockquote span{display:inline}.qbreak cite{font-family:var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-top:20px;font-size:.72rem;font-style:normal;font-weight:800;display:block}.qbreak .qb-note{font-family:var(--hand);color:#f6ecd499;margin-top:8px;font-size:1.35rem}.cite-sec{background:radial-gradient(110% 85% at 50% 0,#1c2450 0%,#0a0c20 48%,#030409 100%);padding:clamp(90px,11vw,150px) 0;position:relative;overflow:hidden}.cite-stars{pointer-events:none;opacity:.5;background-image:radial-gradient(1.5px 1.5px at 12% 22%,#ffe9b8 50%,#0000 51%),radial-gradient(1px 1px at 32% 68%,#fff 50%,#0000 51%),radial-gradient(2px 2px at 54% 14%,#ffe9b8 50%,#0000 51%),radial-gradient(1px 1px at 71% 44%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 86% 78%,#ffe9b8 50%,#0000 51%),radial-gradient(1px 1px at 44% 88%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 66% 30%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 22% 52%,#ffe9b8 50%,#0000 51%),radial-gradient(2px 2px at 92% 18%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 6% 82%,#fff 50%,#0000 51%);position:absolute;inset:0}.cite-frame{text-align:center;background:linear-gradient(170deg,#141834eb,#080a1af0);border:2px solid #e8b64cb3;border-radius:18px;max-width:820px;margin:0 auto;padding:clamp(36px,6vw,70px) clamp(24px,5vw,64px);position:relative;box-shadow:0 50px 120px #0009,inset 0 0 90px #2b4bff14,0 0 70px #e8b64c1f}.cite-frame:before{content:"";pointer-events:none;border:1px solid #e8b64c59;border-radius:10px;position:absolute;inset:12px}.cite-corner{color:var(--gold);opacity:.9;font-size:1.5rem;position:absolute}.cite-corner.tl{top:18px;left:22px}.cite-corner.tr{top:18px;right:22px}.cite-corner.bl{bottom:18px;left:22px}.cite-corner.br{bottom:18px;right:22px}.cite-office{letter-spacing:.32em;text-transform:uppercase;color:#e8b64cd9;font-size:.66rem;font-weight:800}.cite-title{font-family:var(--serif);letter-spacing:-.01em;background:linear-gradient(175deg, #fff6dd 5%, var(--gold) 50%, #9a6b12 95%);color:#0000;filter:drop-shadow(0 0 24px #e8b64c4d);-webkit-background-clip:text;background-clip:text;margin-top:14px;font-size:clamp(2.4rem,6.4vw,4.4rem);font-weight:600}.cite-rule{max-width:340px}.cite-presented{font-family:var(--serif);color:#f6ecd4b3;font-size:1.1rem;font-style:italic}.cite-name{font-family:var(--serif);color:var(--gold-hi);text-shadow:0 0 44px #e8b64c66;margin:10px 0 16px;font-size:clamp(2.6rem,7.4vw,5rem);font-style:italic;font-weight:600;line-height:1.05}.cite-body{font-family:var(--serif);color:#e9dcc0;max-width:620px;margin:0 auto;font-size:clamp(1.02rem,1.8vw,1.22rem);line-height:1.85}.cite-merits{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px;display:grid}@media (width<=680px){.cite-merits{grid-template-columns:1fr}}.merit{border:1px solid var(--line);background:#f6ecd40a;border-radius:14px;padding:16px 14px}.merit b{font-family:var(--serif);color:var(--gold-hi);margin-bottom:4px;font-size:1.35rem;display:block}.merit span{color:#f6ecd4b3;font-size:.82rem;line-height:1.6}.seal{width:150px;height:150px;margin:36px auto 8px;position:relative}.seal-ring{border:3px dashed #e8b64cd9;border-radius:50%;animation:26s linear infinite sealSpin;position:absolute;inset:0}@keyframes sealSpin{to{transform:rotate(360deg)}}.seal-core{font-family:var(--serif);color:#3a2a08;background:radial-gradient(circle at 35% 30%,#f4d47c,#9a6b12 75%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:2.2rem;display:flex;position:absolute;inset:26px;box-shadow:0 10px 34px #e8b64c73,inset 0 2px 8px #ffffff80}.seal-core small{font-family:var(--sans);letter-spacing:.3em;font-size:.62rem;font-weight:800}.seal .ribbon{clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);background:linear-gradient(#c81e3a,#7d0f22);width:30px;height:52px;position:absolute;bottom:-34px}.seal .ribbon.l{left:30px;transform:rotate(9deg)}.seal .ribbon.r{right:30px;transform:rotate(-9deg)}.seal.presented .seal-core{animation:.9s cubic-bezier(.2,1.4,.3,1) sealPop}@keyframes sealPop{0%{transform:scale(.6)}60%{transform:scale(1.12)}to{transform:scale(1)}}.cite-sign{flex-wrap:wrap;justify-content:space-between;gap:20px;max-width:560px;margin:56px auto 0;display:flex}.cite-sign>div{flex-direction:column;gap:2px;display:flex}.sig-script{font-family:var(--hand);color:var(--gold-hi);font-size:2rem}.sig-lbl{letter-spacing:.24em;text-transform:uppercase;color:#f6ecd48c;border-top:1px solid #f6ecd44d;margin-top:4px;padding-top:6px;font-size:.64rem;font-weight:700}.cite-frame .btn{margin-top:30px}.cite-after{font-family:var(--serif);color:#f6ecd4cc;margin-top:18px;font-style:italic;line-height:1.8}.footer{scroll-margin-top:0}.foot-lede{max-width:640px;margin-left:auto;margin-right:auto}.rollcall{border:1px solid var(--line);background:#f6ecd408;border-radius:18px;max-width:720px;margin:24px auto 0;padding:20px 22px 18px}.rc-kicker{letter-spacing:.3em;text-transform:uppercase;color:var(--gold);font-size:.66rem;font-weight:800}.rc-chips{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.rc-chips button{pointer-events:auto;cursor:pointer;font-family:var(--hand);color:#f0d98aeb;text-shadow:0 0 12px #e8b64c40;background:0 0;border:1.5px dashed #e8b64c66;border-radius:100px;padding:9px 18px;font-size:1.5rem;line-height:1;transition:all .25s}.rc-chips button:hover{color:#fff6dd;border-style:solid;border-color:var(--gold-hi);text-shadow:0 0 22px #e8b64c99;transform:translateY(-3px)rotate(-1.5deg);box-shadow:0 8px 26px #e8b64c4d}.rc-chips button:active{transform:scale(.96)}.sig-cap{font-family:var(--hand);color:#f6ecd480;margin-top:12px;font-size:1.3rem}.maam-sign{background:linear-gradient(170deg,#14183480,#080a1a99);border:1px solid #e8b64c66;border-radius:22px;max-width:660px;margin:44px auto 0;padding:clamp(26px,4vw,40px);box-shadow:0 30px 80px #00000073,inset 0 1px #ffffff12}.ms-kicker{letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-size:.66rem;font-weight:800}.ms-title{font-family:var(--serif);margin-top:10px;font-size:clamp(1.7rem,3.6vw,2.4rem)}.ms-title em{color:var(--gold)}.ms-sub{font-family:var(--serif);color:#f6ecd4b3;margin-top:8px;font-style:italic;line-height:1.7}.ms-pad{background:radial-gradient(120% 140% at 50% 120%,#10132b 0%,#05060f 70%);border:1.5px dashed #e8b64c8c;border-radius:16px;margin-top:20px;position:relative;overflow:hidden}.ms-pad canvas{touch-action:none;cursor:crosshair;width:100%;height:220px;display:block}.ms-ghost{font-family:var(--hand);color:#f6ecd459;pointer-events:none;justify-content:center;align-items:center;font-size:2rem;display:flex;position:absolute;inset:0;transform:rotate(-2deg)}.ms-line{pointer-events:none;background:linear-gradient(90deg,#0000,#e8b64c99,#0000);height:1px;position:absolute;bottom:44px;left:32px;right:32px}.ms-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex}.ms-link{cursor:pointer;color:#f6ecd499;font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;text-underline-offset:4px;background:0 0;border:none;font-size:.74rem;font-weight:700;text-decoration:underline;transition:color .2s}.ms-link:hover{color:var(--gold-hi)}.ms-note{font-family:var(--hand);color:#f6ecd480;margin-top:10px;font-size:1.3rem}.ms-kept img{object-fit:contain;background:radial-gradient(120% 140% at 50% 120%,#10132b 0%,#05060f 70%);border:1px solid #e8b64c66;border-radius:16px;width:100%;max-height:220px;padding:12px;display:block}.ms-kept-cap{flex-direction:column;gap:2px;margin-top:12px;display:flex}.ms-name{font-family:var(--hand);color:var(--gold-hi);font-size:2rem}.ms-date{letter-spacing:.2em;text-transform:uppercase;color:#f6ecd48c;font-size:.68rem;font-weight:700}.ms-kept .ms-link{margin-top:12px}.foot-actions{margin-top:34px}.foot-nav{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;display:flex}.foot-nav button{cursor:pointer;border:1px solid var(--line);color:#f6ecd4b3;font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;background:0 0;border-radius:100px;padding:9px 20px;font-size:.72rem;font-weight:700;transition:all .25s}.foot-nav button:hover{border-color:var(--gold);color:var(--gold-hi);transform:translateY(-2px)}.foot-div{max-width:300px;margin-left:auto;margin-right:auto}.colophon{font-family:var(--serif);color:#f6ecd48c;margin-top:26px;font-size:.95rem;font-style:italic;line-height:1.9}.credits{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#e8b64c99;margin-top:12px;font-size:.72rem;font-weight:700;line-height:2}.bellring{animation:.9s ease-in-out swing}@keyframes swing{0%,to{transform:rotate(0)}20%{transform:rotate(24deg)}45%{transform:rotate(-20deg)}70%{transform:rotate(12deg)}90%{transform:rotate(-6deg)}}