@font-face{font-family:Dela Gothic One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dela-gothic-one-latin-400-normal-AgyGD05y.woff2) format("woff2"),url(/assets/dela-gothic-one-latin-400-normal-qxqiosUh.woff) format("woff")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/m-plus-rounded-1c-latin-800-normal-941enk6N.woff2) format("woff2"),url(/assets/m-plus-rounded-1c-latin-800-normal-B5F1WBCU.woff) format("woff")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:900;src:url(/assets/m-plus-rounded-1c-latin-900-normal-C3bL2EA2.woff2) format("woff2"),url(/assets/m-plus-rounded-1c-latin-900-normal-C8F8OWie.woff) format("woff")}:root{--celeste: #74acdf;--sol: #ffc93c;--rojo: #e8202e;--verde: #2fb36b;--crema: #fff7ea;--ink: #1d1320;--display: "Dela Gothic One", "Arial Black", sans-serif;--round: "M PLUS Rounded 1c", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none}body{display:grid;place-items:center;background:repeating-linear-gradient(90deg,#ffffff22 0 2px,transparent 2px 46px),var(--celeste);color:var(--ink);font-family:var(--round);font-weight:800}#stage{position:relative;height:100vh;height:100dvh;width:min(100vw,56.25vh);width:min(100vw,56.25dvh);container-type:size;overflow:hidden;background:#8fd3ff;box-shadow:0 0 0 3px var(--ink),0 0 80px #1d132066;touch-action:none;user-select:none;-webkit-user-select:none}#c,#fx{position:absolute;inset:0;width:100%;height:100%;display:block}#fx{z-index:8;pointer-events:none}.chip{position:absolute;top:max(2.4cqw,env(safe-area-inset-top));right:2.4cqw;z-index:5;width:8.6cqw;height:8.6cqw;padding:0;display:grid;place-items:center;border:.6cqw solid var(--ink);border-radius:50%;background:#fff;color:var(--ink);font:900 4.6cqw var(--round);line-height:1;box-shadow:0 .7cqw 0 var(--ink);cursor:pointer}.chip:active{transform:translateY(.5cqw);box-shadow:0 .2cqw 0 var(--ink)}.chip.off{background:#d6d0c6 linear-gradient(to top right,transparent 46%,var(--ink) 46% 54%,transparent 54%)}.panel{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:0 4cqw calc(9cqw + env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:flex-end;animation:rise .45s cubic-bezier(.2,1.3,.4,1) both}.panel[hidden]{display:none}#play{gap:2.5cqw;padding-bottom:calc(4.5cqw + env(safe-area-inset-bottom))}#result{top:0;justify-content:center;background:#1d132099;padding-top:max(4cqw,env(safe-area-inset-top))}@keyframes rise{0%{opacity:0;transform:translateY(10cqw)}}.card{position:relative;padding:4.5cqw 4.5cqw 5cqw;display:flex;flex-direction:column;gap:3cqw;background:var(--crema);border:.9cqw solid var(--ink);border-radius:5cqw;box-shadow:0 1.8cqw 0 var(--ink);background-image:radial-gradient(circle at 100% 0,#ffc93c66 0 18cqw,transparent 18.2cqw),radial-gradient(circle at 0 100%,#74acdf55 0 16cqw,transparent 16.2cqw)}p{margin:0}.lead{font-size:5.4cqw;line-height:1.18;font-weight:900}.lead b,.rule b{color:var(--rojo)}.rule{font-size:4cqw;line-height:1.25;font-weight:800;color:#4a3a4f}.note{font-size:2.9cqw;color:#6a5a70;text-align:center}.note:empty{display:none}.btn{appearance:none;width:100%;min-height:12cqw;padding:2.4cqw 4cqw;display:flex;align-items:center;justify-content:center;gap:2cqw;border:.8cqw solid var(--ink);border-radius:3.5cqw;background:#fff;color:var(--ink);font:400 4.6cqw var(--display);box-shadow:0 1.1cqw 0 var(--ink);cursor:pointer;transition:background .12s;touch-action:manipulation}.btn:hover{background:#fff3c4}.btn:active{transform:translateY(.8cqw);box-shadow:0 .3cqw 0 var(--ink)}.btn.primary{background:var(--celeste);color:#fff;-webkit-text-stroke:.25cqw var(--ink);text-shadow:.5cqw .5cqw 0 var(--ink)}.btn.primary:hover{background:#8cc0ec}.btn.sun{background:var(--sol)}.btn.sun:hover{background:#ffd866}.btn.big{min-height:17cqw;font-size:9cqw;letter-spacing:.02em}.btn[hidden]{display:none}.btn:disabled{opacity:.45;cursor:default}.row{display:flex;gap:2.5cqw}.row .btn{font-size:3.5cqw;padding-inline:3cqw;white-space:nowrap}.result{gap:2.2cqw;padding-top:3.5cqw}#cmp{width:100%;aspect-ratio:1000 / 725;display:block}.scoreRow{display:flex;align-items:center;justify-content:space-between}.scoreWrap small{display:block;font-size:2.8cqw;letter-spacing:.12em;text-transform:uppercase;color:#6a5a70}.score{font:400 13cqw var(--display);line-height:.95;color:var(--rojo);-webkit-text-stroke:.5cqw var(--ink);paint-order:stroke fill;text-shadow:.7cqw .7cqw 0 var(--ink);font-variant-numeric:tabular-nums;transform-origin:left center;white-space:nowrap}#result.final .score{animation:slam .5s cubic-bezier(.2,1.6,.3,1)}@keyframes slam{0%{transform:scale(1.3)}60%{transform:scale(.97)}}.steps{list-style:none;margin:0;padding:0;display:grid;gap:1.5cqw}.steps li{display:flex;align-items:center;gap:2.6cqw}.steps li>b{flex:none;width:7.4cqw;height:7.4cqw;display:grid;place-items:center;border:.6cqw solid var(--ink);border-radius:50%;background:var(--rojo);color:#fff;font:400 4.2cqw var(--display)}.steps p{font-size:3.9cqw;line-height:1.15;font-weight:900}.steps p b{color:var(--rojo)}.hanko{flex:none;margin-right:1cqw;display:flex;flex-direction:column;align-items:center;gap:.3cqw;padding:1.8cqw 2.4cqw;color:var(--rojo);background:#fff7eacc;border:.8cqw solid currentColor;border-radius:1.6cqw;box-shadow:inset 0 0 0 .5cqw #fff7ea,inset 0 0 0 .9cqw currentColor;transform:rotate(9deg);opacity:0}.hanko.fail{color:#4a5a7a}.hanko b{font:400 4cqw var(--display);line-height:1.05;white-space:nowrap}#result.final .hanko{opacity:.92;animation:stamp .45s .25s cubic-bezier(.3,1.8,.5,1) both}@keyframes stamp{0%{transform:rotate(30deg) scale(2.6);opacity:0}to{transform:rotate(9deg) scale(1);opacity:.92}}.after{display:flex;flex-direction:column;gap:2.2cqw;opacity:0;transform:translateY(5cqw);pointer-events:none}#result.final .after{opacity:1;transform:none;pointer-events:auto;transition:opacity .3s,transform .45s cubic-bezier(.2,1.2,.4,1)}.verdict{padding:1.8cqw 3cqw;display:flex;flex-direction:column;gap:.4cqw;background:var(--ink);color:#fff;border-radius:2.4cqw;transform:rotate(-1deg)}.verdict b{font:400 4.6cqw var(--display);line-height:1.1;color:var(--sol)}.verdict span{font-size:3cqw}.stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.6cqw}.stats li{padding:1.2cqw .4cqw;display:flex;flex-direction:column;align-items:center;background:#fff;border:.6cqw solid var(--ink);border-radius:2.4cqw;line-height:1.1}.stats li.na{opacity:.45}.stats b{font:400 4cqw var(--display);white-space:nowrap}.stats span{font-size:2.2cqw;color:#6a5a70}#toast{position:absolute;left:4cqw;right:4cqw;bottom:4cqw;z-index:9;transform:translateY(250%);padding:3cqw 3.5cqw;border-radius:3cqw;background:var(--ink);color:#fff;font-size:3.2cqw;text-align:center;transition:transform .3s cubic-bezier(.2,1.2,.4,1);pointer-events:none}#toast.on{transform:none}.credit{position:absolute;left:0;right:0;bottom:0;z-index:6;padding:0 4cqw calc(2cqw + env(safe-area-inset-bottom));display:flex;justify-content:space-between;font-size:2.5cqw;letter-spacing:.03em;white-space:nowrap;color:var(--ink)}.credit a{color:inherit;text-decoration:none}.credit a:hover{text-decoration:underline}body.playing .credit{display:none}body.ended .credit{color:#fff}@media(prefers-reduced-motion:reduce){.panel,#result.final .score,#result.final .hanko{animation:none}}#intro .card{padding-top:3.6cqw;gap:2.6cqw}#intro .btn.big{min-height:15cqw}#rec-btn{position:fixed;left:14px;top:14px;z-index:100;display:flex;align-items:center;gap:6px;min-height:42px;padding:8px 16px;font:400 15px var(--display);letter-spacing:1px;color:#fff;background:var(--ink);border:3px solid #fff;border-radius:999px;box-shadow:0 4px #000a;cursor:pointer;touch-action:manipulation}#rec-btn[hidden]{display:none}#rec-btn:hover{background:#3a2150}#rec-btn:active{transform:translateY(2px);box-shadow:0 2px #000a}#rec-btn.live{background:var(--rojo);animation:rec-blink 1s steps(2,jump-none) infinite}#rec-btn.wait{background:#5a6a8a}#rec-btn.error{background:#5a1a14}#rec-btn.done{background:#2f8a4a}@keyframes rec-blink{50%{opacity:.7}}body.rec #stage{width:min(100vw,56.25dvh);height:min(100dvh,calc(100vw * 16 / 9))}