:root{--paper: #f3ecde;--paper2: #e9dfcb;--ink: #141110;--ink2: #3b302a;--verm: #b8382b;--guide: #4e6076;--font: "Hiragino Mincho ProN", "Yu Mincho", "Songti SC", "STSong", Baskerville, "Times New Roman", serif}html,body{background:var(--paper2);color:var(--ink);font-family:var(--font)}.stage{background:var(--paper)}.hud{position:absolute;left:0;right:0;top:0;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;padding:calc(8px + var(--safe-t)) calc(10px + var(--safe-r)) 0 calc(10px + var(--safe-l));pointer-events:none}.ibtn{pointer-events:auto;width:48px;height:48px;display:grid;place-items:center;padding:0;border:0;background:none;color:var(--ink);text-decoration:none;border-radius:50%;transition:transform .15s ease}.ibtn:active{transform:scale(.9) rotate(-6deg)}.ibtn:focus-visible{outline:2px solid var(--verm);outline-offset:2px}.ibtn svg{width:46px;height:46px;overflow:visible}.ibtn .ring{fill:#f3ecdeb3;stroke:var(--ink);stroke-width:2.6;stroke-linecap:round}.ibtn .glyph,.ibtn .wav,.ibtn .off{fill:none;stroke:var(--ink);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.mute .spk{fill:var(--ink)}.mute .off,.mute[aria-pressed=true] .wav{display:none}.mute[aria-pressed=true] .off{display:inline;stroke:var(--verm)}.tally{display:flex;flex-direction:column;align-items:center;margin-top:2px}.score{font-size:40px;line-height:1.1;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.02em;text-shadow:0 0 10px rgba(243,236,222,.95),0 0 2px rgba(243,236,222,1);transition:transform .25s cubic-bezier(.2,1.6,.4,1)}.score.pop{transform:scale(1.18);color:var(--verm)}.score.big{animation:sealPop .7s cubic-bezier(.2,1.5,.4,1)}.score.best{animation:sealPop .7s cubic-bezier(.2,1.5,.4,1);color:var(--verm)}@keyframes sealPop{0%{transform:scale(1)}25%{transform:scale(1.32) rotate(-3deg);color:var(--verm)}to{transform:scale(1)}}.tally:before{content:"";position:absolute;left:50%;top:0;width:170px;height:86px;transform:translate(-50%);z-index:-1;background:radial-gradient(ellipse 50% 50% at 50% 45%,#f3ecdebf,#f3ecde00);pointer-events:none}.tally{position:relative}.title,.card,.paused{position:absolute;z-index:2;pointer-events:none;text-align:center}.title{inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(60px + var(--safe-t)) 20px calc(40px + var(--safe-b));background:radial-gradient(ellipse 85% 42% at 50% 46%,#f3ecde66,#f3ecde00 75%)}.title.fade{animation:fadeOut .45s ease forwards}@keyframes fadeOut{to{opacity:0;transform:translateY(-10px)}}.mast{display:flex;align-items:flex-start;gap:10px}.title h1{margin:0;font-size:clamp(60px,20vw,86px);font-weight:600;line-height:1;letter-spacing:.04em;color:var(--ink);font-style:italic;transform:skew(-4deg)}.seal{width:30px;height:30px;margin-top:8px;animation:stamp .7s .3s cubic-bezier(.3,1.8,.5,1) both}.seal>path{fill:var(--verm)}.seal g{fill:none;stroke:var(--paper);stroke-width:2.4;stroke-linecap:round}.seal g rect{stroke-width:1.4}@keyframes stamp{0%{transform:scale(1.8) rotate(-8deg);opacity:0}to{transform:scale(1) rotate(3deg);opacity:1}}.sub{margin:6px 0 0;font-size:18px;letter-spacing:.18em;color:var(--ink2)}.sub:before,.sub:after{content:"";display:inline-block;width:24px;height:2px;border-radius:2px;background:var(--ink2);vertical-align:middle;margin:0 10px;opacity:.55}.legend{display:flex;gap:8px;margin:16px 0 4px}.legend figure{margin:0;width:88px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:6px;background:#f3ecded9;box-shadow:0 1px #3c302826,inset 0 0 0 1px #3c302824}.legend svg{width:56px;height:56px}.legend figcaption{font-size:12.5px;letter-spacing:.06em;color:var(--ink2);white-space:nowrap}.legend .lane{fill:#4e60761f;stroke:#4e60768c;stroke-width:1.2}.legend .chev{fill:none;stroke:#4e6076cc;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.legend .thin{fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:60;animation:draw 2.2s ease-in-out infinite}.legend .band{fill:#342a2424;stroke:#342a248c;stroke-width:1.6;stroke-dasharray:1 4;stroke-linecap:round}.legend .fat{fill:none;stroke:var(--ink);stroke-width:19;stroke-linecap:round;stroke-dasharray:52;animation:draw 2.2s .5s ease-in-out infinite}.legend .pool{fill:#15110f}.legend .shine{fill:#fff9}.legend .drop{fill:#15110f;animation:drip 2.2s ease-in infinite}@keyframes draw{0%{stroke-dashoffset:60}55%,to{stroke-dashoffset:0}}@keyframes drip{0%,30%{transform:translateY(-8px);opacity:0}50%{opacity:1}to{transform:translateY(0);opacity:1}}.cta{margin-top:16px;font-size:16px;letter-spacing:.2em;color:var(--ink);animation:breathe 2.2s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.45}50%{opacity:1}}.best{margin-top:8px;font-size:14px;letter-spacing:.16em;color:var(--verm)}.mount,.card{--brocade: repeating-linear-gradient(45deg, rgba(196, 160, 92, .32) 0 1.2px, transparent 1.2px 7px), repeating-linear-gradient(-45deg, rgba(196, 160, 92, .32) 0 1.2px, transparent 1.2px 7px), radial-gradient(circle at 50% 50%, rgba(214, 178, 104, .4) 0 1.4px, transparent 1.8px) 0 0 / 7px 7px, linear-gradient(135deg, #2c3550, #1a2033 55%, #141927);border:11px solid transparent;border-top-width:16px;border-bottom-width:18px;background:linear-gradient(160deg,#fbf7ee,#efe5d1) padding-box,var(--brocade) border-box}.mount{position:relative;padding:18px 14px 16px;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:10px 22px 34px #281c1457,2px 4px 8px #281c1438,inset 0 0 0 1px #b8924cbf,inset 0 0 18px #96785024}.mount:before,.card:before{content:"";position:absolute;left:-24px;right:-24px;bottom:-27px;height:15px;border-radius:7px;pointer-events:none;background:linear-gradient(180deg,#6a3b26,#2a140c 45%,#120805 80%,#3a2016),linear-gradient(90deg,#d9b66e,#8c6a32);box-shadow:6px 8px 12px #1e140e66,inset 0 2px 1px #ffdcaa59}.mount:after{content:"";position:absolute;left:-12px;right:-12px;top:-19px;height:6px;border-radius:2px;pointer-events:none;background:linear-gradient(180deg,#5a3a26,#23140c);box-shadow:3px 4px 6px #1e140e4d,inset 0 1px #ffdcaa4d}.card{left:50%;top:48%;width:min(300px,calc(100% - 48px));transform:translate(-50%,-44%) rotate(-1.2deg);opacity:0;padding:22px 20px 18px;border-radius:2px;color:var(--ink);box-shadow:10px 22px 40px #281c145c,2px 4px 8px #281c1438,inset 0 0 0 1px #b8924cbf,inset 0 0 18px #96785024;transition:opacity .4s ease,transform .55s cubic-bezier(.2,1.3,.4,1)}.card.show{opacity:1;transform:translate(-50%,-50%) rotate(-.6deg)}.eyebrow{font-size:15px;letter-spacing:.12em;color:var(--ink2);font-style:italic}.big{position:relative;font-size:78px;font-weight:600;line-height:1.05;margin-top:4px;color:var(--ink);font-variant-numeric:tabular-nums}.big:before{content:"";position:absolute;left:14%;right:14%;bottom:-4%;height:16%;transform-origin:0 50%;transform:scaleX(0) rotate(-1.5deg);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M2 11C8 5 16 4 30 5c50 2 110 1 150 4 10 1 16 2 18 3-6 2-30 3-70 3S20 16 8 15C4 14 1 13 2 11z' fill='%23141110' fill-opacity='.85'/%3E%3Cpath d='M40 9.5c40-1 90 0 140 2M60 12.5c40 0 80 0 120-.5' stroke='%23f3ecde' stroke-width='.8' fill='none' opacity='.7'/%3E%3C/svg%3E") center / 100% 100% no-repeat}.card.show .big:before{animation:swash .55s .25s cubic-bezier(.3,.8,.4,1) forwards}@keyframes swash{to{transform:scaleX(1) rotate(-1.5deg)}}.card:after{content:"";position:absolute;inset:0;z-index:0;border-radius:3px;pointer-events:none;opacity:0;background:linear-gradient(105deg,#fffaec00 35%,#fffaecb3,#fffaec00 65%) -200% 0 / 200% 100% no-repeat}.card.show:after{animation:sheen 1.2s .7s ease-out forwards}@keyframes sheen{0%{opacity:1;background-position:-200% 0}to{opacity:1;background-position:200% 0}}.newbest{display:inline-grid;place-items:center;margin-top:6px;width:74px;height:74px;border-radius:4px;background:var(--verm);color:var(--paper);transform:rotate(4deg);box-shadow:inset 0 0 0 4px var(--verm),inset 0 0 0 5.5px #f3ecded9;animation:stamp .55s cubic-bezier(.3,1.8,.5,1) both}.newbest span{font-size:15px;line-height:1.15;letter-spacing:.08em;width:50px;font-weight:600}.row{display:flex;justify-content:space-between;align-items:baseline;margin:14px 4px 0;padding-top:10px;border-top:2px solid rgba(20,17,16,.75);border-image:linear-gradient(90deg,#14111000,#141110cc 12%,#14111099 85%,#14111000) 1;font-size:15px;letter-spacing:.18em;color:var(--ink2)}.row b{font-size:26px;letter-spacing:0;color:var(--ink);font-weight:600}.card .cta{font-size:14px;margin-top:14px}.paused{inset:0;display:grid;place-items:center;background:#f3ecdeb8}@media(max-height:640px){.legend{margin:12px 0 4px}.legend svg{width:44px;height:44px}.title h1{font-size:58px}}@media(prefers-reduced-motion:reduce){.cta,.legend .thin,.legend .fat,.legend .drop,.seal,.newbest{animation:none;opacity:1}.score{transition:none}.score.big,.score.best,.card.show:after{animation:none}.card.show .big:before{animation:none;transform:scaleX(1) rotate(-1.5deg)}}