:root{--fluorescent:#eef3e2;--paint:#b9c7b2;--tile:#6f7f68;--steel:#a3a99a;--sign:#2f4f3f;--ink:#1e1f1a;--ink-2:#4c4d44;--paper:#f1eee2;--stamp:#4b3f8c;--dim:#121a169e;--font-sign:"BIZ UDPGothic", "Hiragino Sans", sans-serif;--font-body:"Shippori Mincho", "Hiragino Mincho ProN", serif;--font-title:"Shippori Mincho B1", "Shippori Mincho", serif;--ease-out:cubic-bezier(.2, .8, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;height:100%;color:var(--ink);font-family:var(--font-sign);-webkit-font-smoothing:antialiased;background:#9aa59a;margin:0;overflow:hidden}[hidden]{display:none!important}#view{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.grain{pointer-events:none;mix-blend-mode:multiply;opacity:.55;background:radial-gradient(#0000 45%,#16201a6b 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");animation:.5s steps(3,end) infinite grain;position:fixed;inset:0}@keyframes grain{0%{background-position:50%,0 0}33%{background-position:50%,-40px 20px}66%{background-position:50%,30px -50px}to{background-position:50%,0 0}}kbd{min-width:1.6em;font-family:var(--font-sign);text-align:center;border:1px solid;border-bottom-width:2px;border-radius:3px;margin:0 .12em;padding:.05em .4em;font-size:.82em;line-height:1.4;display:inline-block}button{font:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--stamp);outline-offset:3px}.btn-primary{background:var(--sign);min-height:48px;color:var(--fluorescent);font-family:var(--font-sign);letter-spacing:.08em;border:0;border-radius:2px;justify-content:center;align-items:center;padding:0 28px;font-size:16px;font-weight:700;transition:transform 60ms,background-color .12s;display:inline-flex}.btn-primary:hover{background:#23402f}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{background:var(--steel);color:var(--ink-2);cursor:progress}.btn-quiet{border:1px solid var(--ink-2);min-height:40px;color:var(--ink);font-family:var(--font-sign);background:0 0;border-radius:2px;padding:0 12px;font-size:14px}.btn-quiet:hover{background:#1e1f1a0f}.plate-wrap{background:linear-gradient(#121a162e,#121a166b);place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.plate{background:var(--fluorescent);border-radius:3px;width:min(560px,100%);padding:0 32px 28px;box-shadow:0 0 0 6px #a3a99ae6,0 24px 60px #1e1a0873}.plate-small{width:min(420px,100%)}.plate-band{background:var(--sign);color:var(--fluorescent);letter-spacing:.3em;border-radius:3px 3px 0 0;margin:0 -32px 24px;padding:10px 32px;font-size:14px;font-weight:700}.intro{background:radial-gradient(at 50% 40%,#0c120f61,#0c120fb8);flex-direction:column;justify-content:center;align-items:center;gap:clamp(32px,7vh,64px);padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.logo{margin:0;line-height:0}.logo img{border-radius:6px;width:min(520px,100vw - 48px);height:auto;display:block;box-shadow:0 10px 28px #0a100d59}.intro-exit{color:#e6eeea9e;letter-spacing:.4em;margin:calc(clamp(32px,7vh,64px)/-2) 0 0;padding-left:.4em;font-size:13px}.plate.plate-keys{width:min(440px,100%);padding:22px 24px 24px}.plate-keys .controls{border-top:0;padding-top:0}.plate-keys .controls>div:first-child{grid-column:1/-1}.controls{border-top:1px solid #1e1f1a40;border-bottom:1px solid #1e1f1a40;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 20px;margin:0 0 18px;padding:14px 0;font-size:14px;display:grid}.controls div{align-items:center;gap:10px;min-height:30px;display:flex}.controls dt{width:4.5em;color:var(--ink-2);flex:none}.controls dd{margin:0}.intro-error{background:#8c3b2e14;border-left:4px solid #8c3b2e;margin:0 0 16px;padding:10px 12px;font-size:14px;line-height:1.7}.pause-title{font-family:var(--font-title);margin:0 0 8px;font-size:24px;font-weight:700}.pause-stats{color:var(--ink-2);margin:0 0 20px;font-size:14px}#hud{pointer-events:none;color:var(--fluorescent);text-shadow:0 1px 2px #141208cc;position:fixed;inset:0}.hud-where,.hud-count{letter-spacing:.08em;font-variant-numeric:tabular-nums;margin:0;font-size:13px;position:absolute;left:16px}.hud-where{gap:14px;font-weight:700;display:flex;top:16px}.hud-count{opacity:.85;top:38px}.hud-sound{min-height:32px;color:inherit;text-shadow:inherit;pointer-events:auto;background:0 0;border:0;padding:0 10px;font-size:13px;position:absolute;top:10px;right:16px}.crosshair{background:var(--fluorescent);width:6px;height:6px;transition:transform .12s var(--ease-out);border-radius:50%;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1.5px #14120899}#hud.aiming .crosshair{transform:scale(1.8)}.hud-hint{letter-spacing:.1em;margin:0;font-size:13px;position:absolute;top:calc(50% + 18px);left:50%;transform:translate(-50%)}.reader{background:var(--dim);animation:fade-in .22s var(--ease-out);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.book{background:var(--paper);width:min(960px,100%);height:min(720px,100dvh - 32px);animation:pull-out .36s var(--ease-out);border-radius:2px;grid-template-rows:auto minmax(0,1fr) auto;display:grid;box-shadow:inset 0 0 0 1px #1e1f1a1f,0 30px 80px #1410048c}@keyframes pull-out{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}}.book-head{border-bottom:1px solid #1e1f1a26;align-items:center;gap:16px;padding:12px 16px 12px 24px;display:flex}.callno{letter-spacing:.08em;font-variant-numeric:tabular-nums;background:#ece8da;border:1px solid #1e1f1a59;margin:0;padding:3px 8px;font-size:13px;font-weight:700}.book-meta{color:var(--ink-2);margin:0 auto 0 0;font-size:13px}.page{writing-mode:vertical-rl;font-family:var(--font-body);letter-spacing:.06em;font-feature-settings:"vpal" 0;text-orientation:mixed;overscroll-behavior:contain;padding:40px 48px;font-size:18px;line-height:1.95;overflow:auto hidden}.page:focus-visible{outline-offset:-6px}.page p{text-indent:1em;margin:0}.page .end-mark{text-indent:0;color:var(--ink-2);font-family:var(--font-sign);letter-spacing:.3em;margin-block-start:2em;font-size:13px}.page .loading,.page .error{text-indent:0;color:var(--ink-2);font-family:var(--font-sign);font-size:15px}.book-foot{color:var(--ink-2);text-align:left;margin:0;padding:8px 24px 12px;font-size:12px}.slip{transform-origin:80% 100%;width:min(380px,100% - 32px);animation:slip-in .42s var(--ease-out);background:repeating-linear-gradient(#0000 0 31px,#2f4f3f2e 31px 32px),#f4f1e4;border-radius:2px;padding:20px 24px 22px;position:fixed;bottom:max(16px,5vh);right:max(16px,4vw);box-shadow:0 18px 50px #14100480}@keyframes slip-in{0%{opacity:0;transform:translateY(40px)rotate(3deg)}to{opacity:1;transform:rotate(-.6deg)}}.slip-head{color:var(--sign);letter-spacing:.4em;margin:0 0 14px;font-size:12px;font-weight:700}.slip-title{font-family:var(--font-title);overflow-wrap:anywhere;margin:0 0 4px;padding-right:64px;font-size:30px;font-weight:800;line-height:1.25}.slip-subtitle{font-family:var(--font-body);color:var(--ink-2);margin:0 0 12px;font-size:14px}.slip-subtitle:empty{display:none}.slip-fields{margin:12px 0 18px;font-size:14px}.slip-fields div{align-items:center;gap:12px;min-height:32px;display:flex}.slip-fields dt{width:4.5em;color:var(--ink-2);flex:none;font-size:12px}.slip-fields dd{font-family:var(--font-body);margin:0;font-weight:600}.stamp{border:2.5px solid var(--stamp);width:76px;height:76px;color:var(--stamp);text-align:center;opacity:.82;mix-blend-mode:multiply;animation:stamp .26s .26s var(--ease-out) backwards;border-radius:50%;place-items:center;font-weight:700;line-height:1.15;display:grid;position:absolute;top:18px;right:18px;transform:rotate(-14deg)}.stamp span:first-child{letter-spacing:.3em;border-bottom:1.5px solid var(--stamp);padding-left:.3em;font-size:15px}.stamp span:last-child{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:11px}@keyframes stamp{0%{opacity:0;transform:rotate(-14deg)scale(1.6)}60%{opacity:.95}}.slip-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0;display:flex}.slip-link{color:var(--sign);text-underline-offset:3px;font-size:14px}@media (width<=600px){.plate{padding:0 20px 22px}.plate-band{margin:0 -20px 20px;padding:10px 20px}.controls{grid-template-columns:1fr}.page{padding:24px 20px;font-size:17px}.book-head{flex-wrap:wrap;gap:8px 12px;padding:10px 12px}.book-meta{order:3;width:100%}.slip{width:auto;left:16px;right:16px}}.og-overlay{pointer-events:none;background:radial-gradient(#0c120f1f,#0c120f8c);flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex;position:fixed;inset:0}.og-overlay img{border-radius:6px;width:560px;height:auto;box-shadow:0 14px 40px #0a100d66}.og-overlay p{color:#eef4efd9;letter-spacing:.45em;text-shadow:0 1px 3px #0a100db3;margin:0;padding-left:.45em;font-size:20px}.touch-ui{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.stick{left:calc(env(safe-area-inset-left) + 84px);top:calc(100% - env(safe-area-inset-bottom) - 132px);opacity:.45;background:#1e1f1a2e;border:2px solid #eef3e28c;border-radius:50%;width:112px;height:112px;margin:-56px 0 0 -56px;transition:opacity .12s;position:absolute}.stick.active{opacity:1;transition:none}.stick.running{border-color:var(--fluorescent);box-shadow:0 0 0 4px #eef3e240}.stick-knob{background:#eef3e2d9;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%;box-shadow:0 2px 6px #14120880}.touch-take{right:calc(env(safe-area-inset-right) + 20px);bottom:calc(env(safe-area-inset-bottom) + 96px);background:var(--fluorescent);min-width:112px;min-height:64px;color:var(--ink);box-shadow:inset 0 -4px 0 var(--sign), 0 6px 18px #14120873;font-family:var(--font-sign);letter-spacing:.08em;pointer-events:auto;touch-action:manipulation;border:0;border-radius:3px;padding:0 22px;font-size:17px;font-weight:700;position:absolute}.touch-take:active{box-shadow:inset 0 -2px 0 var(--sign), 0 3px 10px #14120873;transform:translateY(2px)}.touch-pause{top:calc(env(safe-area-inset-top) + 8px);right:calc(env(safe-area-inset-right) + 12px);min-height:40px;color:var(--fluorescent);pointer-events:auto;touch-action:manipulation;background:#1e1f1a59;border:1px solid #eef3e299;border-radius:3px;padding:0 12px;font-size:13px;position:absolute}body.touch .hud-sound{top:calc(env(safe-area-inset-top) + 8px);right:calc(env(safe-area-inset-right) + 104px);min-height:40px}body.touch .hud-where{top:calc(env(safe-area-inset-top) + 16px);left:calc(env(safe-area-inset-left) + 16px)}body.touch .hud-count{top:calc(env(safe-area-inset-top) + 38px);left:calc(env(safe-area-inset-left) + 16px)}.page{touch-action:pan-x}body.touch .btn-quiet kbd,body.touch .hud-sound kbd{display:none}@media (prefers-reduced-motion:reduce){.grain,.book,.reader,.slip,.stamp{animation:none}}