:root{--ink: #020604;--moss: rgba(8, 24, 15, .78);--moss2: rgba(14, 38, 24, .9);--lime: #c8f56a;--gold: #f3c95a;--mint: #7ff0b4;--mist: #b9cdb9;--pale: #e8f5d0;--lure: #d9cfff;--display: Skia, "Lucida Bright", Candara, "Segoe UI", sans-serif;--ui: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, serif;--leaf-r: 22px 4px 22px 4px}html,body{background:var(--ink);color:var(--pale);font-family:var(--ui)}.hud{position:absolute;z-index:5;left:0;right:0;top:0;display:flex;align-items:flex-start;justify-content:space-between;padding:calc(12px + var(--safe-t)) calc(12px + var(--safe-r)) 0 calc(12px + var(--safe-l));pointer-events:none}.leaf{pointer-events:auto;width:46px;height:46px;display:grid;place-items:center;border:0;padding:0;text-decoration:none;background:var(--moss);color:var(--pale);border-radius:18px 4px;box-shadow:inset 0 0 0 1px #f3c95a8c,0 0 16px #c8f56a14}.leaf svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.leaf:active{transform:scale(.94)}.mute .off,.mute[aria-pressed=true] .wav{display:none}.mute[aria-pressed=true] .off{display:inline}.board{display:flex;flex-direction:column;align-items:center;gap:6px}.score{font:400 34px/1 var(--display);color:var(--pale);min-width:2ch;text-align:center;letter-spacing:.04em;text-shadow:0 0 14px rgba(200,245,106,.45);font-variant-numeric:tabular-nums}.score.pop{animation:pop .22s ease-out}.lamp{width:120px;height:5px;border-radius:3px;background:#b9cdb929;overflow:hidden;box-shadow:inset 0 0 0 .5px #f3c95a66}.lamp i{display:block;height:100%;width:100%;border-radius:3px;background:linear-gradient(90deg,#6fbf4a,var(--lime),var(--gold));box-shadow:0 0 10px var(--lime);transition:width .2s linear}.lamp.low i{background:repeating-linear-gradient(90deg,#d9a14a 0 6px,#7a5a2a 6px 9px);box-shadow:none;animation:throb .7s ease-in-out infinite}.meta{display:flex;align-items:center;gap:10px;min-height:18px}.mult{font:400 15px/1 var(--display);color:var(--mist);padding:3px 8px;border-radius:9px 2px;background:var(--moss)}.mult.hot{color:var(--ink);background:var(--gold);box-shadow:0 0 12px #f3c95a99}.mult.pop{animation:pop .3s ease-out}.chorus{display:flex;gap:5px;align-items:center}.chorus i{position:relative;width:9px;height:9px;border-radius:50%;box-shadow:inset 0 0 0 1.2px #e8f5d08c;transition:background .25s,box-shadow .25s}.chorus i.on{background:var(--lime);box-shadow:0 0 8px var(--lime)}.chorus i.req:after{content:"";position:absolute;left:-2px;right:-2px;bottom:-5px;height:2px;border-radius:1px;background:var(--gold)}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes throb{0%,to{opacity:1}50%{opacity:.45}}.title,.calib,.card,.gallery,.paused{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(70px + var(--safe-t)) calc(18px + var(--safe-r)) calc(20px + var(--safe-b)) calc(18px + var(--safe-l))}.title{justify-content:flex-start;padding-top:calc(17vh + var(--safe-t));transition:opacity .5s}.title.fade{opacity:0;pointer-events:none}.glass{position:relative;width:min(320px,100%);text-align:center;padding:24px 20px 20px;border-radius:var(--leaf-r);background:radial-gradient(120% 90% at 50% 0%,rgba(40,80,40,.35),transparent 60%),var(--moss);box-shadow:inset 0 0 0 1px #f3c95a80,0 0 40px #c8f56a12,0 18px 40px #0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.glass.wide{width:min(380px,100%);max-height:100%;display:flex;flex-direction:column}.title .glass{background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}h1{margin:4px 0 2px;font:400 76px/1 var(--display);letter-spacing:.14em;padding-left:.14em;color:var(--pale);text-shadow:0 0 24px rgba(200,245,106,.55),0 0 4px rgba(255,250,220,.6)}.motes{position:relative;height:22px}.motes i{position:absolute;top:8px;width:5px;height:5px;border-radius:50%;background:#fffbe0;box-shadow:0 0 10px 3px var(--lime);animation:blink 2.4s infinite}.motes i:nth-child(1){left:30%;animation-delay:0s}.motes i:nth-child(2){left:40%;animation-delay:.6s;top:2px;box-shadow:0 0 10px 3px var(--gold)}.motes i:nth-child(3){left:50%;animation-delay:1.2s;top:12px}.motes i:nth-child(4){left:60%;animation-delay:.3s;top:4px;box-shadow:0 0 10px 3px var(--mint)}.motes i:nth-child(5){left:70%;animation-delay:.9s}@keyframes blink{0%,to{opacity:.1}8%{opacity:1}30%{opacity:.15}}.sub{margin:10px 0 16px;font:italic 17px/1.3 var(--ui);color:var(--mist)}.cta{font:400 19px/1 var(--display);color:var(--gold);letter-spacing:.06em;animation:breathe 2s ease-in-out infinite;text-shadow:0 0 12px rgba(243,201,90,.45)}.paused .cta{background:var(--moss);padding:14px 22px;border-radius:var(--leaf-r);box-shadow:inset 0 0 0 1px #f3c95a80}.best{margin-top:12px;font:14px var(--ui);color:var(--mist)}@keyframes breathe{0%,to{opacity:1}50%{opacity:.5}}.row.foot{display:flex;gap:12px;margin-top:22px}.pill{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 18px;border:0;color:var(--pale);border-radius:18px 4px;background:var(--moss2);font:400 15px var(--display);letter-spacing:.04em;box-shadow:inset 0 0 0 1px #f3c95a73}.glass .pill{align-self:center;justify-content:center;margin-top:14px}.pill svg{width:20px;height:20px;fill:none;stroke:var(--lime);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.pill:active{transform:scale(.96)}.kicker{font:italic 15px var(--ui);letter-spacing:.06em;color:var(--gold)}.big{font:400 60px/1.05 var(--display);color:var(--pale);font-variant-numeric:tabular-nums;text-shadow:0 0 20px rgba(200,245,106,.45)}.newbest{display:inline-block;margin:2px 0 6px;padding:4px 12px;border-radius:12px 3px;background:var(--gold);color:var(--ink);font:400 14px var(--display);letter-spacing:.06em;animation:pop .5s ease-out;box-shadow:0 0 16px #f3c95a99}.split{display:flex;gap:14px;align-items:center;margin-top:10px;text-align:left}.keep{width:120px;height:160px;object-fit:cover;border-radius:14px 3px;box-shadow:0 0 0 1px #f3c95a8c,0 0 18px #c8f56a1f;background:#020604}.rows{flex:1;display:grid;gap:4px}.r{display:flex;justify-content:space-between;border-bottom:1px solid rgba(185,205,185,.14);padding:2px 0;font:14px var(--ui);color:var(--mist)}.r b{font:400 16px var(--display);color:var(--pale)}.r.best b{color:var(--gold)}.card{background:#00030173;opacity:0;transition:opacity .5s}.card.show{opacity:1}.card .cta{margin-top:14px}.calib{background:#0003018c}.jar{position:relative;width:84px;height:108px;margin:14px auto 8px;--p: 0}.jar b{position:absolute;inset:14px 6px 0;border-radius:20px 20px 26px 26px;box-shadow:inset 0 0 0 1.5px #e8f5d073,inset 0 -10px 20px #7ff0b414}.jar b:before{content:"";position:absolute;left:14px;right:14px;top:-14px;height:12px;border-radius:3px;box-shadow:inset 0 0 0 1.5px #f3c95a99}.jar i{position:absolute;left:50%;top:58%;width:10px;height:10px;margin:-5px;border-radius:50%;background:#fffbe0;box-shadow:0 0 calc(6px + var(--p) * 26px) calc(2px + var(--p) * 10px) rgba(200,245,106,calc(.2 + var(--p) * .8));opacity:calc(.25 + var(--p) * .75)}.jar.hit b{box-shadow:inset 0 0 0 1.5px #f3c95ae6,inset 0 -10px 24px #c8f56a40}.msg{font:italic 16px var(--ui);color:var(--mist);margin:6px 0}.dots{display:flex;gap:6px;justify-content:center;margin:8px 0 2px}.dots i{width:11px;height:11px;border-radius:50%;box-shadow:inset 0 0 0 1.2px #e8f5d066}.dots i.on{background:var(--lime);box-shadow:0 0 8px var(--lime)}.dots i.off{background:#6f6a52}.gallery{background:#000301d1;z-index:6}.grid{overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:14px;padding:12px 4px}.grid figure{margin:0;text-align:center}.grid img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:12px 3px;box-shadow:0 0 0 1px #f3c95a80,0 0 14px #c8f56a1a}.grid figcaption{font:12px var(--ui);color:var(--mist);margin-top:5px}.grid .empty{grid-column:1 / -1;font:italic 15px var(--ui);color:var(--mist)}.grid figure{cursor:pointer}.grid figure.pinned img{box-shadow:0 0 0 2px var(--gold),0 0 16px #f3c95a66}.grid figure.pinned figcaption:before{content:"★";color:var(--gold)}.big-keep{display:block;width:min(240px,62vw);aspect-ratio:3 / 4;margin:12px auto 4px;border-radius:12px 3px;box-shadow:0 0 0 1px #f3c95a99,0 0 22px #c8f56a26}.btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.btns .pill{margin-top:6px;padding:0 14px}.pill.ad:after{content:"AD";margin-left:2px;padding:1px 4px;border-radius:4px;font:700 9px/1.2 var(--ui);letter-spacing:.08em;color:var(--ink);background:var(--gold)}@media(max-height:680px){.title{padding-top:calc(70px + var(--safe-t))}h1{font-size:60px}.big{font-size:46px}.keep{width:96px;height:128px}.glass{padding:18px 16px 16px}}@media(prefers-reduced-motion:reduce){.cta,.motes i,.lamp.low i,.score.pop,.mult.pop{animation:none}}