:root{--factory-paper:#efe9da;--factory-ink:#193e54;--factory-line:#98aaa9;--factory-active:#cbdad2;--factory-shadow:#122a3b40;--factory-fold:#c7c0af;--factory-label:"Courier New", monospace}.about{position:relative}.page-peel{cursor:pointer;z-index:2;width:86px;height:86px;color:var(--factory-ink);background:0 0;border:0;padding:0;position:absolute;bottom:0;right:0;overflow:visible}.page-curl-art{pointer-events:none;width:100%;height:100%;transition:width .35s,height .35s;position:absolute;top:0;left:0}.page-curl-art--bottom-right{inset:auto 0 0 auto;transform:rotate(180deg)}.page-curl-underlay{clip-path:polygon(0 0,100% 0,0 100%);background:#fff9e9;position:absolute;inset:0}.page-curl-comic{background:linear-gradient(#efd271 0 12%,#0000 12% 84%,#fff9e9 84%),url(/media/comic-peek.webp) 50%/cover;border:2px solid #132f43;position:absolute;inset:5px;box-shadow:3px 3px #132f43}.page-curl-art--bottom-right .page-curl-comic{transform:rotate(180deg)}.page-curl-fold{filter:drop-shadow(2px 3px 2px #312c2440);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.page-peel:hover .page-curl-art,.page-peel:focus-visible .page-curl-art,.walk-return-flap:hover .page-curl-art,.walk-return-flap:focus-visible .page-curl-art{width:112%;height:112%}.page-peel:focus-visible,.walk-return-flap:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.peel-hint{white-space:nowrap;background:var(--paper);color:var(--ink);opacity:0;pointer-events:none;padding:6px 10px;font-size:12px;transition:opacity .2s,transform .2s;position:absolute;bottom:20px;right:85px;transform:translate(8px)}.page-peel:hover .peel-hint,.page-peel:focus-visible .peel-hint{opacity:1;transform:none}@media (max-width:700px){.page-peel{width:72px;height:72px}}@media (prefers-reduced-motion:reduce){.page-curl-art,.peel-hint{transition:none}}
