@font-face{font-family:Creepster;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/creepster-latin-400-normal-DnKpM-ys.woff2)format("woff2"),url(/assets/creepster-latin-400-normal-DFidaany.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--night:#1b0b2e;--panel:#2a1446;--panel-glass:#1b0b2ee0;--ink:#f6ecff;--ink-dim:#c9b6ff;--slime:#8cff4f;--pumpkin:#ff8a1f;--hot:#ff4f7a;--title:Creepster, "Comic Sans MS", system-ui, sans-serif;--body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--night);color:var(--ink);font-family:var(--body);overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button{font:inherit}.welcome{text-align:center;background:radial-gradient(circle at 50% 30%, #3b1a63 0%, var(--night) 70%);flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;min-height:100%;padding:2rem 1rem;display:flex}.logo{font-family:var(--title);color:var(--slime);text-shadow:0 .06em 0 var(--night), 0 0 .4em #8cff4f73;letter-spacing:.03em;margin:0;font-size:clamp(3rem,14vw,6rem);font-weight:400}.logo.small{font-size:3rem}.tagline{max-width:32rem;color:var(--ink-dim);margin:0;font-size:1.15rem}.notes{text-align:left;gap:.6rem;max-width:32rem;margin:0;padding:0;list-style:none;display:grid}.notes li{background:var(--panel);border-radius:14px;padding:.75rem 1rem;line-height:1.4}.btn{border:3px solid var(--night);background:var(--panel);color:var(--ink);cursor:pointer;box-shadow:0 4px 0 var(--night);border-radius:999px;padding:.6rem 1.2rem;font-weight:700}.btn:active:not(:disabled){box-shadow:0 2px 0 var(--night);transform:translateY(2px)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--pumpkin);color:var(--night)}.btn.big{font-family:var(--title);letter-spacing:.05em;padding:.6rem 2rem;font-size:1.8rem;font-weight:400}.btn.icon{width:3.2rem;height:3.2rem;padding:0;font-size:1.5rem}.stage{justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.preview{object-fit:contain;width:100%;height:100%;display:block}.banners{top:max(1rem, env(safe-area-inset-top));pointer-events:none;justify-items:center;gap:.5rem;display:grid;position:absolute;left:1rem;right:1rem}.toast{background:var(--panel-glass);border-radius:12px;padding:.6rem 1rem;font-weight:600;position:absolute}.banners .toast{position:static}.toast.warn{border:2px solid var(--pumpkin)}.controls{bottom:max(1rem, env(safe-area-inset-bottom));justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;left:0;right:0}.panel{z-index:3;inset:auto .75rem calc(max(1rem, env(safe-area-inset-bottom)) + 7.4rem);background:var(--panel-glass);border:3px solid var(--pumpkin);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:20px;max-width:28rem;max-height:calc(100% - 10rem);margin:0 auto;padding:1.25rem 1.25rem 1rem;position:absolute;overflow:auto}.panel h2{font-family:var(--title);color:var(--slime);margin:0 0 .75rem;font-size:2rem;font-weight:400}.panel .close{color:var(--ink);cursor:pointer;background:0 0;border:none;font-size:1.8rem;position:absolute;top:.4rem;right:.6rem}.eyebrow{text-align:center;font-family:var(--title);color:var(--ink-dim);margin:0;font-size:1.4rem}.score{text-align:center;font-family:var(--title);color:var(--slime);margin:0;font-size:4.5rem;line-height:1.1}.hint{color:var(--ink-dim);text-align:center;margin:.5rem 0}.metrics{gap:.45rem;margin:.75rem 0;padding:0;list-style:none;display:grid}.metrics li{grid-template-columns:8.5rem 1fr 2.2rem;align-items:center;gap:.6rem;font-size:.95rem;font-weight:600;display:grid}.metrics .bar{background:#f6ecff26;border-radius:999px;height:.6rem;overflow:hidden}.metrics .bar span{background:var(--pumpkin);border-radius:inherit;height:100%;display:block}.num{text-align:right;font-variant-numeric:tabular-nums}.badges{gap:.4rem;margin:.5rem 0;padding:0;list-style:none;display:grid}.badges li{background:#ff8a1f26;border-radius:12px;padding:.45rem .75rem;display:grid}.badges strong{font-family:var(--title);color:var(--pumpkin);font-size:1.2rem;font-weight:400}.badges span{color:var(--ink-dim);font-size:.85rem}.row{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.75rem;display:flex}.replay{background:#000;border-radius:12px;width:100%;max-height:55vh}.history-list{gap:.5rem;margin:.5rem 0 1rem;padding:0;list-style:none;display:grid}.history-list li{grid-template-columns:4rem auto 1fr auto;align-items:center;gap:.75rem;display:grid}.history-list img,.history-list .noimg{object-fit:cover;background:var(--panel);border-radius:8px;width:4rem;height:3rem}.history-list .num{font-family:var(--title);color:var(--slime);font-size:1.4rem}.history-list .when{color:var(--ink-dim);text-align:right;font-size:.8rem}.toggle{cursor:pointer;align-items:flex-start;gap:.75rem;margin:.75rem 0;display:flex}.toggle input{width:1.4rem;height:1.4rem;accent-color:var(--pumpkin);flex:none;margin-top:.1rem}.toggle span{gap:.2rem;display:grid}.toggle small{color:var(--ink-dim)}@media (prefers-reduced-motion:reduce){.btn:active:not(:disabled){transform:none}}.modes{bottom:calc(max(1rem, env(safe-area-inset-bottom)) + 4.6rem);justify-content:center;gap:.3rem;padding:0 .5rem;display:flex;position:absolute;left:0;right:0}.mode{border:2px solid var(--night);background:var(--panel-glass);color:var(--ink-dim);white-space:nowrap;cursor:pointer;border-radius:999px;padding:.35rem .6rem;font-size:.8rem;font-weight:700}.mode.active{background:var(--slime);color:var(--night)}.mode:disabled{opacity:.5}.dots-toggle{left:.75rem;bottom:calc(max(1rem, env(safe-area-inset-bottom)) + 11rem);background:var(--panel-glass);color:var(--ink-dim);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .7rem .3rem .5rem;font-size:.8rem;font-weight:700;display:flex;position:absolute}.dots-toggle input{width:1rem;height:1rem;accent-color:var(--slime);margin:0}.filters{left:0;right:0;bottom:calc(max(1rem, env(safe-area-inset-bottom)) + 7rem);scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:.45rem;padding:.2rem .75rem;display:flex;position:absolute;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.filter{scroll-snap-align:center;border:2px solid var(--night);background:var(--panel-glass);width:4.4rem;color:var(--ink-dim);cursor:pointer;border-radius:16px;flex:none;justify-items:center;gap:.1rem;padding:.35rem .2rem .3rem;display:grid}.filter.active{border-color:var(--slime);color:var(--ink);box-shadow:0 0 0 2px var(--slime)}.filter:disabled{opacity:.5}.filter-icon{font-size:1.6rem;line-height:1.1}.filter-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.68rem;font-weight:700;overflow:hidden}.btn.save{background:var(--slime);color:var(--night)}.btn.saved{background:var(--panel);color:var(--slime)}.btn.mini{box-shadow:0 2px 0 var(--night);padding:.25rem .55rem;font-size:.95rem}.clip-actions{gap:.3rem;display:flex}