/* Jade silk: a self-contained, local rendering of flowing folds. */
#reveal{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:620px;min-height:min(820px,100svh);padding:96px 24px 84px;background:#102e29;color:#f5ead1;scroll-margin-top:0}
#reveal-silk{position:absolute;inset:0;width:100%;height:100%;z-index:-3;opacity:.94}
#reveal:before{content:'';position:absolute;inset:-25%;z-index:-4;background:repeating-radial-gradient(ellipse at 25% 55%,#142f29 0%,#4a7460 9%,#b5a37b 10%,#20493e 13%,#102d27 23%);transform:rotate(-24deg);filter:blur(10px)}
#reveal:after{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 50% 50%,#09251bd6 0%,#0a271d85 35%,#0b231726 73%,#081b2159 100%);pointer-events:none}
.reveal-frame{position:absolute;inset:24px;border:1px solid #cebb8552;pointer-events:none}
.reveal-frame:before,.reveal-frame:after{content:'';position:absolute;width:38px;height:38px;border-color:#d5bf87;border-style:solid;opacity:.65}
.reveal-frame:before{left:-1px;top:-1px;border-width:1px 0 0 1px}.reveal-frame:after{right:-1px;bottom:-1px;border-width:0 1px 1px 0}
.reveal-topline{position:absolute;top:48px;left:52px;right:52px;display:flex;align-items:flex-start;justify-content:space-between;font:10px/1.5 var(--sans);letter-spacing:.22em;color:#ded0ade0}
.reveal-seal{border:1px solid #d97e67;background:#8f392e70;padding:5px 7px;color:#efb49b;font:18px/1.25 var(--zh);letter-spacing:0}
.reveal-content{width:100%;max-width:830px;position:relative}
#reveal .eyebrow{display:block;color:#d7c297;font:10px/1.7 var(--sans);letter-spacing:.24em;margin:0 0 27px}
#reveal h2{font:clamp(38px,4.2vw,64px)/1.16 var(--serif);letter-spacing:-1.4px;margin:0;color:#f6ecda;text-shadow:0 2px 24px #071e1770}
#reveal h2 em{color:#d4c095}
.reveal-elements{display:flex;justify-content:center;gap:clamp(23px,4vw,52px);margin:40px 0 27px;font:28px/1.5 var(--zh);color:#d5c7a3}
.reveal-elements span{opacity:.38;transition:color .5s,opacity .5s,text-shadow .5s}
.reveal-elements span.is-lit{opacity:1;color:#efe0b6;text-shadow:0 0 20px #e2c17c80}
.reveal-thread{height:1px;width:200px;margin:0 auto 23px;background:#d4c09530;overflow:hidden}
.reveal-thread span{display:block;width:40%;height:100%;background:linear-gradient(90deg,transparent,#f1dbaa,transparent)}
#reveal.is-running .reveal-thread span{animation:silk-thread 2.3s ease-in-out infinite}
#reveal-status{font:13px/1.7 var(--sans);letter-spacing:.025em;color:#e8ddc4;min-height:23px;margin:0}
#reveal #skip-reveal{position:absolute;bottom:40px;color:#e3d7bb;font:12px/1.6 var(--sans);letter-spacing:.03em;padding:8px 12px;background:#102e2940;border-bottom:1px solid #d4c09566;min-height:40px}
#skip-reveal span{margin-left:15px}
#reveal #skip-reveal:hover{color:#fff4dd;background:#102e2980}
#reveal #skip-reveal:focus-visible{outline-color:#f3d5a0}
@keyframes silk-thread{from{transform:translateX(-100%)}to{transform:translateX(350%)}}
@media(max-width:650px){#reveal{min-height:580px;min-height:100svh;padding:100px 28px 105px}.reveal-frame{inset:15px}.reveal-topline{left:32px;right:32px;top:34px;font-size:8px}.reveal-seal{font-size:16px}#reveal .eyebrow{font-size:8px;letter-spacing:.17em;margin-bottom:22px}#reveal h2{font-size:clamp(30px,8vw,42px);letter-spacing:-.8px}.reveal-elements{margin-top:35px;gap:25px;font-size:26px}#reveal #skip-reveal{bottom:32px}}
@media(prefers-reduced-motion:reduce){#reveal .reveal-thread span{animation:none}.reveal-elements span{transition:none}}
.reveal-actions{position:absolute;bottom:35px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px}
#reveal .reveal-actions #skip-reveal,#reveal #cancel-reveal{position:static;color:#e3d7bb;font:12px/1.6 var(--sans);letter-spacing:.03em;padding:8px 12px;background:#102e2940;border:0;border-bottom:1px solid #d4c09566;min-height:40px}
#reveal .reveal-actions button:focus-visible{outline:2px solid #f3d5a0;outline-offset:3px}
/* The estimate is independent of completion; stories use local editorial copy. */
#reveal{min-height:820px;padding-top:110px;padding-bottom:96px;text-align:center}
#reveal .eyebrow{margin-bottom:20px}
#reveal .reveal-elements{margin:28px 0 18px}
#reveal .reveal-thread{margin-bottom:17px}
.reveal-estimate{display:flex;justify-content:center;align-items:center;gap:18px;margin:19px 0 3px;min-height:43px}
#reveal-estimate-label{font:11px/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#e3d7bb}
#reveal-countdown{font:36px/1.15 var(--serif);font-variant-numeric:tabular-nums;color:#f6ecda;min-width:74px}
#reveal-wait-note{font:12px/1.6 var(--sans);color:#d2d6c7;margin:0 auto;max-width:430px}
.reveal-trivia{max-width:560px;margin:30px auto 0;padding:22px 22px 0;border-top:1px solid #d4c09552}
#reveal-trivia-label{font:10px/1.6 var(--sans);letter-spacing:.22em;color:#d4c095;margin:0 0 10px}
#reveal-trivia-title{font:25px/1.25 var(--serif);letter-spacing:0;color:#f5ead1;margin:0 0 10px}
#reveal-trivia-text{font:15px/1.65 var(--sans);color:#e2e7db;min-height:75px;margin:0;text-wrap:pretty}
.trivia-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin:8px 0 0;color:#a5b6a7}
#reveal .trivia-controls button{background:none;border:0;color:#d8ddcd;font:11px/1.6 var(--sans);padding:9px 4px;min-height:38px}
#reveal .trivia-controls button:hover{color:#fff5dc;text-decoration:underline;text-underline-offset:4px}
#reveal .trivia-controls button:focus-visible{outline:2px solid #f3d5a0;outline-offset:3px}
@media(max-width:650px){#reveal{min-height:100svh;padding:104px 28px 95px}#reveal .reveal-elements{margin:23px 0 16px}#reveal-status{min-height:44px;max-width:290px;margin:auto}.reveal-estimate{gap:12px;margin-top:12px}#reveal-estimate-label{font-size:9px;letter-spacing:.08em}#reveal-countdown{font-size:31px;min-width:64px}#reveal-wait-note{font-size:11px;max-width:270px}.reveal-trivia{margin-top:23px;padding:19px 0 0}#reveal-trivia-title{font-size:23px;min-height:58px}#reveal-trivia-text{font-size:14px;min-height:116px}#reveal .reveal-actions{bottom:25px;gap:10px 20px}}