@font-face{font-family:Alfa Slab One;font-style:normal;font-display:swap;font-weight:400;src:url(./alfa-slab-one-vietnamese-400-normal-C0oZnEo7.woff2)format("woff2"),url(./alfa-slab-one-vietnamese-400-normal-BeSfPuN6.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Alfa Slab One;font-style:normal;font-display:swap;font-weight:400;src:url(./alfa-slab-one-latin-ext-400-normal-DZhSYPC8.woff2)format("woff2"),url(./alfa-slab-one-latin-ext-400-normal-Dg9tQUb7.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Alfa Slab One;font-style:normal;font-display:swap;font-weight:400;src:url(./alfa-slab-one-latin-400-normal-CbTZiZTW.woff2)format("woff2"),url(./alfa-slab-one-latin-400-normal-UIGeWgec.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:400;src:url(./courier-prime-latin-ext-400-normal-B-EsvyE4.woff2)format("woff2"),url(./courier-prime-latin-ext-400-normal-CKOCNFvK.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:400;src:url(./courier-prime-latin-400-normal-BbyBr73r.woff2)format("woff2"),url(./courier-prime-latin-400-normal-BAlbUm6l.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:700;src:url(./courier-prime-latin-ext-700-normal-ByMJlNdM.woff2)format("woff2"),url(./courier-prime-latin-ext-700-normal-BIFoAzHx.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:700;src:url(./courier-prime-latin-700-normal-D1YCjmaD.woff2)format("woff2"),url(./courier-prime-latin-700-normal-CVvp4Sof.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Oswald Variable;font-style:normal;font-display:swap;font-weight:200 700;src:url(./oswald-cyrillic-ext-wght-normal-DLWmRmaW.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Oswald Variable;font-style:normal;font-display:swap;font-weight:200 700;src:url(./oswald-cyrillic-wght-normal-C8sJyxwB.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Oswald Variable;font-style:normal;font-display:swap;font-weight:200 700;src:url(./oswald-vietnamese-wght-normal-Tdf5mmdl.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Oswald Variable;font-style:normal;font-display:swap;font-weight:200 700;src:url(./oswald-latin-ext-wght-normal-Dj_1K-Kw.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Oswald Variable;font-style:normal;font-display:swap;font-weight:200 700;src:url(./oswald-latin-wght-normal-CzS3kehr.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./caveat-cyrillic-ext-wght-normal-DiMfzA-V.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./caveat-cyrillic-wght-normal-D5lnP6kL.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./caveat-latin-ext-wght-normal-Byk3UhVp.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./caveat-latin-wght-normal-C1hSzPvX.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-vietnamese-opsz-normal-Czevyj-6.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-ext-opsz-normal-CJcjJNj7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-opsz-normal-DihXLNYH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(./fraunces-vietnamese-opsz-italic-DxWqP7Ku.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-ext-opsz-italic-CGbN9UgK.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-opsz-italic-lSdLDfvT.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#f1e6cc;--paper-2:#e8d9b8;--kraft:#d7bf93;--green-card:#435c3a;--ink:#2b221c;--ink-soft:#2b221c9e;--rule:#2b221c52;--red:#b8322a;--blue:#2f3a94;--green:#2f6b4f;--violet:#5f4596;--mustard:#e1b23e;--teal:#4f9a94;--lilac:#9a7cc0;--pink:#e0697a;--slab:"Alfa Slab One", Rockwell, Georgia, serif;--type:"Courier Prime", "Courier New", monospace;--cond:"Oswald Variable", "Arial Narrow", sans-serif;--hand:"Caveat Variable", "Segoe Print", cursive;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .22 0 0 0 0 .12 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");--mottle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012' numOctaves='4' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .3 0 0 0 0 .12 0 0 0 .9 -.35'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)' opacity='.5'/%3E%3C/svg%3E");--wear:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.22' numOctaves='3' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -3.2 2.75'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23w)'/%3E%3C/svg%3E")}*{box-sizing:border-box}html,body{background:#0b0705;width:100%;height:100%;margin:0;overflow:hidden}body{font-family:var(--type);color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(#22160d 0%,#0b0705 70%)}#stage{background:#140d08;width:min(100vw,62dvh);height:100dvh;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 140px #000}canvas{touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;outline:none;width:100%;height:100%;display:block}.hidden{display:none!important}button{font:inherit;color:inherit}#grain{pointer-events:none;opacity:.5;will-change:transform;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .45 0 0 0 0 .4 0 0 0 1.4 -.55'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");animation:.5s step-end infinite grain;position:absolute;inset:-60px}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-23px,17px)}40%{transform:translate(31px,-9px)}60%{transform:translate(-11px,-29px)}80%{transform:translate(19px,26px)}}#stage:after{content:"";pointer-events:none;background:radial-gradient(80% 70% at 50% 46%,#0000 55%,#0603018c 100%);position:absolute;inset:0}#vignette{pointer-events:none;opacity:0;transition:opacity .6s var(--ease-out);will-change:opacity;background:radial-gradient(62% 44% at 50% 47%,#0000 30%,#040201e6 100%);position:absolute;inset:0;transform:translateZ(0)}#vignette.tense{opacity:1}#flash{pointer-events:none;opacity:0;will-change:opacity;mix-blend-mode:screen;background:radial-gradient(at 50% 45%,#fff1c8,#f2c77a00 70%);position:absolute;inset:0}#flash.go{animation:flash .7s var(--ease-out)}#flash.red{mix-blend-mode:normal;background:radial-gradient(at 50% 45%,#ff4a2e99,#ff2a1a00 75%)}@keyframes flash{0%{opacity:.8}to{opacity:0}}.paper{color:var(--ink);background-color:var(--paper);background-image:var(--grain), var(--mottle), radial-gradient(ellipse at 50% 40%, transparent 55%, #78501e38);border-radius:4px;position:relative;box-shadow:0 1px 1px #00000040,0 10px 28px #00000080,inset 0 0 0 1px #fffaeb59}.paper.kraft{background-color:var(--kraft)}.paper small,.label{font:500 9px/1 var(--cond);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}#hud{pointer-events:none;position:absolute;inset:0}#catalog{left:12px;right:12px;top:max(10px, env(safe-area-inset-top));padding:8px 10px 6px;position:absolute;transform:rotate(-.4deg)}#catalog:before,#slip:before{content:"";border:1px solid var(--rule);pointer-events:none;border-radius:2px;position:absolute;inset:4px}#catalog.enter{animation:deal .6s var(--ease-out) both}.cat-head{border-bottom:3px double var(--ink-soft);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:2px 2px 7px;display:grid}.cat-cell{align-items:baseline;gap:6px;display:flex}.cat-cell b{font:400 22px/1 var(--slab);letter-spacing:.02em;color:var(--ink)}.cat-score{justify-content:flex-end}.cat-score b{font-variant-numeric:tabular-nums}.cat-score b.pop{animation:pop .45s var(--ease-spring)}#streak{font:700 18px/1 var(--hand);color:var(--red);transform:rotate(-6deg)}#streak:empty{display:none}#streak.pop{animation:pop .45s var(--ease-spring)}#pause-btn{pointer-events:auto;width:34px;height:30px;color:var(--ink);border:1.5px solid var(--ink-soft);cursor:pointer;background:#2b221c0f;border-radius:3px;place-items:center;transition:background .15s,transform .12s;display:grid}#pause-btn:hover{background:#2b221c1f}#pause-btn:active{transform:scale(.92)}#pause-btn svg{width:12px;height:12px}#pause-btn:focus-visible{outline:2px solid var(--red);outline-offset:2px}.cat-row{border-bottom:1px solid var(--rule);align-items:baseline;gap:8px;min-width:0;padding:6px 2px 3px;display:flex}.cat-row:last-child{border-bottom:0}.cat-row small{flex-shrink:0;width:44px}.cat-row small+span{flex:1}.cat-row small:not(:first-child){width:auto}#book-title{font:700 14px/1.2 var(--type);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#book-author{font:400 13px/1.2 var(--type);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#slip{left:50%;bottom:max(12px, env(safe-area-inset-bottom));width:min(300px,100% - 40px);padding:8px 10px 9px;position:absolute;transform:translate(-50%)rotate(.5deg)}.slip-cols{text-align:center;border-bottom:1px solid var(--rule);grid-template-columns:1fr auto 1fr;padding:0 2px 4px;display:grid}#spread{will-change:transform;font:700 38px/1 var(--type);font-variant-numeric:tabular-nums;color:var(--ink);text-shadow:0 0 1px #2b221c8c;grid-template-columns:1fr 1px 1fr;align-items:center;padding:6px 0 4px;display:grid}#spread span{text-align:center;transition:color .25s}#spread span.cover{font:400 italic 16px/1 var(--type);color:var(--ink-soft)}#spread i{background:var(--rule);height:40px}#spread.tick span{animation:.12s ease-out strike}#spread.tense{animation:.62s ease-in-out infinite throb}#spread.good span{color:var(--blue)}#spread.bad span{color:var(--red)}.slip-foot{position:relative}#slip.measured .slip-foot{border-top:3px double var(--ink-soft);padding-top:2px}.cat-target{border-top:3px double var(--ink-soft);grid-template-columns:auto 1fr;align-items:stretch;margin-top:2px;display:grid}.tgt-pages{border-right:1px solid var(--rule);flex-direction:column;justify-content:center;gap:5px;padding:8px 14px 6px 2px;display:flex}.tgt-pages b{font:700 24px/1 var(--type);font-variant-numeric:tabular-nums}#aim{flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px 0 7px;display:flex}#aim small{font:500 9px/1 var(--cond);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap}#aim .target{font:700 28px/1 var(--type);color:var(--red);font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;padding:0 8px;display:flex;position:relative}#aim .target i{opacity:.6;font-style:normal;font-weight:400}#aim .target:before{content:"";transform-origin:0;mix-blend-mode:multiply;z-index:-1;background:#f5d63eb3;border-radius:2px 6px 3px 5px;position:absolute;inset:30% -4px -2px;transform:skew(-10deg)}#aim .target{isolation:isolate}#aim svg{pointer-events:none;width:calc(100% + 44px);height:calc(100% + 26px);position:absolute;top:-14px;left:-22px;overflow:visible}#aim path{fill:none;stroke:var(--red);stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.85;stroke-dasharray:1;stroke-dashoffset:0}#aim.enter .target{animation:pop .5s .35s var(--ease-spring) both}#aim.enter .target:before{animation:.3s ease-out .45s both highlight}#aim.enter path{animation:.55s ease-out .6s both draw}@keyframes highlight{0%{transform:skew(-10deg)scaleX(0)}to{transform:skew(-10deg)scaleX(1)}}@keyframes draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes strike{0%{opacity:.55;transform:translateY(1.5px)}to{opacity:1;transform:none}}@keyframes throb{50%{transform:scale(1.06)}}@keyframes pop{0%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes deal{0%{opacity:0;transform:translateY(-14px)rotate(-2deg)}to{opacity:1;transform:rotate(-.4deg)}}#meter{background:repeating-linear-gradient(90deg, var(--ink-soft) 0 1px, transparent 1px 10%) 0 0 / 100% 6px no-repeat, repeating-linear-gradient(90deg, var(--rule) 0 1px, transparent 1px 2.5%) 0 0 / 100% 3px no-repeat;height:16px;animation:fadein .4s var(--ease-out) both;margin:4px 6px 2px;position:relative}#meter:after{content:"";background:var(--ink-soft);height:1px;position:absolute;top:0;left:0;right:0}#meter-safe{mix-blend-mode:multiply;background:#f5d63ebf;border-radius:2px 5px 3px 6px;height:9px;position:absolute;top:5px;left:25%;right:25%;transform:skew(-8deg)}#meter-mid{background:var(--red);width:1.5px;height:15px;position:absolute;top:0;left:50%}#meter-mark{width:12px;height:20px;transition:left .9s var(--ease-spring);margin-left:-6px;position:absolute;top:-3px;left:50%}#meter-mark:before{content:"✕";text-align:center;width:12px;font:700 17px/1 var(--hand);color:var(--blue);position:absolute;top:2px;left:0}@keyframes fadein{0%{opacity:0}}#result{mix-blend-mode:multiply;pointer-events:none;flex-direction:column;align-items:center;gap:0;display:flex;position:absolute;top:38.5%;left:0;right:0}#result .pending{opacity:0}#result.on-dark{mix-blend-mode:normal}#result.on-dark #stamp,#result.on-dark #stamp2,#result.on-dark #mult,#result.on-dark #points{filter:drop-shadow(0 0 1px #f1e6ccf2)drop-shadow(0 0 2px #f1e6cce6)drop-shadow(0 0 10px #f1e6cc8c)}#stamp{--ink-c:var(--blue);color:var(--ink-c);border:4px solid var(--ink-c);box-shadow:inset 0 0 0 2px transparent, inset 0 0 0 4px var(--ink-c);-webkit-mask-image:var(--wear);-webkit-mask-image:var(--wear);mask-image:var(--wear);opacity:.9;border-radius:8px;flex-direction:column;align-items:center;padding:10px 18px 7px;display:flex;position:relative;transform:rotate(-7deg);-webkit-mask-size:300px;mask-size:300px}#stamp.perfect,#stamp.miss,#stamp2.perfect,#stamp2.miss{--ink-c:var(--red)}#stamp.splendid,#stamp.great,#stamp2.splendid,#stamp2.great{--ink-c:var(--blue)}#stamp.good,#stamp.phew,#stamp2.good,#stamp2.phew{--ink-c:var(--violet)}#grade{font:400 40px/1 var(--slab);letter-spacing:.06em;text-transform:uppercase}#stamp.slam{animation:.34s cubic-bezier(.2,1.5,.4,1) both slam}@keyframes slam{0%{opacity:0;transform:scale(2.1)rotate(-15deg)}50%{opacity:.95;transform:scale(.93)rotate(-6deg)}72%{transform:scale(1.03)rotate(-7.4deg)}to{opacity:.9;transform:rotate(-7deg)}}#stamp2{--ink-c:var(--blue);font:700 12px/1 var(--type);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-c);border:2px solid var(--ink-c);-webkit-mask-image:var(--wear);-webkit-mask-image:var(--wear);mask-image:var(--wear);opacity:.85;border-radius:3px;margin:8px 0 0 64px;padding:5px 9px 4px;transform:rotate(4deg);-webkit-mask-size:180px;mask-size:180px}#stamp2.slam{animation:.26s cubic-bezier(.2,1.7,.4,1) both slam-sm}@keyframes slam-sm{0%{opacity:0;transform:scale(1.8)rotate(12deg)}60%{opacity:.9;transform:scale(.95)rotate(3deg)}to{opacity:.85;transform:rotate(4deg)}}.res-row{align-items:center;gap:12px;min-height:48px;margin:6px 0 0 120px;display:flex}#points{font:700 36px/1 var(--hand);color:var(--blue);font-variant-numeric:tabular-nums;transform:rotate(-4deg)}#points:empty{display:none}#points.write{animation:write .32s var(--ease-out) both}@keyframes write{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}#mult{width:48px;height:48px;font:400 17px/1 var(--slab);color:var(--red);border:3px solid var(--red);box-shadow:inset 0 0 0 2px transparent, inset 0 0 0 3.5px var(--red);-webkit-mask-image:var(--wear);-webkit-mask-image:var(--wear);mask-image:var(--wear);opacity:.9;border-radius:50%;place-items:center;display:grid;transform:rotate(-12deg);-webkit-mask-size:140px;mask-size:140px}#mult:empty{display:none}#mult.slam{animation:.3s cubic-bezier(.2,1.7,.4,1) both slam-round}@keyframes slam-round{0%{opacity:0;transform:scale(2)rotate(-40deg)}60%{opacity:.95;transform:scale(.92)rotate(-8deg)}to{opacity:.9;transform:rotate(-12deg)}}#rays{opacity:0;background:repeating-conic-gradient(#e2b23e8c 0deg 6deg,#0000 6deg 18deg);width:280px;height:280px;margin:-140px 0 0 -140px;position:absolute;top:34px;left:50%;-webkit-mask-image:radial-gradient(circle,#0000 28%,#000 36%,#0000 70%);mask-image:radial-gradient(circle,#0000 28%,#000 36%,#0000 70%)}#rays.burst{animation:rays .7s var(--ease-out) both}@keyframes rays{0%{opacity:0;transform:scale(.4)rotate(0)}25%{opacity:1}to{opacity:0;transform:scale(1.35)rotate(25deg)}}#hint{height:120px;position:absolute;top:40%;left:0;right:0}#hint-text{white-space:nowrap;font:700 11px/1 var(--type);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--paper) var(--grain);border-radius:2px;padding:6px 10px 5px;position:absolute;bottom:-44px;left:50%;transform:translate(-50%)rotate(-1deg);box-shadow:0 4px 12px #00000073}#hint-hand{width:46px;height:56px;animation:swipe-ltr 2s var(--ease-out) infinite;position:absolute;top:20px;left:72%}#hint-hand:before{content:"";filter:drop-shadow(0 6px 10px #0000008c);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 64'%3E%3Cpath d='M20 4c3 0 5 2 5 5v18l3-1c3 0 5 2 5 4l3-1c3 0 5 2 5 5l3-1c3 0 5 2 5 5v11c0 8-6 14-14 14h-6c-5 0-9-2-12-6L5 41c-2-3-1-6 2-7 2-1 5 0 6 2l2 3V9c0-3 2-5 5-5z' fill='%23f1e6cc' stroke='%232b221c' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;position:absolute;inset:0}#hint.rtl #hint-hand{animation-name:swipe-rtl;left:28%}@keyframes swipe-ltr{0%,12%{opacity:0;transform:translate(0)rotate(-6deg)}24%{opacity:1}62%{opacity:1;transform:translate(-170%)rotate(4deg)}78%,to{opacity:0;transform:translate(-195%)rotate(6deg)}}@keyframes swipe-rtl{0%,12%{opacity:0;transform:translate(0)rotate(6deg)}24%{opacity:1}62%{opacity:1;transform:translate(170%)rotate(-4deg)}78%,to{opacity:0;transform:translate(195%)rotate(-6deg)}}#toast{font:700 12px/1 var(--type);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--paper) var(--grain);opacity:0;white-space:nowrap;border-radius:2px;padding:7px 12px 6px;position:absolute;top:32%;left:50%;transform:translate(-50%)rotate(-1.5deg);box-shadow:0 6px 16px #00000080}#toast.show{animation:toast 1.5s var(--ease-out)}@keyframes toast{0%{opacity:0;transform:translate(-50%,8px)rotate(-1.5deg)}14%,72%{opacity:1;transform:translate(-50%)rotate(-1.5deg)}to{opacity:0;transform:translate(-50%,-6px)rotate(-1.5deg)}}#modal{z-index:20;animation:fadein .3s var(--ease-out);background:#08050399;justify-content:center;align-items:center;padding:20px 16px;display:flex;position:absolute;inset:0;overflow-y:auto}#modal.title-screen{background:linear-gradient(#08050380,#08050326 50%,#08050399)}.card{width:min(330px,100%);max-height:100%;margin:auto;padding:14px 16px 16px;overflow-y:auto;transform:rotate(-.8deg)}.card:before{content:"";border:1px solid var(--rule);pointer-events:none;border-radius:2px;position:absolute;inset:6px}.card.slam{animation:card-in .5s var(--ease-out) both}@keyframes card-in{0%{opacity:0;transform:translateY(26px)rotate(3deg)}to{opacity:1;transform:rotate(-.8deg)}}.card-top{justify-content:space-between;align-items:baseline;padding:2px 2px 8px;display:flex}.card-top span{font:500 9px/1 var(--cond);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft)}.card-head{text-align:center;border:3px double var(--ink);margin:0 0 12px;padding:12px 10px 10px}.card-head h1,.card-head h2{font:400 34px/.95 var(--slab);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);-webkit-mask-image:var(--wear);-webkit-mask-image:var(--wear);mask-image:var(--wear);margin:0;-webkit-mask-size:260px;mask-size:260px}.card-head h1{font-size:50px}.card-head h1 span{letter-spacing:.3em;margin-bottom:4px;font-size:28px;display:block}.card-head .sub{font:400 italic 13px/1.2 var(--type);color:var(--ink-soft);margin-top:8px}.card-head.inverse{background:var(--ink);box-shadow:inset 0 0 0 3px var(--paper), inset 0 0 0 4px var(--ink);border:0}.card-head.inverse h1,.card-head.inverse h2{color:var(--mustard)}.card-head.inverse .sub{color:#f1e6ccb3}.bands{grid-template-columns:repeat(5,1fr);height:8px;margin:0 0 12px;display:grid}.bands i:first-child{background:var(--mustard)}.bands i:nth-child(2){background:var(--teal)}.bands i:nth-child(3){background:var(--lilac)}.bands i:nth-child(4){background:var(--pink)}.bands i:nth-child(5){background:var(--red)}.bands i{-webkit-mask-image:var(--wear);-webkit-mask-image:var(--wear);mask-image:var(--wear);-webkit-mask-size:200px;mask-size:200px}.field{border-bottom:1px solid var(--rule);text-align:left;align-items:baseline;gap:10px;padding:8px 2px 4px;display:flex}.field small{flex-shrink:0;width:64px}.field span{font:400 13px/1.35 var(--type)}.field .hand{font:600 24px/1 var(--hand);color:var(--blue);display:inline-block;transform:rotate(-2deg)}.card ol{counter-reset:step;text-align:left;margin:0 0 14px;padding:0;list-style:none}.card li{counter-increment:step;border-bottom:1px solid var(--rule);font:400 13px/1.4 var(--type);gap:10px;padding:9px 2px 7px;display:flex}.card li:before{content:counter(step, decimal-leading-zero);font:400 15px/1.2 var(--slab);color:var(--red);flex-shrink:0}.actions{gap:0;margin-top:14px;display:grid}.btn{pointer-events:auto;width:100%;font:700 13px/1 var(--type);letter-spacing:.12em;text-transform:uppercase;text-align:left;color:var(--ink);border:0;border-bottom:1px solid var(--rule);cursor:pointer;background:0 0;justify-content:space-between;align-items:baseline;padding:11px 4px 8px;transition:background .15s,color .15s;display:flex}.btn:after{content:"→";color:var(--ink-soft);transition:transform .2s var(--ease-out);font-weight:400}.btn:hover{background:#2b221c0f}.btn:hover:after{transform:translate(3px)}.btn:focus-visible{outline:2px solid var(--red);outline-offset:1px}.btn:disabled{opacity:.45;cursor:default}.btn.primary{font:400 22px/1 var(--slab);letter-spacing:.14em;color:var(--red);border:3px solid var(--red);box-shadow:inset 0 0 0 2px var(--paper), inset 0 0 0 3.5px var(--red);-webkit-mask-image:var(--wear);-webkit-mask-image:var(--wear);mask-image:var(--wear);border-radius:6px;justify-content:center;margin:0 0 12px;padding:13px 10px 10px;transform:rotate(-1deg);-webkit-mask-size:260px;mask-size:260px}.btn.primary:after{content:none}.btn.primary:hover{background:#b8322a12}.btn.primary:active{transform:rotate(-1deg)scale(.97)}.row{border-bottom:1px solid var(--rule);text-align:left;font:700 12px/1.2 var(--type);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;padding:12px 2px 10px;display:flex}.row .note{font:400 italic 11px/1.2 var(--type);letter-spacing:0;text-transform:none;color:var(--ink-soft);margin-top:4px;display:block}.seg{flex-shrink:0;gap:10px;display:flex}.seg button{font:700 12px/1 var(--type);color:var(--ink-soft);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:2px 0;display:flex}.seg button:before{content:"";border:1.5px solid var(--ink);border-radius:1px;width:14px;height:14px}.seg button.on{color:var(--ink)}.seg button.on:before{content:"✕";font:700 17px/1 var(--hand);color:var(--blue);place-items:center;display:grid}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:130px;height:22px}input[type=range]::-webkit-slider-runnable-track{background:repeating-linear-gradient(90deg, var(--ink-soft) 0 1px, transparent 1px 10%) 0 0 / 100% 6px no-repeat, linear-gradient(var(--ink), var(--ink)) 0 100% / 100% 1px no-repeat;height:6px}input[type=range]::-moz-range-track{background:var(--ink);height:1px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--red);clip-path:polygon(50% 100%,0 0,100% 0);width:12px;height:18px;margin-top:-8px}input[type=range]::-moz-range-thumb{background:var(--red);border:0;border-radius:0;width:12px;height:16px}.ledger{border-collapse:collapse;width:100%;font:400 12px/1.25 var(--type);margin:0 0 10px}.ledger th{font:500 9px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);text-align:left;border-bottom:3px double var(--ink-soft);padding:4px 3px}.ledger td{border-bottom:1px solid var(--rule);vertical-align:baseline;padding:6px 3px 4px}.ledger td:first-child{width:26px;font-weight:700}.ledger td:nth-child(2){white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.ledger td:nth-child(3){text-align:right;width:38px;color:var(--ink-soft)}.ledger th:nth-child(3){text-align:right}.ledger td:last-child{text-align:right;width:78px}.ledger tr.more td{color:var(--ink-soft);font-style:italic}.mini{font:400 9px/1 var(--slab);letter-spacing:.06em;-webkit-mask-image:var(--wear);-webkit-mask-image:var(--wear);mask-image:var(--wear);border:1.5px solid;border-radius:3px;padding:2px 4px 1px;display:inline-block;transform:rotate(-4deg);-webkit-mask-size:120px;mask-size:120px}.mini.perfect,.mini.miss{color:var(--red)}.mini.splendid,.mini.great{color:var(--blue)}.mini.good,.mini.phew{color:var(--violet)}.totals{border:3px double var(--ink-soft);grid-template-columns:repeat(3,1fr);margin:4px 0 6px;display:grid;position:relative}.totals div{text-align:center;padding:8px 4px 6px}.totals div+div:not(.newbest),.totals div:not(.newbest)+div:not(.newbest){border-left:1px solid var(--rule)}.totals b{font:400 26px/1 var(--slab);margin-top:5px;display:block}.newbest{z-index:2;font:400 16px/1 var(--slab);letter-spacing:.08em;color:var(--red);border:3px solid var(--red);-webkit-mask-image:var(--wear);-webkit-mask-image:var(--wear);mask-image:var(--wear);mix-blend-mode:multiply;border-radius:6px;padding:6px 8px 4px;position:absolute;top:16px;right:-10px;transform:rotate(12deg);-webkit-mask-size:200px;mask-size:200px}@keyframes stamp-best{0%{opacity:0;transform:scale(2)rotate(20deg)}to{opacity:.92;transform:rotate(12deg)}}.card .seq{opacity:0}.card-head.stamped{animation:.3s cubic-bezier(.2,1.5,.4,1) both slam-head}@keyframes slam-head{0%{opacity:0;transform:scale(1.5)rotate(-4deg)}60%{opacity:1;transform:scale(.97)rotate(.5deg)}to{opacity:1;transform:none}}.ledger tr.typed{animation:.16s steps(3,end) both typed}@keyframes typed{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}.mini.stamped{animation:.22s cubic-bezier(.2,1.7,.4,1) both slam-mini}@keyframes slam-mini{0%{opacity:0;transform:scale(2.4)rotate(-20deg)}65%{opacity:1;transform:scale(.92)rotate(-3deg)}to{opacity:1;transform:rotate(-4deg)}}.totals>div.stamped:not(.newbest){animation:.24s cubic-bezier(.2,1.6,.4,1) both punch}@keyframes punch{0%{opacity:0;transform:scale(1.35)}to{opacity:1;transform:none}}.newbest.stamped{animation:.3s cubic-bezier(.2,1.5,.4,1) both stamp-best}.btn.primary.stamped{animation:.34s cubic-bezier(.2,1.5,.4,1) both slam-btn}@keyframes slam-btn{0%{opacity:0;transform:scale(1.9)rotate(-8deg)}55%{opacity:1;transform:scale(.95)rotate(0)}78%{transform:scale(1.02)rotate(-1.3deg)}to{opacity:1;transform:rotate(-1deg)}}.actions .btn.typed{animation:.18s steps(4,end) both typed}@media (prefers-reduced-motion:reduce){#stamp.slam,#stamp2.slam,#mult.slam,.card.slam,#catalog.enter,.newbest.stamped,.card-head.stamped,.ledger tr.typed,.mini.stamped,.totals>div.stamped,.btn.primary.stamped,.actions .btn.typed{animation:.18s ease-out both fade-in!important}#points.write{animation-duration:.2s}#rays,#hint-hand{display:none}#aim.enter .target{animation:.2s .3s both fade-in!important}#grain,#spread.tense,.developing{animation:none!important}}@keyframes fade-in{0%{opacity:0}}@media (height<=640px){.card-head h1{font-size:40px}#spread{font-size:32px}}.photo{aspect-ratio:1080/1350;background:#1a100a;place-items:center;margin:2px 0 6px;display:grid;position:relative;transform:rotate(1.2deg);box-shadow:0 6px 18px #00000073}.photo .print{width:100%;height:100%;animation:develop 1.2s var(--ease-out) both;display:block}.developing{font:700 12px/1 var(--type);letter-spacing:.12em;text-transform:uppercase;color:#f1e6ccb3;animation:1s ease-in-out infinite throb}@keyframes develop{0%{opacity:0;filter:sepia()brightness(1.8)contrast(.6)}to{opacity:1;filter:none}}