*{box-sizing:border-box}html,body{color:#fff;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 50% 30%,#12395c,#06121f 70%);height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}body{touch-action:none;justify-content:center;align-items:center;display:flex}#wrap{--u:1px;border-radius:calc(var(--u) * 14);touch-action:none;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080}canvas{display:block}.hidden{display:none!important}.overlay{text-align:center;font-size:calc(var(--u) * 16);flex-direction:column;justify-content:center;align-items:center;animation:.25s ease-out fade;display:flex;position:absolute;inset:0}.overlay.dim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0410208c}.overlay.start{padding:calc(var(--u) * 26) calc(var(--u) * 20);justify-content:space-between}@keyframes fade{0%{opacity:0}to{opacity:1}}h1{font-size:calc(var(--u) * 54);letter-spacing:-.02em;text-shadow:0 calc(var(--u) * 4) 0 #00285073, 0 0 calc(var(--u) * 24) #78dcff80;margin:0;font-weight:900;line-height:.95}h1 span{color:#ffd43b}h2{margin:0 0 .6em;font-size:2em;font-weight:900}.tag{text-shadow:0 2px 6px #00000080;margin:.5em 0 0;font-weight:700}.bottom{width:100%;margin:0 calc(var(--u) * -20) calc(var(--u) * -26);padding-top:2em;padding-bottom:calc(var(--u) * 22);background:linear-gradient(#04102000,#041020bf);flex-direction:column;align-items:center;gap:.6em;display:flex}.card{background:#0a2846d9;border:2px solid #a0e6ff59;border-radius:1.2em;flex-direction:column;align-items:center;gap:.7em;min-width:70%;padding:1.4em 1.6em;animation:.35s cubic-bezier(.2,1.6,.4,1) pop;display:flex;box-shadow:0 1em 3em #00000073}@keyframes pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.big-btn{font:inherit;color:#08243c;cursor:pointer;background:linear-gradient(#ffe066,#ffb703);border:none;border-radius:999px;padding:.45em 1.8em;font-size:1.6em;font-weight:900;transition:transform 80ms;animation:1.6s ease-in-out infinite breathe;box-shadow:0 .25em #b06d00,0 .5em 1.2em #00000059}.big-btn:hover{filter:brightness(1.08)}.big-btn:active{transform:translateY(.15em);box-shadow:0 .1em #b06d00}.big-btn:focus-visible,.link-btn:focus-visible,.icon-btn:focus-visible{outline-offset:3px;outline:3px solid #9be7ff}@keyframes breathe{50%{transform:scale(1.05)}}.link-btn{font:inherit;color:#bfe9ff;cursor:pointer;background:0 0;border:none;text-decoration:underline}.icon-btn{top:calc(var(--u) * 12);right:calc(var(--u) * 12);width:calc(var(--u) * 42);height:calc(var(--u) * 42);color:#fff;font-size:calc(var(--u) * 14);cursor:pointer;background:#001e3c73;border:2px solid #ffffff80;border-radius:50%;font-weight:900;position:absolute}.opts{flex-wrap:wrap;justify-content:center;gap:1.2em;display:flex}.opts label{cursor:pointer;background:#0000004d;border-radius:999px;align-items:center;gap:.35em;padding:.3em .7em;font-weight:700;display:inline-flex}.opts input{accent-color:#ffd43b;width:1.1em;height:1.1em}.help{opacity:.9;margin:0;font-size:.8em;line-height:1.7}kbd{background:#ffffff26;border:1px solid #ffffff59;border-radius:.3em;min-width:1.6em;padding:0 .35em;font-family:inherit;font-size:.95em;display:inline-block}.best-line{color:#ffd43b;margin:0;font-weight:700}.stats{grid-template-columns:1fr 1fr;gap:.6em;width:100%;display:grid}.stats div{background:#00000040;border-radius:.7em;flex-direction:column;align-items:center;padding:.5em;display:flex}.stats span{opacity:.8;font-size:.8em}.stats strong{font-size:1.7em;font-weight:900}#over-best-box.new{background:linear-gradient(135deg,#ffd43b73,#ff8c0059);animation:.9s ease-in-out infinite alternate glow;box-shadow:0 0 1em #ffd43b99}#over-new{color:#ffe066;font-size:.75em;font-style:normal;font-weight:900}@keyframes glow{to{box-shadow:0 0 2em #ffd43bf2}}@media (prefers-reduced-motion:reduce){.big-btn,#over-best-box.new,.card,.overlay{animation:none}}