:root{font-family:Segoe UI,Arial,sans-serif;color:#526477;background:#e9eef2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button{font:inherit;-webkit-tap-highlight-color:transparent}#app{position:relative;width:100%;height:100svh;min-height:440px;overflow:hidden;background:radial-gradient(ellipse at 28% 22%,#faf8f5 0%,transparent 48%),radial-gradient(ellipse at 76% 66%,#d8e7f1 0%,transparent 55%),linear-gradient(135deg,#e9eef2,#f0f1f1 52%,#e4eaf0)}#app:before{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 170px #69859b0d}.masthead{position:absolute;z-index:2;inset:30px 40px auto;display:flex;justify-content:space-between;align-items:center}.wordmark{display:inline-flex;align-items:center;gap:11px;font-size:16px;letter-spacing:.045em}.wordmark svg{width:19px;height:19px;fill:none;stroke:#798d9e;stroke-width:1}.edition{font-size:12px;letter-spacing:.17em;color:#6d7d8c}.edition .edition-divider{margin:0 12px;color:#a2adb6}.viewer{position:absolute;inset:78px 0 145px}#scene{position:absolute;inset:0}#scene canvas{display:block;width:100%;height:100%}.card-control{position:absolute;top:50%;left:50%;translate:-50% -50%;width:var(--card-width, 320px);height:var(--card-height, 448px);padding:0;border:none;border-radius:16px;background:transparent;cursor:pointer;touch-action:manipulation;outline:none}.card-control:focus-visible{outline:2px solid #758c9e;outline-offset:12px}.card-control:disabled{cursor:wait}.viewer-footer{position:absolute;bottom:43px;left:50%;translate:-50% 0;display:flex;align-items:center;flex-direction:column;width:max-content;max-width:calc(100% - 32px);gap:14px}.art-navigation{display:flex;align-items:center;justify-content:center;gap:8px;height:32px}.art-arrow{display:inline-grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:#657f93;cursor:pointer;transition:background .2s}.art-arrow:hover{background:#ffffff80}.art-arrow:focus-visible{outline:2px solid #758c9e;outline-offset:2px}.art-arrow:disabled{color:#9baab7;cursor:wait}.art-arrow svg{stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.art-count{font-size:12px;letter-spacing:.12em;font-variant-numeric:tabular-nums;color:#657c8e}.art-count span{margin:0 8px;color:#9daab5}.collection-message{position:absolute;bottom:calc(100% + 8px);width:min(330px,85vw);padding:9px 12px;border:1px solid #b7c7d33d;border-radius:8px;background:#f4f7f9ed;color:#526b80;font-size:12px;text-align:center}.collection-message[hidden]{display:none}#interaction-hint{margin:0;font-size:14px;line-height:1.5;color:#647789}#interaction-hint span{display:inline-block;margin:0 9px;color:#879baa}.flip-button{display:inline-flex;align-items:center;gap:9px;padding:9px 18px;min-height:40px;background:#ffffff57;border:1px solid #fff9;border-radius:30px;color:#4e6477;font-size:13px;cursor:pointer;transition:background .25s,box-shadow .25s}.flip-button:hover{background:#fff9;box-shadow:0 3px 16px #7084980d}.flip-button:focus-visible{outline:2px solid #758c9e;outline-offset:4px}.flip-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.corner-note,.version{position:absolute;bottom:33px;color:#748596;font-size:12px}.corner-note{left:40px;font-family:Georgia,serif;font-style:italic}.version{right:40px;letter-spacing:.1em}.load-status{position:absolute;top:50%;left:50%;translate:-50% -50%;padding:16px 24px;border-radius:12px;background:#f1f5f8e8;font-size:14px;text-align:center;max-width:340px}.load-status[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}#debug{position:fixed;top:76px;left:20px;padding:14px;border-radius:10px;color:#ecf5fa;background:#26394ddd;pointer-events:none;font:12px/1.5 monospace;z-index:10}@media(max-width:600px){.masthead{inset:23px 23px auto}.wordmark{font-size:14px}.edition{font-size:12px;letter-spacing:.08em}.edition .edition-divider{margin:0 6px}.viewer{top:66px;bottom:166px}.viewer-footer{bottom:25px;gap:10px}.corner-note,.version{display:none}#interaction-hint{font-size:13px}}@media(max-height:610px)and (min-width:601px){.masthead{inset:18px 30px auto}.viewer{top:58px;bottom:110px}.viewer-footer{bottom:17px;gap:8px}.corner-note,.version{bottom:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important}}@media(max-height:440px){#app{min-height:320px}.corner-note,.version{display:none}}@media(max-height:610px)and (min-width:601px){.viewer{bottom:127px}.viewer-footer{gap:5px}.art-navigation{height:26px}}