:root{--ink:#1b1b22;--mint:#d3ebc6;--cream:#fff8e0;--orange:#ff9a1f;--green:#8cc63f;--teal:#2aa6a6;--yellow:#ffd23a;--pink:#ff2f7a;--font:"Arial Rounded MT Bold", "SF Pro Rounded", ui-rounded, "Nunito", "Varela Round", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font);color:var(--ink);-webkit-user-select:none;user-select:none;overflow:hidden}body{--sky-a:#e6f5da;--sky-b:#d0e8c2;--sky-c:#b7d8ae;--text:var(--ink);--veil:#d3ebc673;--fx-top:#ffffff47;--fx-bottom:#ff6e5a33;--stars:0;--hud-shade:#fff6;color:var(--text);background:radial-gradient(ellipse at 50% 30%, var(--sky-a) 0%, var(--sky-b) 55%, var(--sky-c) 100%)}body[data-skin=candy]{--sky-a:#fde8f3;--sky-b:#f3cfe6;--sky-c:#d9b6e3}body[data-skin=desert]{--sky-a:#fff1d6;--sky-b:#fbd9a8;--sky-c:#f0b88a}body[data-time=dusk]{--sky-a:#ffd9b0;--sky-b:#e7a2a2;--sky-c:#8d6fa8;--veil:#78507866;--fx-top:#ffdcbe2e;--fx-bottom:#ff5a4642;--stars:.35;--hud-shade:#ffecdc66}body[data-time=dusk][data-skin=candy]{--sky-a:#ffd3e4;--sky-b:#d99ac8;--sky-c:#7d68b0}body[data-time=dusk][data-skin=desert]{--sky-a:#ffcf8a;--sky-b:#f08a6a;--sky-c:#8a4f7a}body[data-time=night]{--sky-a:#34466e;--sky-b:#1d2745;--sky-c:#0f152b;--text:var(--cream);--veil:#0c102480;--fx-top:#96aaff14;--fx-bottom:#3c28784d;--stars:1;--hud-shade:#0a0c208c}body[data-time=night][data-skin=candy]{--sky-a:#45315f;--sky-b:#2a1d46;--sky-c:#170f2b}body[data-time=night][data-skin=desert]{--sky-a:#42305a;--sky-b:#251a3c;--sky-c:#120d22}.stars{opacity:var(--stars);transition:opacity 1.2s;position:absolute;inset:0}.stars span{background:#fff8e0;border-radius:50%;animation:3s ease-in-out infinite alternate twinkle;position:absolute;box-shadow:0 0 4px #fff8e0cc}@keyframes twinkle{0%{opacity:.25}to{opacity:1}}#backdrop,#stage,#fx,#foreground{pointer-events:none;position:fixed;inset:0}#backdrop{z-index:0;overflow:hidden}#backdrop:before{content:"";background-image:radial-gradient(#1b1b2217 1.1px,#0000 1.6px);background-size:7px 7px;position:absolute;inset:0}#stage{z-index:1}#stage canvas{display:block}#fx{z-index:2;background:linear-gradient(to top, var(--fx-bottom), transparent 32%), linear-gradient(to bottom, var(--fx-top), transparent 18%)}#fx:after{content:"";background-image:radial-gradient(#1b1b220d 1px,#0000 1.4px);background-size:5px 5px;position:absolute;inset:0}#foreground{z-index:3;overflow:hidden}.ghost{position:absolute}.ghost svg{width:100%;height:auto;animation:3.2s ease-in-out infinite alternate bob;display:block}.ghost--far{filter:blur(3px);opacity:.55;width:110px;animation:60s linear infinite drift}.ghost--near{filter:blur(9px);opacity:.85;width:min(26vw,260px);animation:7s ease-in-out infinite alternate hover}.g-a{top:18%;left:-10%}.g-b{animation-duration:75s;animation-delay:-30s;top:62%;left:-10%}.g-c{top:2%;right:-5%}.g-d{animation-delay:-2s;bottom:-4%;left:-6%}.g-e{width:min(20vw,200px);animation-delay:-4s;bottom:-6%;right:-4%}@keyframes drift{0%{transform:translate(0)}to{transform:translate(125vw)}}@keyframes hover{0%{transform:translate(0)rotate(-3deg)}to{transform:translate(-24px,18px)rotate(3deg)}}@keyframes bob{0%{transform:translateY(-6px)}to{transform:translateY(6px)}}#hud{z-index:4;pointer-events:none;position:fixed;inset:0}.hud{letter-spacing:.02em;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:60px;padding:10px 24px;font-size:15px;display:grid;position:absolute;left:0;right:0}.hud--top{background:linear-gradient(to bottom, var(--hud-shade), transparent);top:0}.hud--bottom{background:linear-gradient(to top, var(--hud-shade), transparent);bottom:0}.hud__cell{white-space:nowrap;align-items:center;gap:6px;display:flex}.hud__left{justify-self:start}.hud__center{justify-self:center}.hud__right{justify-self:end}.hud__label{opacity:.75}.hud__value{font-variant-numeric:tabular-nums;font-size:28px}.hud__value--sm{font-size:17px}.hud__level-name{background:var(--ink);color:var(--cream);border-radius:999px;margin-left:4px;padding:1px 7px;font-size:12px}body[data-time=night] .hud__level-name{background:var(--cream);color:var(--ink)}.hud__bonus{border:3px solid var(--ink);background:var(--yellow);min-width:3.4em;color:var(--ink);text-align:center;font-variant-numeric:tabular-nums;border-radius:6px;padding:1px 8px;display:inline-block}.hud__bonus--low{background:var(--pink);color:var(--cream);animation:.6s ease-in-out infinite alternate pulse}.hud__lives{gap:4px;display:flex}.life{background:var(--green);width:34px;height:34px;color:var(--cream);text-shadow:0 1px 0 var(--ink), 1px 0 0 var(--ink), -1px 0 0 var(--ink), 0 -1px 0 var(--ink);border:3px solid #4f8d1c;border-radius:50%;place-items:center;font-size:11px;display:inline-grid;box-shadow:0 2px #1b1b2259}@keyframes pulse{to{transform:scale(1.08)}}.popups{position:absolute;inset:0;overflow:hidden}.popup{color:var(--cream);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;white-space:nowrap;font-size:18px;animation:.9s ease-out forwards float-up;position:absolute;transform:translate(-50%,-50%)}@keyframes float-up{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-160%)}}.banner{opacity:0;text-align:center;transition:opacity .2s,transform .25s cubic-bezier(.3,1.6,.5,1);position:absolute;top:26%;left:50%;transform:translate(-50%,-50%)scale(.8)}.banner--visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.banner__text{color:var(--orange);-webkit-text-stroke:10px var(--ink);paint-order:stroke fill;text-shadow:0 6px #1b1b2240;font-size:clamp(40px,7vw,84px);line-height:1}.banner__sub{color:var(--cream);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;margin-top:8px;font-size:clamp(18px,2.6vw,28px)}.overlay{background:var(--veil);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;place-items:center;transition:opacity .25s,visibility .25s;display:grid;position:absolute;inset:0;overflow:auto}.overlay--visible{opacity:1;visibility:visible}.overlay__panel{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:24px;display:flex}.title{-webkit-text-stroke:14px var(--ink);paint-order:stroke fill;text-shadow:0 10px #1b1b2238;font-size:clamp(56px,12vw,150px);font-weight:400;line-height:.9}.title span{animation:2.4s ease-in-out infinite wobble;animation-delay:calc(var(--i) * -.18s);display:inline-block}.title .space{width:.3em}.c-orange{color:var(--orange)}.c-green{color:var(--green)}.c-teal{color:#2ad0c2}.c-yellow{color:var(--yellow)}.c-pink{color:var(--pink)}@keyframes wobble{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(2deg)}}.overlay__heading{color:var(--orange);-webkit-text-stroke:10px var(--ink);paint-order:stroke fill;font-size:clamp(44px,8vw,96px);font-weight:400}.overlay__sub{font-size:clamp(18px,2.4vw,26px);animation:.9s ease-in-out infinite alternate pulse}.controls{flex-wrap:wrap;justify-content:center;gap:10px 22px;font-size:15px;list-style:none;display:flex}.controls li{align-items:center;gap:5px;display:flex}kbd{border:3px solid var(--ink);background:var(--cream);min-width:30px;color:var(--ink);box-shadow:0 3px 0 var(--ink);text-align:center;border-radius:7px;padding:3px 8px;font-family:inherit;font-size:13px;display:inline-block}.overlay__hint{opacity:.75;max-width:560px;font-size:14px}.overlay--scores .title{-webkit-text-stroke-width:10px;font-size:clamp(40px,8vw,96px)}.board-wrap{flex-direction:column;align-items:center;gap:6px;display:flex}.board__label{letter-spacing:.14em;opacity:.7;font-size:13px}.board{font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;gap:2px;font-size:16px;list-style:none;display:flex}.board__row{grid-template-columns:1.4em 3.4em 6.2em;align-items:baseline;gap:10px;display:grid}.board__rank{opacity:.55;text-align:right}.board__name{letter-spacing:.14em}.board__score{text-align:right}.board__row--you{color:var(--pink)}.board__empty{opacity:.7}.initials__slots{gap:10px;display:flex}.initials__slot{border:4px solid var(--ink);background:var(--cream);width:64px;height:72px;color:var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:10px;font-size:42px;line-height:64px}.initials__slot--on{background:var(--yellow);animation:.45s ease-in-out infinite alternate pulse}[hidden]{display:none!important}.fatal{z-index:10;text-align:center;place-items:center;padding:24px;font-size:20px;display:grid;position:fixed;inset:0}@media (width<=640px){.hud{gap:8px;min-height:48px;padding:6px 12px;font-size:12px}.hud__value{font-size:20px}.hud__value--sm{font-size:14px}.hud--top .hud__left .hud__label,.hud__level-name{display:none}.life{width:26px;height:26px;font-size:8px}.board{font-size:14px}.initials__slot{width:52px;height:60px;font-size:34px;line-height:52px}}@media (prefers-reduced-motion:reduce){.ghost,.ghost svg,.title span,.overlay__sub,.initials__slot--on,.stars span,.hud__bonus--low{animation:none}}