:root{--sky:#7fd4f5;--cream:#fff6e0;--ink:#2b2140;--pop:#ff4f8b;--sun:#ffd23f}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--sky);height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:ui-rounded,Trebuchet MS,Avenir Next,system-ui,sans-serif;overflow:hidden}canvas{display:block}#hud{pointer-events:none;position:fixed;inset:0}.plate{background:var(--cream);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:18px;padding:10px 14px}#size{min-width:206px;position:absolute;top:16px;left:16px}#size .cap{letter-spacing:.02em;opacity:.6;font-size:12px;font-weight:600}#sizeval{font-variant-numeric:tabular-nums;font-size:34px;font-weight:700;line-height:1.05}#sizeval span{opacity:.75;font-size:18px;font-weight:600}#metric{opacity:.45;font-variant-numeric:tabular-nums;margin-top:1px;font-size:12px;font-weight:500}#bar{background:#e5d9ba;border-radius:99px;height:9px;margin-top:8px;position:relative;overflow:hidden}#barfill{background:var(--pop);border-radius:99px;width:0%;height:100%;transition:width .25s ease-out}.tick{background:#2b214047;width:2px;height:9px;position:absolute;top:0}.tick.big{background:#2b214099;width:3px}#foot{justify-content:space-between;align-items:baseline;gap:10px;margin-top:7px;font-size:12px;font-weight:500;display:flex}#tier{opacity:.7}#hp{font-variant-numeric:tabular-nums;opacity:.6;font-weight:600;transition:color .2s,opacity .2s}#hp.up{color:var(--pop);opacity:1}#clock{text-align:right;min-width:110px;position:absolute;top:16px;right:16px}#clock .cap{opacity:.6;font-size:12px;font-weight:600}#time{font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1.05}#clock.low #time{color:var(--pop)}#wanted{border:2px solid var(--ink);opacity:0;pointer-events:none;background:#2b2140c7;border-radius:99px;gap:5px;padding:7px 12px;transition:opacity .35s;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}#wanted.show{opacity:1}#wanted i{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:#ffffff38;width:14px;height:14px;display:block}#wanted i.on{background:var(--sun)}#devbadge{background:var(--ink);color:var(--sun);text-align:right;border-radius:99px;padding:5px 11px;font-size:11px;font-weight:600;line-height:1.5;position:absolute;top:96px;right:16px}#banner{background:var(--pop);color:var(--cream);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);text-align:center;opacity:0;border-radius:16px;max-width:min(86vw,540px);padding:9px 22px;font-size:19px;font-weight:600;line-height:1.3;transition:opacity .35s,transform .35s;position:absolute;top:118px;left:50%;transform:translate(-50%,-8px)scale(.9)}#banner.show{opacity:1;transform:translate(-50%)scale(1)}#nay{color:var(--cream);opacity:0;letter-spacing:-.01em;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;font-size:56px;font-weight:700;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}#nay.go{animation:.78s cubic-bezier(.2,.9,.3,1) forwards nay}@keyframes nay{0%{opacity:0;transform:translate(-50%,-42%)scale(.72)rotate(-5deg)}16%{opacity:1;transform:translate(-50%,-56%)scale(1.05)rotate(-2.5deg)}64%{opacity:1;transform:translate(-50%,-62%)scale(1)rotate(-2deg)}to{opacity:0;transform:translate(-50%,-82%)scale(.98)rotate(-1deg)}}#picked{flex-direction:column-reverse;align-items:center;gap:5px;width:min(90vw,420px);display:flex;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.pick{background:var(--ink);color:var(--cream);opacity:0;border-radius:99px;padding:5px 13px;font-size:14px;font-weight:500;animation:1.6s ease-out forwards pop}.pick b{color:var(--sun);margin-left:6px;font-weight:600}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.85)}14%{opacity:1;transform:translateY(0)scale(1)}72%{opacity:1}to{opacity:0;transform:translateY(-14px)}}#hint{color:var(--cream);background:#2b2140b8;border-radius:99px;padding:7px 16px;font-size:13px;font-weight:500;transition:opacity .6s;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.veil{pointer-events:auto;z-index:5;background:radial-gradient(120% 90% at 50% 10%,#9ce0fb 0%,#66c6ee 55%,#3ea6d8 100%);place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.card{text-align:center;background:var(--cream);border:4px solid var(--ink);width:100%;max-width:460px;box-shadow:0 8px 0 var(--ink);border-radius:26px;padding:30px 28px 24px}.card h1{letter-spacing:-.03em;font-size:56px;font-weight:700;line-height:.92}.card h1.brand{letter-spacing:0;margin:0 0 4px;line-height:.82}.card h1.brand .word{justify-content:space-between;display:flex}.card h1.brand .word i{font-style:normal}.card p{opacity:.85;margin-top:14px;font-size:15px;font-weight:400;line-height:1.55}#gloss{opacity:1;min-height:52px;margin-top:16px;font-size:15px;font-weight:400;line-height:1.45;transition:opacity .34s}#gloss b{font-weight:600}#gloss i{opacity:.55;font-style:italic}.keys{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;display:flex}.keys b{background:var(--ink);color:var(--cream);border-radius:9px;padding:6px 11px;font-size:13px;font-weight:600}button{color:var(--ink);background:var(--sun);border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);cursor:pointer;border-radius:16px;margin-top:22px;padding:13px 34px;font-family:inherit;font-size:19px;font-weight:600;transition:transform 70ms,box-shadow 70ms}button:active{box-shadow:0 0 0 var(--ink);transform:translateY(5px)}button:focus-visible{outline:3px solid var(--pop);outline-offset:3px}#final{color:var(--pop);margin-top:6px;font-size:62px;font-weight:700;line-height:1}#final span{font-size:28px}#tally{opacity:.7;margin-top:8px;font-size:14px;font-weight:500}#expr{background:#efe6cc;border-radius:12px;margin-top:16px;padding:9px 14px;font-size:15px;font-weight:500;display:inline-block}#expr em{opacity:.45;margin:0 5px;font-style:normal}.seedline{opacity:.5;margin-top:16px;font-size:12px;font-weight:500}.seedline a{color:inherit}#kingline,#kingend{opacity:.85}#kingline b,#kingend b{color:var(--pop);font-weight:700}.devnote{color:var(--pop);margin-top:10px;font-size:12px;font-weight:600}.hidden{display:none!important}#stick{z-index:4;touch-action:none;width:46vw;height:46vh;position:fixed;bottom:0;left:0}#look{z-index:4;touch-action:none;width:46vw;height:46vh;position:fixed;bottom:0;right:0}#knob{pointer-events:none;z-index:4;background:#fff6e047;border:3px solid #2b214080;border-radius:50%;width:110px;height:110px;display:none;position:fixed}#knob i{background:var(--cream);border:3px solid var(--ink);border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;position:absolute;top:50%;left:50%}@media (hover:hover){#stick,#look,#knob{display:none!important}}@media (width<=560px){#sizeval{font-size:27px}.card h1{font-size:42px}.card h1.brand{font-size:38px}#hint{display:none}#nay{font-size:42px}#banner{font-size:16px}}@media (prefers-reduced-motion:reduce){.pick{opacity:1;animation-duration:10ms}#nay.go{animation-duration:.4s}}