:root{--ink: #2b2d42;--ink2: #1a1b2c;--void: #0b0c18;--mist: #edf2f4;--red: #ef233c;--ember: #d90429;--amber: #ffb703;--slate: #8d99ae;--type: "Mukta Mahee", "Nirmala UI", "Segoe UI Historic", sans-serif}html,body{background:radial-gradient(ellipse 70% 60% at 50% 42%,#24253c,#07070f 80%) var(--void);color:var(--mist);font-family:var(--type)}.hud{position:absolute;left:0;right:0;top:0;padding:calc(8px + var(--safe-t)) calc(10px + var(--safe-r)) 0 calc(10px + var(--safe-l));display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;z-index:3}.btn{pointer-events:auto}.ring{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;padding:0;text-decoration:none;color:var(--mist);background:#1a1b2cb8;border:0;position:relative}.ring:before{content:"";position:absolute;inset:0;border-radius:50%;padding:2px;background:conic-gradient(from 200deg,var(--red),var(--mist) 50%,var(--red));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.ring svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ring:active{transform:scale(.92)}.mute .off,.mute[aria-pressed=true] .wav{display:none}.mute[aria-pressed=true] .off{display:inline}.mute[aria-pressed=true]{color:var(--slate)}.board{text-align:center;line-height:1;margin-top:2px}.board .score{font-weight:600;font-size:34px;letter-spacing:.02em;color:var(--mist);font-variant-numeric:tabular-nums;text-shadow:0 2px 0 rgba(0,0,0,.5),0 0 18px rgba(239,35,60,.5),0 0 3px rgba(255,255,255,.35);transition:transform .18s ease-out}.board .score.pop{transform:scale(1.16);text-shadow:0 2px 0 rgba(0,0,0,.5),0 0 26px rgba(255,183,3,.8),0 0 4px #fff}.lives{display:flex;gap:6px;justify-content:center;margin-top:4px}.lives i{width:18px;height:10px;display:block;border:2px solid var(--red);border-radius:50%;transform:skew(-18deg);transition:transform .3s,opacity .3s,border-color .3s}.lives i.lost{border-color:#8d99ae80;border-style:dashed;transform:skew(-18deg) scale(.75);opacity:.6}.lives.low i:not(.lost){animation:twitch .6s ease-in-out infinite alternate}@keyframes twitch{to{transform:skew(18deg) scale(1.1)}}.board .mult{display:inline-block;margin-top:6px;padding:1px 9px 0;font-size:14px;font-weight:600;color:var(--slate);border-radius:3px;transition:transform .25s ease-out,color .3s,background .3s}.board .mult.hot{color:var(--ink2);background:var(--amber)}.board .mult.pop{transform:scale(1.3)}section.title,section.card,section.paused,section.gallery{position:absolute;inset:0;display:grid;place-items:center;z-index:5;padding:calc(20px + var(--safe-t)) 18px calc(20px + var(--safe-b))}section.title,section.card,section.paused{pointer-events:none}section.title{background:linear-gradient(180deg,#0b0c181a,#0b0c188c);transition:opacity .38s}section.title.fade{opacity:0}section.card{background:#0b0c1859;opacity:0;transition:opacity .45s}section.card.show{opacity:1}section.paused{background:#0b0c1899}section.gallery{background:#0b0c18eb;z-index:7}.slab{position:relative;width:min(318px,100%);text-align:center;padding:22px 20px 20px;color:var(--mist);background:linear-gradient(170deg,#2b2d42f0,#141526f5);border-radius:4px;box-shadow:0 20px 50px #0009,0 0 60px #ef233c1f,inset 0 1px #ffffff1f;overflow:hidden}.slab:after{content:"";position:absolute;top:0;bottom:0;width:38%;left:-60%;pointer-events:none;transform:skew(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:sheen 4.5s ease-in-out infinite .6s}@keyframes sheen{0%,55%{left:-60%}to{left:130%}}section.card.show .slab{animation:rise .5s cubic-bezier(.2,1.3,.4,1) both}@keyframes rise{0%{transform:translateY(26px) scale(.94);opacity:0}}section.card.show .big{animation:pop .6s .15s cubic-bezier(.2,1.6,.4,1) both}@keyframes pop{0%{transform:scale(.6);opacity:0}}.big{text-shadow:0 0 22px rgba(239,35,60,.35)}.slab:before{content:"";position:absolute;inset:0;border-radius:4px;padding:2px;pointer-events:none;background:conic-gradient(from 135deg,var(--red) 0 25%,var(--mist) 50%,var(--red) 75%,var(--mist));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.slab.small{width:min(220px,100%);padding:18px}.slab.wide{width:min(370px,100%);max-height:calc(100% - 10px);overflow:auto}.kicker{font-size:13px;letter-spacing:.24em;text-transform:lowercase;color:var(--slate)}h1{font-weight:600;font-size:60px;margin:0;line-height:1.05;letter-spacing:.04em;color:var(--mist);background:linear-gradient(90deg,var(--mist) 0 48%,var(--red) 52% 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sub{color:var(--slate);margin:6px 0;font-size:15px}.band{width:170px;height:74px;display:block;margin:6px auto 0;overflow:visible}.band path{fill:none;stroke-width:9;stroke-linecap:round}.band .b-back{stroke:var(--mist);opacity:.85}.band .b-front{stroke:var(--red)}.band .bead{fill:var(--amber);stroke:var(--ink2);stroke-width:1.5;offset-path:path("M14 35C14 14 46 12 80 35S146 56 146 35 114 12 80 35 14 56 14 35z");animation:run 4.2s linear infinite}@keyframes run{to{offset-distance:100%}}.cta{font-size:19px;font-weight:600;color:var(--red);margin:10px 0 2px;animation:breathe 2.2s ease-in-out infinite}@keyframes breathe{50%{opacity:.45}}.best{font-size:14px;color:var(--slate)}.row-btns{display:flex;justify-content:center;gap:10px;margin-top:10px}.pill{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:22px;border:1.5px solid rgba(237,242,244,.4);background:#0b0c1880;color:var(--mist);font-family:var(--type);font-size:15px}.pill svg{width:20px;height:20px;fill:none;stroke:var(--red);stroke-width:2;stroke-linecap:round}.pill:active{transform:scale(.96)}.big{font-weight:600;font-size:52px;line-height:1.1;margin:4px 0 0;color:var(--mist);font-variant-numeric:tabular-nums}.newbest{display:inline-block;margin:0 0 4px;padding:2px 12px 0;font-size:15px;font-weight:600;color:var(--ink2);background:var(--amber);border-radius:3px;animation:glow 1.3s ease-in-out infinite alternate}@keyframes glow{to{box-shadow:0 0 16px #ffb703d9}}.keep{margin:6px auto 4px;width:150px}.keep img{width:150px;height:225px;display:block;border-radius:2px;background:var(--void);box-shadow:0 4px 14px #00000080}.rows{display:grid;grid-template-columns:1fr 1fr;gap:1px 14px;margin:6px 2px 0}.row{display:flex;justify-content:space-between;border-bottom:1px solid rgba(141,153,174,.3);padding:3px 0;font-size:14px}.row span{color:var(--slate)}.row b{font-weight:600;color:var(--mist)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 10px;margin:14px 0 4px}.grid figure{margin:0}.grid img{width:100%;aspect-ratio:2 / 3;object-fit:cover;display:block;border-radius:2px;box-shadow:0 3px 10px #00000080;outline:1px solid rgba(237,242,244,.25)}.grid figcaption{font-size:14px;font-weight:600;color:var(--mist);margin-top:3px}.grid figure{cursor:pointer}.grid figure.pinned img{outline:2px solid var(--amber)}.grid figure.pinned figcaption:before{content:"◆";color:var(--amber)}.big-keep{display:block;width:min(200px,52vw);aspect-ratio:2 / 3;margin:12px auto 6px;border-radius:2px;background:var(--void);box-shadow:0 4px 14px #00000080}.row-btns.wrap{flex-wrap:wrap;gap:8px}.row-btns.wrap .pill{padding:0 14px}.pill.ad:after{content:"AD";margin-left:2px;padding:1px 4px;border-radius:4px;font-size:9px;letter-spacing:.08em;background:#ffb70338;color:var(--amber)}@media(max-height:700px){h1{font-size:48px}.band{height:56px}.keep,.keep img{width:112px}.keep img{height:168px}.big{font-size:42px}}@media(prefers-reduced-motion:reduce){.slab:after,section.card.show .slab,section.card.show .big{animation:none}.cta,.band .bead,.newbest,.lives.low i{animation:none}}