:root{color:var(--text);background:var(--page-bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;letter-spacing:0;--page-bg:#06210f;--surface:#0a3318;--text:#e4f5d9;--muted:#a3c592;--line:#2f6b34;--accent:#a4c639;--accent-bright:#c3e070;--accent-muted:#cfe6a6;--accent-soft:#5f8c2a;--accent-glow:#a4c63988;--backdrop:#010c05c7;font-family:Outfit,Outfit Variable,system-ui,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.hero-logo:focus-visible,.drop:focus-visible{outline:none}#app{-webkit-user-select:none;user-select:none;min-height:100svh;position:relative;overflow:hidden}#app img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.icon-button{width:34px;height:34px;color:var(--muted);background:0 0;border:0;border-radius:5px;place-items:center;display:inline-grid}.icon-button:hover{background:var(--line);color:var(--text)}.icon-button svg{stroke-width:1.7px;width:17px;height:17px}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}main{z-index:2;pointer-events:none;grid-template-columns:minmax(0,1fr);place-items:center;min-height:100svh;padding:86px 24px;display:grid;position:relative}.counter{text-align:center;width:100%;min-width:0;max-width:760px}h1{margin:0;font-size:42px;font-weight:450;line-height:1.2}.period{color:var(--accent-soft)}h1,.periods{width:fit-content;max-width:100%;margin-inline:auto}.total-row{justify-content:center;align-items:center;gap:22px;max-width:100%;min-height:170px;margin:4px 0 14px;display:flex}#total{font-variant-numeric:tabular-nums;white-space:nowrap;max-width:calc(100% - 126px);font-size:128px;font-weight:500;line-height:1.12;display:block}.hero-logo{pointer-events:auto;background:0 0;border:0;flex-shrink:0;width:100px;height:100px;padding:0;transition:transform .16s;position:relative}.hero-logo:hover{transform:rotate(-9deg)scale(1.08)}.hero-logo img{object-fit:contain;filter:drop-shadow(0 5px 8px #00000040);width:100%;height:100%}.periods{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;font-size:13px;line-height:1.7;display:flex}.periods span{padding:0 15px;position:relative}.periods span+span:before{content:"";background:var(--accent-muted);border-radius:50%;width:3px;height:3px;position:absolute;top:10px;left:0}.periods b{color:var(--accent-bright);font-variant-numeric:tabular-nums;margin-right:3px;font-weight:500}#notice{min-height:18px;color:var(--muted);max-width:380px;margin:16px auto 0;font-size:12px;line-height:1.5}#notice:empty{display:none}footer{pointer-events:none;z-index:3;min-height:80px;color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin:0 5.4%;font-size:11px;display:flex;position:absolute;inset:auto 0 0}footer button{pointer-events:auto}.text-button{color:var(--muted);background:0 0;border:0;align-items:center;gap:4px;padding:8px 0;font-size:11px;display:flex}.text-button svg{width:12px;height:12px}#rain{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.drop{pointer-events:auto;will-change:transform;background:0 0;border:0;width:62px;height:62px;padding:3px;transition:filter .1s;position:absolute;top:0;left:0}.drop:hover{filter:drop-shadow(0 0 6px var(--accent-glow))}.drop img{object-fit:contain;pointer-events:none;opacity:.7;width:100%;height:100%}.drop:hover img{opacity:1}.explosion{pointer-events:none;z-index:10;width:144px;height:144px;image-rendering:pixelated;background:url(/assets/explosion-DkbCRFP1.png) 0 0/1728px 144px;animation:.6s steps(12,end) forwards explode;position:fixed}.pop-label{pointer-events:none;z-index:11;color:var(--accent-bright);font-size:17px;font-weight:500;animation:.85s ease-out forwards float-away;position:fixed}.counter-flash{animation:.5s ease-out counter-flash}@keyframes explode{to{background-position:-1728px 0}}@keyframes float-away{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-60px)}}@keyframes counter-flash{25%{color:#fff}}dialog{border:1px solid var(--line);background:var(--surface);width:min(440px,100% - 40px);color:var(--text);box-shadow:none;border-radius:8px;padding:26px}dialog::backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}h2{margin:0;font-size:22px;font-weight:500}dialog p{color:var(--muted);font-size:14px;line-height:1.6}dl{margin:24px 0;font-size:13px;line-height:1.8}dt{margin-top:14px;font-weight:500}dd{color:var(--accent-muted);margin:0}dialog .fine-print{font-size:11px}.reduced .explosion{animation-duration:.25s}.reduced .pop-label{opacity:0;animation:none}.music-toggle{z-index:4;width:38px;height:38px;position:fixed;top:18px;right:calc(5.4% - 8px)}.music-toggle svg{width:20px;height:20px}.music-toggle[aria-pressed=true]{color:var(--accent-bright)}.music-toggle[aria-pressed=true] .x,.music-toggle[aria-pressed=false] .waves{display:none}@media (width<=640px){.music-toggle{top:12px;right:14px}}.sfx-toggle{z-index:4;width:38px;height:38px;position:fixed;top:18px;right:calc(5.4% + 38px)}.sfx-toggle svg{width:20px;height:20px}.sfx-toggle[aria-pressed=true]{color:var(--accent-bright)}.sfx-toggle[aria-pressed=true] .slash{display:none}@media (width<=640px){.sfx-toggle{top:12px;right:52px}}@media (width>=1500px){.total-row{min-height:190px}}@media (width<=640px){.icon-button{width:30px;height:32px}main{padding:76px 22px}h1{font-size:31px}.total-row{gap:14px;min-height:129px;margin:5px 0 13px}#total{max-width:calc(100% - 88px);font-size:86px}.hero-logo{width:74px;height:74px}.periods{row-gap:8px;font-size:11px}.periods span{padding:0 8px}.periods span+span:before{width:2px;height:2px;top:8px}footer{gap:10px;min-height:76px;margin:0 24px;font-size:10px}.drop{width:54px;height:54px}}@media (width<=360px){h1{font-size:28px}.periods span{padding:0 6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}.counter-flash{animation:none}.pop-label{display:none}}.turnstile{z-index:12;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}.maintenance{z-index:3;text-align:center;background:color-mix(in srgb,var(--page-bg) 80%,transparent);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);place-content:center;padding:86px 24px;animation:.5s ease-out fade-in;display:grid;position:fixed;inset:0}.maintenance[hidden],.maintenance [hidden]{display:none}.maint-logo{width:96px;height:96px;margin:0 auto 26px;animation:3.2s ease-in-out infinite doze;position:relative}.maint-logo img{object-fit:contain;opacity:.6;filter:grayscale(.35)drop-shadow(0 5px 8px #00000040);width:100%;height:100%}.zzz{position:absolute;top:-4px;right:-6px}.zzz i{color:var(--accent-bright);opacity:0;font-size:20px;font-style:normal;font-weight:600;animation:2.4s ease-out infinite zzz;position:absolute}.zzz i:nth-child(2){font-size:16px;animation-delay:.8s}.zzz i:nth-child(3){font-size:13px;animation-delay:1.6s}.maint-title{font-size:42px;font-weight:450;line-height:1.2}.maint-text{color:var(--muted);max-width:420px;margin:14px auto 0;font-size:15px;line-height:1.6}.maint-clock{font-variant-numeric:tabular-nums;margin-top:30px;font-size:84px;font-weight:500;line-height:1.1;display:block}.maint-label{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.maint-bar{background:color-mix(in srgb,var(--line) 40%,transparent);border-radius:3px;width:min(320px,100%);height:6px;margin:24px auto 8px;overflow:hidden}.maint-bar span{border-radius:inherit;background:linear-gradient(90deg,var(--accent-soft),var(--accent-bright));width:0;height:100%;box-shadow:0 0 12px var(--accent-glow);transition:width 1s linear;display:block}.maint-fine{color:var(--muted);margin:28px auto 0;font-size:12px}@keyframes doze{0%,to{transform:rotate(-12deg)translateY(0)}50%{transform:rotate(-7deg)translateY(7px)}}@keyframes zzz{0%{opacity:0;transform:translate(0)scale(.6)}25%{opacity:1}to{opacity:0;transform:translate(22px,-46px)scale(1.15)}}@keyframes fade-in{0%{opacity:0}}.reduced .maintenance,.reduced .maint-logo{animation:none}.reduced .zzz{display:none}@media (width<=640px){.maint-title{font-size:31px}.maint-clock{font-size:58px}.maint-logo{width:76px;height:76px}}