:root{--charcoal: #11100e;--charcoal-2: #11100e;--paper: #e9ddc4;--ink: #2b2416;--accent: #7a1f1f;--edge-shadow: rgba(0, 0, 0, .55)}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--charcoal);color:var(--paper);font-family:Iowan Old Style,Palatino Linotype,Georgia,Times New Roman,serif;overflow:hidden;-webkit-tap-highlight-color:transparent}#app{position:relative;width:100vw;height:100dvh;background:var(--charcoal)}button{font-family:inherit;cursor:pointer}.cover-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.8rem,2.2vh,1.4rem);transition:opacity .6s ease,visibility .6s ease}.cover-frame{display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 30px 45px rgba(0,0,0,.6))}.cover-img{width:100%;height:100%;object-fit:contain;display:block}.cover-controls{display:flex;flex-direction:column;align-items:center;gap:.9rem}.open-btn{background:transparent;border:1px solid rgba(233,221,196,.4);color:var(--paper);padding:.6em 2.2em;font-size:.72rem;letter-spacing:.3em;border-radius:2px;opacity:.8;transition:background .25s ease,color .25s ease,border-color .25s ease,opacity .25s ease}.open-btn:hover,.open-btn:focus-visible{background:var(--paper);color:var(--ink);border-color:var(--paper);opacity:1}.book-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s ease}.app[data-state=closed] .book-screen{pointer-events:none}.app[data-state=open] .cover-screen{opacity:0;visibility:hidden;pointer-events:none}.app[data-state=open] .book-screen{opacity:1;visibility:visible}.stage{position:relative;width:1600px;height:1200px}.spread-base,.leaf,.leaf-face{position:absolute;top:0;right:0;bottom:0;left:0}.spread-base{display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 20px 40px rgba(0,0,0,.55))}.spread-base img,.leaf-face img{width:100%;height:100%;object-fit:contain}.leaf{transform-style:preserve-3d;transform:rotateY(0);transform-origin:left center;will-change:transform;pointer-events:none}.leaf-face{backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.leaf-front{z-index:2}.leaf-back{transform:rotateY(180deg)}.leaf:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,var(--edge-shadow),transparent 35%);opacity:0;pointer-events:none}.leaf.flip-backward:after{background:linear-gradient(to left,var(--edge-shadow),transparent 35%)}.leaf.flipping:after{opacity:1;transition:opacity .4s ease}.leaf.flip-forward{transition:transform .85s cubic-bezier(.61,.09,.35,1);transform:rotateY(-175deg)}.leaf.flip-backward{transform-origin:right center;transition:transform .85s cubic-bezier(.61,.09,.35,1);transform:rotateY(175deg)}.leaf.no-anim{transition:none!important}.leaf.hidden-leaf{visibility:hidden}.overlay-text{position:absolute;left:8%;right:8%;bottom:7%;display:flex;flex-direction:column;gap:.3em;text-align:center;pointer-events:none;z-index:5;padding:.7em 1em;border-radius:6px;background:radial-gradient(ellipse at center,#e9ddc480,#e9ddc447 55%,#e9ddc400)}.overlay-text p{margin:0;font-size:clamp(.55rem,calc(var(--stage-w, 1200px) * .0135),1.15rem);line-height:1.5;color:#3a2f1c;background:#e9ddc400;text-shadow:0 1px 0 rgba(255,255,255,.15);font-style:italic;letter-spacing:.01em}.overlay-text.on-dark p{color:var(--paper);text-shadow:0 2px 10px rgba(0,0,0,.8)}.token-overlay{position:absolute;left:53%;right:3.5%;top:38.5%;bottom:17%;background:#c3aa87;border:1px solid rgba(43,36,22,.25);box-shadow:inset 0 0 18px #2b24161f;display:flex;flex-direction:column;justify-content:center;gap:.55em;z-index:6;pointer-events:auto;padding:0 .4em;overflow:hidden}.token-overlay[hidden]{display:none}.token-overlay .t-row{display:flex;flex-direction:column;gap:.1em}.token-overlay .t-label{font-size:clamp(.55rem,calc(var(--stage-w, 1200px) * .0079),.72rem);letter-spacing:.1em;text-transform:uppercase;color:#6b5936;font-family:Georgia,serif}.token-overlay .t-value{font-size:clamp(.72rem,calc(var(--stage-w, 1200px) * .0104),1rem);color:#2b2416;font-family:Courier New,ui-monospace,monospace}.token-overlay .t-status{font-size:clamp(.72rem,calc(var(--stage-w, 1200px) * .0108),1rem);letter-spacing:.06em;color:#2b2416;font-family:Georgia,serif;font-style:italic}.token-overlay .t-links{display:flex;gap:.6em;flex-wrap:wrap;margin-top:.2em}.token-overlay .t-links a,.token-overlay .t-links button{font-size:clamp(.55rem,calc(var(--stage-w, 1200px) * .0071),.68rem);letter-spacing:.08em;text-transform:uppercase;color:#2b2416;background:#2b241614;border:1px solid rgba(43,36,22,.4);padding:.4em .6em;border-radius:2px;text-decoration:none;font-family:Georgia,serif}.token-overlay .t-contract{font-size:clamp(.55rem,calc(var(--stage-w, 1200px) * .0071),.68rem);color:#5b4c2c;word-break:break-all;font-family:Courier New,ui-monospace,monospace}.chrome{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.nav-edge{position:absolute;top:0;bottom:0;width:18%;background:transparent;border:none;pointer-events:auto}.nav-edge--left{left:0}.nav-edge--right{right:0}.hud{position:absolute;left:50%;bottom:2vh;transform:translate(-50%);display:flex;align-items:center;gap:.7rem;pointer-events:auto;background:#11100e66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.3em .7em;border-radius:999px;border:1px solid rgba(233,221,196,.08);opacity:.65;transition:opacity .25s ease}.hud:hover,.hud:focus-within{opacity:1}.page-counter{font-size:.62rem;letter-spacing:.12em;color:#e9ddc4a6;min-width:3.8em;text-align:center}.hud-btn{background:transparent;border:none;color:var(--paper);font-size:.78rem;line-height:1;padding:.25em;opacity:.8}.hud-btn:hover,.hud-btn:focus-visible{opacity:1}.hud-btn--text{font-size:.56rem;letter-spacing:.18em}.receipts-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:9}.receipts-drawer{position:fixed;top:0;right:0;bottom:0;width:min(90vw,380px);background:#17150f;border-left:1px solid rgba(233,221,196,.15);transform:translate(100%);transition:transform .35s ease;z-index:10;overflow-y:auto}.app.receipts-open .receipts-drawer{transform:translate(0)}.app.receipts-open .receipts-scrim{opacity:1;visibility:visible}.receipts-inner{padding:1.4rem 1.3rem 2rem}.receipts-header{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;letter-spacing:.25em;color:#e9ddc4b3;margin-bottom:1.2rem}.receipts-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.9rem}.receipts-list li{border:1px solid rgba(233,221,196,.12);border-radius:4px;padding:.7em .85em}.r-label{display:block;font-size:.85rem;color:var(--paper);margin-bottom:.3em}.r-status{display:inline-block;font-size:.62rem;letter-spacing:.15em;padding:.15em .5em;border-radius:999px;background:#7a1f1f59;color:#e9b8b8;text-transform:uppercase}.r-note{display:block;font-size:.72rem;color:#e9ddc48c;margin-top:.35em}.receipts-disclaimer{margin-top:1.6rem;font-size:.68rem;line-height:1.6;color:#e9ddc473}@media (prefers-reduced-motion: reduce){.leaf.flip-forward,.leaf.flip-backward,.cover-screen,.book-screen{transition-duration:.01ms!important}}@media (max-width: 640px){.token-overlay{gap:.35em}.overlay-text{bottom:4%}.nav-edge{width:22%}}