/* One illustrated manuscript, from entry to the very last bite. */
.topbar{height:70px}.topbar nav{margin-right:auto}.nav{padding:23px 0}.music-button{font-size:11px;padding:8px 10px;border:1px solid #6e6047;border-radius:4px;gap:7px}.music-button[aria-pressed=true]{color:var(--gold)}
.keeper-status{display:flex;align-items:center;color:#b5c1ad;font-size:10px;border-top:1px solid #384039;padding-top:10px;margin-top:10px}.keeper-status .status-dot{flex-shrink:0}
.arena{background:#efdfbc url('assets/manuscript-stage.png') center/cover}.paper-grain{display:none}.arena:before,.arena:after,.arena>.corner{display:none}.arena .chapter{margin-top:28px}.arena .illustration{min-height:390px}.arena .folly-art{left:-9%;width:49%;height:88%;bottom:0}.arena .beast-art{right:-17%;width:67%;height:111%;bottom:-12%;animation:none}.arena[data-phase=ready][data-populated=true] .result-card{display:none}.arena:not([data-phase=ready]) .entry-ledger{display:none}.arena .result-card{left:48%;top:43%;width:48%}
.entry-ledger{position:absolute;z-index:4;left:50%;top:41%;transform:translate(-50%,-50%) rotate(-1deg);width:49%;max-width:440px;background:#f4e7c9;box-shadow:0 10px 19px #69432027,inset 0 0 32px #b2894c33;border-inline:1px solid #aa8a5c;padding:15px 19px;color:#573c2a;text-align:center}.entry-ledger:before,.entry-ledger:after{content:'';position:absolute;height:8px;left:-7px;right:-7px;background:linear-gradient(#553a27,#b18e5b 34%,#dbc198 49%,#6d472b 82%,#3d2a1f);border-radius:6px;border:1px solid #61452c;box-shadow:0 2px 3px #57321440}.entry-ledger:before{top:-5px}.entry-ledger:after{bottom:-5px}.ledger-heading{display:block;font-size:8px;letter-spacing:1.8px;padding:3px 0 10px;color:#783a39;border-bottom:1px solid #ae8b564f}.ledger-window{height:200px;overflow:auto;scrollbar-width:thin;scrollbar-color:#a4875a transparent;mask-image:linear-gradient(transparent,#000 7%,#000 93%,transparent)}.ledger-page{padding-block:6px}.ledger-row{height:33px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #90704322}.ledger-number{font:10px var(--sans);color:#a28256}.ledger-row strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:italic 600 19px var(--serif);text-align:left}.ledger-row i{font-size:14px;font-style:normal;color:#9b6747}.ledger-foot{display:block;font:italic 13px var(--serif);padding-top:10px;border-top:1px solid #ae8b564f}.ledger-empty{font:italic 21px/1.3 var(--serif);padding:35px 10px;color:#8f7451}.arena[data-populated=false] .entry-ledger{display:none}
body.cinema-open{overflow:hidden}.draw-scene{--ink:#472e25;--wine:#742f39;--brass:#997747;position:fixed;inset:0;z-index:70;isolation:isolate;overflow:clip;background:#eedbb3;color:var(--ink);font-family:var(--sans);outline:0;animation:manuscript-open .55s ease-out}.scene-atmosphere{position:absolute;inset:0;z-index:-1;background:url('assets/manuscript-stage.png') center/100% 100%;pointer-events:none}.manuscript-corners{display:none}.draw-scene:after{content:'';position:absolute;inset:2.5%;border:1px solid #80643e33;pointer-events:none;z-index:8}
.scene-prize{position:absolute;z-index:8;top:5.5%;left:24%;right:24%;text-align:center}.scene-prize>span{display:block;font-size:8px;letter-spacing:2.7px;color:#846747}.scene-prize strong{display:block;font:600 clamp(20px,2.3vw,34px)/1.1 var(--serif);margin-top:5px;overflow-wrap:anywhere}.scene-announcement{position:absolute;z-index:8;top:18%;left:15%;right:15%;text-align:center}.scene-kicker{display:block;font-size:8px;letter-spacing:3px;color:var(--wine);font-weight:700}.scene-announcement h2{font:600 clamp(38px,5vw,74px)/1.05 var(--serif);letter-spacing:-1.5px;margin:7px 0;color:var(--wine)}.scene-announcement p{font:italic clamp(15px,1.6vw,22px)/1.25 var(--serif);color:#725640}
.scene-folly{position:absolute;left:-6%;bottom:9%;width:35%;height:64%;object-fit:contain;object-position:bottom;z-index:2;filter:drop-shadow(2px 7px 4px #68452c24);pointer-events:none}.creature-position{position:absolute;width:min(74vw,95vh);aspect-ratio:1;right:-8%;bottom:-18%;object-fit:contain;pointer-events:none;transform-origin:57% 29%}.creature-pose{filter:drop-shadow(0 5px 3px #633f2c22);will-change:transform}.jaw-open{z-index:3}.jaw-half{z-index:6;opacity:0}.jaw-closed{z-index:7;opacity:0}
.scene-ledger{top:55%;width:34%;max-width:470px;padding:20px 28px}.scene-ledger .ledger-window{height:clamp(150px,28vh,250px)}.scene-ledger .ledger-row{height:36px}.scene-ledger .ledger-row strong{font-size:22px}.scene-ledger .ledger-heading{font-size:9px}.scene-ledger .ledger-foot{font-size:15px}.draw-scene:not([data-phase=ready]) .scene-ledger{display:none}
.fate-reel{position:absolute;z-index:5;left:50%;top:53%;translate:-50% -50%;width:36%;max-width:520px;height:34%;max-height:290px;background:#f1e1bb;box-shadow:inset 14px 0 22px -18px #71401d,inset -14px 0 22px -18px #71401d,0 14px 20px #5a361f24;border-inline:1px solid #a07f51;transform:rotate(-1deg)}.scroll-spindle{position:absolute;left:-18px;right:-18px;height:17px;border:1px solid #553e2a;border-radius:8px;background:linear-gradient(#493221,#b28b50 30%,#ebce89 43%,#90632c 68%,#452d21);box-shadow:0 3px 4px #422b2350;z-index:3}.scroll-spindle:before,.scroll-spindle:after{content:'';position:absolute;top:-4px;width:15px;height:23px;border-radius:5px;border:1px solid #674424;background:linear-gradient(90deg,#5b3f2a,#c69f5d,#79502d)}.scroll-spindle:before{left:10px}.scroll-spindle:after{right:10px}.spindle-top{top:-9px}.spindle-bottom{bottom:-9px}.reel-window{position:absolute;inset:0 14px;overflow:hidden;mask-image:linear-gradient(transparent,#000 29%,#000 71%,transparent)}.reel-track{width:100%;will-change:transform}.fate-ticket{height:92px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:8px 4px}.fate-ticket small{font-size:7px;letter-spacing:2px;color:#95744d}.fate-ticket strong{max-width:100%;font:italic 600 clamp(22px,2.5vw,36px)/1.05 var(--serif);overflow-wrap:anywhere;color:#67422b;margin-top:5px}.fate-ticket.landed strong{color:var(--wine)}.scroll-selection{position:absolute;height:92px;top:50%;left:7px;right:7px;translate:0 -50%;border-block:1px solid #8c413e6b;pointer-events:none;box-shadow:0 1px #fff5,inset 0 1px #fff5}.scroll-selection:before,.scroll-selection:after{content:'◆';position:absolute;top:50%;translate:0 -50%;color:var(--wine);font-size:13px}.scroll-selection:before{left:-17px}.scroll-selection:after{right:-17px}.scroll-quill{position:absolute;right:-31px;top:39%;font:53px var(--serif);color:var(--wine);transform:rotate(-20deg)}.fate-reel[data-compact=true]{height:110px}.fate-reel[data-compact=true] .reel-window{mask-image:none}.draw-scene:not([data-phase=rolling]) .fate-reel{display:none}
.scene-ticket{position:absolute;z-index:5;left:50%;top:49%;width:41%;max-width:600px;min-height:145px;transform:translate(-50%,-50%) rotate(-2deg);background:linear-gradient(110deg,#f9edce,#ecd3a5);border:1px solid #b28d57;box-shadow:0 10px 20px #5b331e30,inset 0 0 0 5px #ead3a9,inset 0 0 0 6px #b08b5755;padding:24px 30px 15px;text-align:center;transform-origin:center;will-change:transform,clip-path}.ticket-label{display:block;font-size:8px;font-weight:600;letter-spacing:2.5px;color:#946c42}.scene-ticket strong{display:block;font:italic 700 clamp(28px,4vw,60px)/1.02 var(--serif);color:var(--wine);overflow-wrap:anywhere;margin:11px 0 4px}.ticket-rule{color:#a07848;font:18px var(--serif)}.wax-seal{position:absolute;right:15px;bottom:-20px;display:grid;place-items:center;width:47px;height:47px;background:#7e2f38;border:4px double #a45d57;border-radius:46% 51% 45% 52%;font:italic 700 28px var(--serif);color:#cf9675;box-shadow:0 4px 3px #45241b40}.draw-scene:not(:is([data-phase=claiming],[data-phase=claimed],[data-phase=devouring])) .scene-ticket{display:none}.draw-scene[data-phase=devouring] .wax-seal{display:none}
.scene-verdict{position:absolute;left:24%;right:24%;top:65%;z-index:8;text-align:center}.claim-instruction{font:500 12px/1.5 var(--sans);color:#563a2b}.claim-instruction b{display:inline-block;font:700 26px var(--serif);color:var(--wine);padding-inline:5px}.fate-clock{display:flex;align-items:center;justify-content:center;gap:10px;margin:8px auto 0}.hourglass{width:38px;height:57px;color:#795533;stroke-width:2}.glass-frame{stroke:#795533;stroke-width:2.5;fill:#f7ead144}.sand-top,.sand-bottom{fill:#9c733e;stroke:none;transform-box:fill-box;transform-origin:center bottom}.sand-top{transform:scaleY(var(--sand,1))}.sand-bottom{transform:scaleY(calc(1 - var(--sand,1)))}.sand-stream{stroke:#af8447;stroke-dasharray:2 2}.fate-clock>div{text-align:left}.fate-clock b{display:block;font:600 36px/.95 var(--serif);color:var(--wine);font-variant-numeric:tabular-nums}.fate-clock span{font:italic 15px var(--serif);color:#755b40}.draw-scene[data-urgent=true] .fate-clock b{color:#a12834}.draw-scene:not(:is([data-phase=claiming],[data-phase=claimed],[data-phase=reroll])) .scene-verdict{display:none}.draw-scene[data-phase=reroll] .scene-verdict{top:48%}.draw-scene[data-phase=reroll] .hourglass{height:85px;width:57px}.draw-scene[data-phase=reroll] .fate-clock b{font-size:50px}.draw-scene[data-phase=claimed] .wax-seal{background:#506044;border-color:#889064;color:#e0d1a2}.draw-scene[data-phase=claimed] .scene-ticket{box-shadow:0 9px 20px #5b331e30,inset 0 0 0 5px #ead3a9,inset 0 0 0 6px #b08b5777}
.bite-caption{display:none;position:absolute;z-index:8;left:23%;right:23%;bottom:20%;text-align:center}.bite-caption strong{font:italic 600 clamp(23px,2.9vw,40px)/1.1 var(--serif);color:var(--wine);text-shadow:0 1px #fff8}.draw-scene[data-phase=devouring] .bite-caption{display:block}.bite-spray,.paper-scraps{position:absolute;z-index:9;pointer-events:none;opacity:0}.bite-drop,.paper-scrap{position:absolute;opacity:0}.bite-drop{background:#863139;border-radius:65% 30% 55% 40%;box-shadow:inset 1px 1px #c46b5255}.paper-scrap{background:#edce91;border:1px solid #8f673f;clip-path:polygon(0 0,80% 5%,100% 42%,75% 100%,0 85%,15% 40%)}
.scene-footer{position:absolute;z-index:12;bottom:3.7%;left:4.5%;right:4.5%;margin:0;padding:10px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #a7865f80;background:#f2e3c5;box-shadow:0 3px 12px #4a2c1b18;color:#65482f}.scene-mode{white-space:nowrap;font-size:9px;letter-spacing:1px;border-right:1px solid #ba9d73;padding-right:15px;color:#74433a}.scene-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.scene-button{background:#ead6af;color:#583c2c;border:1px solid #b49668;border-radius:2px;min-height:34px;padding:7px 11px;font-size:10px}.scene-button:hover{background:#dcc191}.scene-button:focus-visible{outline-color:#742f39}.scene-exit{background:#742f39;color:#f4e6c7;border-color:#64262e}.scene-exit span{font-size:8px;opacity:.65;margin-left:6px}.scene-volume{font-size:8px;color:#765c3e;letter-spacing:.6px;display:flex;align-items:center;gap:7px;margin:0 7px}.scene-volume input{width:67px;height:15px;margin:0;padding:0;accent-color:#742f39;background:transparent;border:0}.scene-paused{position:absolute;z-index:15;top:2.5%;left:50%;translate:-50% 0;background:#732f39;color:#f6e9ca;border:1px solid #a86d51;padding:7px 17px;text-align:center;font-size:10px;box-shadow:0 3px 8px #4b282433;white-space:nowrap}
.draw-scene[data-paused=true] *{animation-play-state:paused!important}.draw-scene[data-reduced=true] *{animation:none!important;transition:none!important}.draw-scene[data-reduced=true][data-phase=rolling] .reel-track{visibility:hidden}.draw-scene[data-reduced=true][data-phase=rolling] .scroll-selection:after{content:'Fate is turning the page…';font:italic 22px var(--serif);left:10px;right:10px;text-align:center}.draw-scene[data-reduced=true][data-phase=devouring] .scene-ticket{visibility:hidden}
@keyframes manuscript-open{from{opacity:0;transform:scale(1.02)}to{opacity:1;transform:none}}
@media(max-width:900px){.scene-prize{left:19%;right:19%}.scene-prize strong{font-size:25px}.scene-announcement{left:10%;right:10%}.scene-announcement h2{font-size:48px}.scene-folly{width:40%;left:-11%;height:55%;bottom:12%}.creature-position{width:90vw;right:-28%;bottom:-9%}.scene-ticket{width:57%;min-height:130px;padding:22px 20px 12px}.scene-ticket strong{font-size:39px}.scene-verdict{left:20%;right:20%;top:64%}.fate-reel,.scene-ledger{width:48%}.scene-ledger{top:54%;padding:14px 20px}.scene-ledger .ledger-row strong{font-size:21px}.scene-footer{padding:9px 10px;gap:8px}.scene-controls{gap:5px}.scene-volume{display:none}.scene-button{padding:7px 8px;font-size:9px}.scene-mode{font-size:8px;padding-right:10px}.bite-caption{left:18%;right:18%;bottom:23%}.scene-paused{max-width:90%;white-space:normal}.scene-announcement p{font-size:18px}.arena .entry-ledger{width:48%}}
@media(max-width:600px){.topbar nav{display:flex;gap:15px}.topbar nav #arenaNav{display:none}.nav{font-size:10px}.topbar{gap:10px;padding:0 18px}.connect-btn{padding:9px;font-size:9px}.connect-btn svg{display:none}.scene-prize{top:7%;left:14%;right:14%}.scene-prize>span{font-size:7px;letter-spacing:2px}.scene-announcement{top:19%;left:8%;right:8%}.scene-kicker{font-size:7px;letter-spacing:2px}.scene-announcement h2{font-size:40px;letter-spacing:-1px}.scene-announcement p{font-size:16px}.scene-ticket{width:65%;top:49%;padding:21px 16px 10px;min-height:125px}.scene-ticket strong{font-size:35px}.ticket-label{font-size:7px;letter-spacing:1.4px}.wax-seal{width:36px;height:36px;font-size:24px;right:11px;bottom:-16px}.scene-folly{left:-12%;bottom:14%;width:42%;height:48%}.creature-position{width:108vw;right:-40%;bottom:-1%}.fate-reel{width:55%;height:29%;top:53%}.fate-ticket strong{font-size:27px}.scene-ledger{width:54%;top:54%;padding:13px 17px}.scene-ledger .ledger-heading{font-size:7px;letter-spacing:1.4px}.scene-ledger .ledger-row strong{font-size:18px}.scene-ledger .ledger-window{height:185px}.scene-ledger .ledger-foot{font-size:12px}.scene-verdict{left:13%;right:13%;top:64%}.claim-instruction{font-size:10px}.claim-instruction b{font-size:23px}.fate-clock{margin-top:5px}.hourglass{height:48px;width:32px}.fate-clock b{font-size:31px}.fate-clock span{font-size:13px}.scene-footer{bottom:3%;left:5%;right:5%;flex-wrap:wrap;justify-content:center;padding:8px}.scene-controls{justify-content:center}.scene-mode{font-size:7px;border:0;padding:0;width:100%;text-align:center}.scene-button{min-height:29px;padding:6px 8px;font-size:9px}.scene-exit span{display:none}.bite-caption{bottom:24%;left:12%;right:12%}.bite-caption strong{font-size:25px}.scene-paused{font-size:9px;top:2%}.arena .entry-ledger{top:42%;width:50%;padding-inline:12px}.arena .ledger-heading{font-size:6px;letter-spacing:1px}.arena .ledger-row strong{font-size:17px}}
@media(max-height:560px) and (min-width:601px){.scene-prize{top:5%}.scene-prize strong{font-size:21px}.scene-announcement{top:18%}.scene-announcement h2{font-size:38px;margin:4px 0}.scene-announcement p{font-size:15px}.scene-ticket{min-height:108px;padding:16px 20px 8px;top:49%}.scene-ticket strong{font-size:34px;margin:6px 0}.ticket-label{font-size:7px}.ticket-rule{font-size:14px}.wax-seal{width:34px;height:34px;font-size:22px;bottom:-15px}.scene-verdict{top:65%}.fate-clock{margin-top:2px}.hourglass{height:36px;width:24px}.fate-clock b{font-size:26px}.fate-clock span{font-size:12px}.scene-footer{bottom:3%;padding:6px 10px}.scene-button{min-height:29px;padding:5px 9px}.fate-reel{top:53%;height:30%}.fate-ticket{height:70px}.scroll-selection{height:70px}.scene-ledger .ledger-window{height:130px}.scene-ledger .ledger-row{height:28px}.scene-ledger .ledger-row strong{font-size:18px}.scene-ledger{padding:12px 20px}.bite-caption{bottom:21%}}
@media(prefers-reduced-motion:reduce){.draw-scene *{animation:none!important;transition:none!important}}

/* Keep the close-up clear of its chapter heading and captions. */
.draw-scene[data-phase=devouring] .scene-prize{display:none}
.draw-scene[data-phase=devouring] .scene-announcement{top:5%;left:15%;right:15%;padding:9px 16px 12px;background:#f2e1bd;border-block:1px solid #ad8c5e80;box-shadow:0 3px 10px #54351e12}
.draw-scene[data-phase=devouring] .scene-announcement h2{font-size:clamp(30px,3.5vw,48px);margin:5px 0 0}
.draw-scene[data-phase=devouring] .scene-announcement p{display:none}
.bite-caption strong{display:inline-block;background:#f2e1bd;padding:7px 18px;border-block:1px solid #ad8c5e80;box-shadow:0 3px 10px #54351e12}
@media(max-width:900px){.scene-announcement p{display:inline-block;background:#f1dfbcec;padding:3px 8px;border-radius:2px}.draw-scene[data-phase=devouring] .scene-announcement{top:7%;left:10%;right:10%}.draw-scene[data-phase=devouring] .scene-kicker{font-size:7px;letter-spacing:2px}.draw-scene[data-phase=devouring] .scene-paused{top:2%}.bite-caption strong{padding:7px 12px}}

/* Sand and seconds sit on their own paper, clear of the illustrated tail. */
.fate-clock{width:fit-content;min-width:150px;padding:6px 16px;background:#f2e1bd;border:1px solid #ac8b5a66;box-shadow:0 3px 9px #603e2112}
.fate-clock b{font-size:42px}
@media(max-width:900px){.scene-announcement h2{background:linear-gradient(90deg,transparent,#efddbaee 12%,#efddbaee 88%,transparent);padding:2px 8px}.fate-clock{min-width:146px}.fate-clock b{font-size:36px}}
@media(max-height:560px) and (min-width:601px){.fate-clock{padding:3px 12px}.fate-clock b{font-size:26px}}

/* Dragon edition: the ticket is signed by its outcome, then reduced to ash. */
.creature-position{width:min(57vw,88vh);right:-15%;top:calc(49% - min(21.09vw,32.56vh));bottom:auto;transform-origin:12% 37%}
.dragon-fire{position:absolute;inset:0;width:100%;height:100%;z-index:7;pointer-events:none}
.draw-scene:not([data-phase=devouring]) .dragon-fire{display:none}
.wax-seal{background:#d6b785;border-color:#a7824b;color:#73522d;font-family:var(--sans);font-size:28px;font-style:normal;font-weight:700}
.wax-seal[data-state=claimed]{background:#e5edcf!important;border-color:#527347!important;color:#2e6b3d!important}
.wax-seal[data-state=missed]{background:#f0d4bd;border-color:#9b3e39;color:#ae282e}
.draw-scene[data-phase=devouring] .wax-seal{display:grid}
.draw-scene[data-reduced=true][data-phase=devouring] .scene-ticket{visibility:visible}
.arena .beast-art{width:70%;right:-22%;height:108%;bottom:0;animation:none}
.arena[data-phase=devouring] .result-card{animation:none;background:#d2bb97;color:#752b2b}
.arena[data-phase=devouring] .beast-art{animation:none}
@media(max-width:900px){.creature-position{width:90vw;right:-60%;top:calc(49% - 33.3vw);bottom:auto}.arena .beast-art{right:-26%}}
@media(max-width:600px){.creature-position{width:92vw;right:-62%;top:calc(49% - 34.04vw)}.wax-seal{font-size:23px}}


/* A centered manuscript framed by complete, proportionately scaled illustrations. */
.draw-scene{--figure-size:min(29vw,56vh);--figure-top:calc(50% - min(10.73vw,20.72vh))}
.creature-position{width:var(--figure-size);height:var(--figure-size);right:3%;top:var(--figure-top);bottom:auto}
.scene-folly{left:3%;top:var(--figure-top);bottom:auto;width:var(--figure-size);height:var(--figure-size);object-fit:contain}
.fate-reel,.scene-ticket,.scene-ledger{left:50%;top:50%}
.fate-reel{width:30%;height:28%;max-height:240px}
.scene-ticket{width:32%;max-width:520px;min-height:132px;padding:22px 22px 13px;transform:translate(-50%,-50%)}
.scene-ticket strong{font-size:clamp(25px,3.2vw,46px)}
.scene-ledger{width:30%;padding:17px 20px}
.scene-ledger .ledger-window{height:clamp(140px,24vh,220px)}
.scroll-quill{right:6px;top:auto;bottom:6px;font-size:29px;opacity:.6}
.scene-verdict{left:50%;right:auto;width:40%;top:65%;transform:translateX(-50%)}
.claim-instruction{display:inline-block;padding:4px 10px;background:#f2e1bd;border-block:1px solid #ac8b5a55;box-shadow:0 2px 6px #603e2112}
.arena .folly-art{left:3%;width:28%;height:76%;bottom:7%;transform:none}
.arena .beast-art{right:3%;width:28%;height:76%;bottom:7%}
.arena .result-card,.arena .entry-ledger{left:50%;width:32%;top:43%}
.arena .result-card strong{font-size:clamp(19px,2vw,29px)}
.arena .entry-ledger{padding-inline:12px}
.arena .ledger-row strong{font-size:17px}
.arena .ledger-heading{font-size:7px;letter-spacing:1px}
@media(max-aspect-ratio:5/4){
  .draw-scene{--figure-size:min(32vw,31vh);--figure-top:calc(85% - min(32vw,31vh))}
  .creature-position{right:4%}
  .scene-folly{left:4%}
  .scene-announcement{top:17%}
  .scene-announcement h2{font-size:clamp(32px,6.7vw,48px)}
  .scene-ticket,.scene-ledger{top:43%}
  .fate-reel{width:50%;height:20%;top:44%}
  .scene-ticket{width:54%;min-height:125px;padding:20px 18px 12px}
  .scene-ticket strong{font-size:clamp(25px,5vw,38px)}
  .scene-ledger{width:50%;padding:13px 17px}
  .scene-ledger .ledger-window{height:clamp(80px,11vh,120px)}
  .scene-ledger .ledger-row{height:29px}
  .scene-ledger .ledger-row strong{font-size:18px}
  .scene-verdict{top:56%;width:60%}
  .scene-folly,.creature-position{z-index:2}
}
@media(max-width:600px) and (max-aspect-ratio:5/4){
  .draw-scene{--figure-size:30vw;--figure-top:calc(84% - 30vw)}
  .creature-position{right:3%}
  .scene-folly{left:3%}
  .scene-announcement{top:18%}
  .fate-reel{width:60%;height:20%}
  .fate-ticket strong{font-size:clamp(22px,5.5vw,29px)}
  .scene-ticket{width:64%;padding:20px 14px 12px}
  .scene-ticket strong{font-size:clamp(23px,6vw,33px)}
  .scene-ledger{width:60%;padding-inline:14px}
  .scene-ledger .ledger-heading{letter-spacing:.8px}
  .scene-verdict{width:76%;top:56%}
  .fate-clock{min-width:0;max-width:128px;padding:5px 8px;gap:7px}
  .hourglass{width:24px;height:38px}
  .fate-clock b{font-size:30px}
  .fate-clock span{font-size:11px}
  .arena .result-card,.arena .entry-ledger{top:33%;width:60%}
  .arena .folly-art,.arena .beast-art{width:31%;height:40%;bottom:5%}
  .arena .entry-ledger .ledger-window{height:145px}
}
@media(max-height:560px) and (min-aspect-ratio:5/4){
  .scene-ticket{min-height:108px;padding:16px 17px 8px}
  .scene-ticket strong{font-size:clamp(23px,3.1vw,34px)}
}