:root{--pink:#f59ee6;--cyan:#3cc8f2;--yellow:#f7d12e;--orange:#f5803e;--ink:#4a2b52;--ink-soft:#9c7b8e;--cream:#fff4e6;--shell-hi:#2f58a3;--shell:#1b3670;--shell-lo:#12285a;--sw:min(460px, calc((100dvh - 110px) / 1.62), calc(100vw - 170px));color:var(--ink);font-family:Fredoka,"Baloo 2",ui-rounded,system-ui,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background-color:#ffe2bd;background-image:radial-gradient(circle at 50% 40%,#ffffff8c,#0000 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='%23f3bf8a' opacity='.55'%3E%3Cg transform='translate(28 30) rotate(-18)'%3E%3Cellipse cx='0' cy='6' rx='8' ry='6.5'/%3E%3Cellipse cx='-9' cy='-4' rx='3' ry='3.8'/%3E%3Cellipse cx='-3.5' cy='-9' rx='3' ry='3.8'/%3E%3Cellipse cx='3.5' cy='-9' rx='3' ry='3.8'/%3E%3Cellipse cx='9' cy='-4' rx='3' ry='3.8'/%3E%3C/g%3E%3Cg transform='translate(88 86) rotate(22)'%3E%3Cellipse cx='0' cy='6' rx='8' ry='6.5'/%3E%3Cellipse cx='-9' cy='-4' rx='3' ry='3.8'/%3E%3Cellipse cx='-3.5' cy='-9' rx='3' ry='3.8'/%3E%3Cellipse cx='3.5' cy='-9' rx='3' ry='3.8'/%3E%3Cellipse cx='9' cy='-4' rx='3' ry='3.8'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");place-items:center;min-height:100dvh;display:grid;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}.console{flex-direction:column;align-items:center;display:flex}.shell-top,.shell-bottom{width:calc(var(--sw) + 150px);background:linear-gradient(160deg, var(--shell-hi) 0%, var(--shell) 45%, var(--shell-lo) 100%);justify-content:center;align-items:center;display:flex;box-shadow:inset 0 2px #ffffff40,inset 0 -3px #00000040,0 18px 40px #5a2d0a4d}.shell-top{border-radius:26px 26px 12px 12px;padding:18px 0 16px}.shell-bottom{border-radius:12px 12px 30px 30px;padding:16px 0 22px}.hinge{z-index:2;width:calc(var(--sw) + 110px);background:linear-gradient(#0e2148,#2c5196 45%,#0e2148);border-radius:11px;justify-content:space-between;align-items:center;height:22px;margin:-3px 0;padding:0 18px;display:flex;position:relative;box-shadow:0 2px 4px #00000059}.hinge-label{color:#ffffff80;letter-spacing:.24em;text-transform:uppercase;font-size:10px;font-weight:600}.led{background:#6dff8a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 6px #6dff8a}.led.charge{background:#ffb347;box-shadow:0 0 6px #ffb347}.speaker{background-image:radial-gradient(circle,#00000073 1.6px,#0000 2.2px);background-position:50%;background-size:9px 9px;border-radius:8px;align-self:center;width:75px;max-width:40px;height:46%;margin:0 10px;-webkit-mask:radial-gradient(#000 55%,#0000 72%);mask:radial-gradient(#000 55%,#0000 72%)}.speaker:first-child{margin-right:17px}.speaker:last-child{margin-left:17px}.screen{border-radius:6px;position:relative;overflow:hidden;box-shadow:0 0 0 4px #0a0f1e,0 0 0 7px #23417d}.top-screen{width:var(--sw);height:calc(var(--sw) * .75)}.bottom-screen{width:var(--sw);height:calc(var(--sw) * .88);background:#2b1a10}.deco{place-items:center;width:75px;display:grid}.dpad i,.dpad i:after{background:linear-gradient(135deg,#3d4250,#15171d);border-radius:5px;width:20px;height:58px;display:block;box-shadow:0 2px #0006}.dpad i{position:relative}.dpad i:after{content:"";width:58px;height:20px;position:absolute;top:19px;left:-19px}.abxy{height:64px;position:relative}.abxy i{color:#ffffff8c;background:radial-gradient(circle at 35% 30%,#4b5060,#1a1c22);border-radius:50%;place-items:center;width:21px;height:21px;font-size:10px;font-style:normal;font-weight:600;display:grid;position:absolute;box-shadow:0 2px #00000073}.abxy i:first-child{top:0;left:27px}.abxy i:nth-child(2){top:21px;left:6px}.abxy i:nth-child(3){top:21px;left:48px}.abxy i:nth-child(4){top:42px;left:27px}.stage{isolation:isolate;background:#2c3190}.stage>*{position:absolute}.curtain{background:linear-gradient(#0a083273,#0a083200 45%),repeating-linear-gradient(90deg,#3540b0 0%,#7482ee 2.2%,#c9d0ff 3%,#7482ee 3.8%,#3540b0 6%);inset:0}.valance{filter:drop-shadow(0 3px 2px #00000059);background:radial-gradient(circle at 50% 0,#d42d45 62%,#8e1225 64%,#0000 66%) 0 0/10% 100% repeat-x;height:13%;top:0;left:0;right:0}.valance:after{content:"";background:linear-gradient(#ffe27a,#d5a523);height:22%;position:absolute;top:0;left:0;right:0}.spot{mix-blend-mode:screen;background:radial-gradient(48% 62% at 50% 45%,#fff8d26b,#0000 70%);animation:6s ease-in-out infinite alternate spot;inset:0}@keyframes spot{0%{transform:translate(-4%)}to{transform:translate(4%)}}.floor{background:linear-gradient(#ffdca066,#0000 12%),repeating-linear-gradient(90deg,#3c14002e 0 2px,#0000 2px 16.6%),linear-gradient(#cf8546,#9c5323 60%,#7c3d14);height:28%;bottom:0;left:0;right:0;box-shadow:0 -2px #00000040}.mic{z-index:1;filter:drop-shadow(0 3px 2px #0006);height:60%;bottom:7%;left:50%;transform:translate(-50%)}.cats{z-index:2;inset:0}.cat{bottom:4%;left:var(--x);width:calc(25% * var(--s));cursor:pointer;touch-action:none;position:absolute;transform:translate(-50%)}.cat:after{content:"";z-index:-1;background:radial-gradient(circle at 50% 55%, var(--accent), transparent 62%);opacity:0;transition:opacity .15s;position:absolute;inset:5% -18% -4%}.cat.singing:after{opacity:.6}.cat-bop{transform-origin:50% 100%}.cat svg{filter:drop-shadow(0 3px 2px #00000059);width:100%;height:auto;display:block;overflow:visible}.cat-art.flip svg{transform:scaleX(-1)}.cat .head{transform-box:fill-box;transform-origin:50% 92%;transition:transform .1s ease-out}.cat.singing .head{transform:rotate(-7deg)translateY(-4px)scale(1.05)}.cat-2.singing .head,.cat-3.singing .head{transform:rotate(7deg)translateY(-4px)scale(1.05)}.cat .tail{transform-box:fill-box;transform-origin:0 100%;animation:2.2s ease-in-out infinite alternate tail}.cat-1 .tail{animation-duration:1.7s}.cat-2 .tail{animation-duration:2.6s}.cat-3 .tail{animation-duration:1.9s}@keyframes tail{0%{transform:rotate(-9deg)}to{transform:rotate(9deg)}}.cat .eyes-open{transform-box:fill-box;transform-origin:50%;animation:4.6s infinite blink}@keyframes blink{0%,93%,to{transform:scaleY(1)}95.5%{transform:scaleY(.1)}}.cat .eyes-happy,.cat .eyes-sad,.cat .sweat,.cat.singing .eyes-open,.cat.cheer .eyes-open,.cat.sad .eyes-open{display:none}.cat.singing .eyes-happy,.cat.cheer .eyes-happy,.cat.sad .eyes-sad,.cat.sad .sweat{display:inline}.cat.singing .eyes-sad,.cat.singing .sweat{display:none}.cat .mouth-open{transform-box:fill-box;transform-origin:50% 0;transition:transform 70ms;transform:scaleY(0)}.cat.singing .mouth-open{transform:scaleY(1)}.cat.singing .mouth-closed{opacity:0}.cat.cheer .cat-bop{animation:.55s ease-in-out infinite jump}.cat-1.cheer .cat-bop{animation-delay:.14s}.cat-2.cheer .cat-bop{animation-delay:.28s}.cat-3.cheer .cat-bop{animation-delay:.42s}@keyframes jump{0%,to{transform:translateY(0)scale(1.03,.97)}45%{transform:translateY(-14%)scale(.97,1.04)}}.cat.sad .cat-art{filter:saturate(.7)brightness(.92);transition:transform .15s;transform:translateY(2%)rotate(-2deg)}.cat-name{background:var(--accent);color:#fff;text-shadow:0 1px #0000004d;white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:clamp(9px,2.4vw,11px);font-weight:600;transition:opacity .2s;position:absolute;bottom:-6%;left:50%;transform:translate(-50%);box-shadow:0 2px #00000040}.stage[data-mode=play] .cat-name,.stage[data-mode=results] .cat-name{opacity:0}.notes-layer{z-index:3;pointer-events:none;inset:0}.float-note{text-shadow:0 2px #28143c99,0 0 8px #fffc;font-size:clamp(18px,5vw,28px);font-weight:700;animation:1.1s ease-out forwards floatUp;position:absolute;bottom:58%}@keyframes floatUp{0%{opacity:0;transform:translate(-50%)scale(.5)}15%{opacity:1;transform:translate(-50%,-10px)scale(1.15)}to{transform:translate(calc(-50% + var(--drift)), -70px) rotate(14deg);opacity:0}}.logo{z-index:4;text-align:center;pointer-events:none;transition:opacity .3s,transform .3s;top:14%;left:50%;transform:translate(-50%)rotate(-3deg)}.logo-main{color:#fff;white-space:nowrap;text-shadow:0 4px #3a1f6e,3px 0 #3a1f6e,-3px 0 #3a1f6e,0 -3px #3a1f6e,2px 2px #3a1f6e,-2px 2px #3a1f6e,2px -2px #3a1f6e,-2px -2px #3a1f6e,0 8px 14px #00000059;font-size:clamp(30px,9.5vw,48px);font-weight:700;line-height:.9;animation:2.4s ease-in-out infinite wobble;position:relative}.logo-main span{color:var(--pink);margin-left:.22em}.logo-main:before,.logo-main:after{content:"";background:var(--pink);clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 0 #3a1f6e);width:.4em;height:.4em;position:absolute;top:-.28em}.logo-main:before{left:.18em;transform:rotate(-14deg)}.logo-main:after{left:.66em;transform:rotate(14deg)}.logo-sub{color:#ffe9a8;letter-spacing:.06em;background:#1e0e3c99;border-radius:999px;margin-top:8px;padding:2px 10px;font-size:clamp(9px,2.6vw,12px);font-weight:500;display:inline-block}@keyframes wobble{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(1.5deg)}}.stage[data-mode=menu] .logo{top:9%;transform:translate(-50%)rotate(-3deg)scale(.78)}.stage[data-mode=play] .logo,.stage[data-mode=results] .logo{opacity:0;transform:translate(-50%)translateY(-30px)}.hud{z-index:5;pointer-events:none;display:none;inset:0}.stage[data-mode=play] .hud,.stage[data-mode=results] .hud{display:block}.hud>*{position:absolute}.progress{background:#00000059;height:5px;top:0;left:0;right:0}.progress i{background:linear-gradient(90deg, var(--pink), var(--cyan), var(--yellow), var(--orange));transform-origin:0;height:100%;display:block;transform:scaleX(0)}.song-chip{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#140a2d99;border-radius:999px;max-width:46%;padding:2px 9px;font-size:11px;font-weight:500;top:11px;left:8px;overflow:hidden}.score{color:#fff;letter-spacing:.04em;font-variant-numeric:tabular-nums;text-shadow:0 3px #2a1650,2px 0 #2a1650,-2px 0 #2a1650,0 -2px #2a1650,2px 2px #2a1650,-2px 2px #2a1650;font-size:clamp(26px,8vw,40px);font-weight:700;top:6%;left:50%;transform:translate(-50%)}.combo{color:#ffe14d;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 2px #2a1650;white-space:nowrap;font-size:12px;font-weight:600;top:calc(6% + clamp(30px,9vw,46px));left:50%;transform:translate(-50%)}.combo b{letter-spacing:0;font-size:17px}.combo.pop{animation:.18s ease-out pop}@keyframes pop{0%{transform:translate(-50%)scale(1.35)}to{transform:translate(-50%)scale(1)}}.judge{z-index:6;pointer-events:none;opacity:0;white-space:nowrap;text-shadow:0 3px #2a1650,2px 0 #2a1650,-2px 0 #2a1650,0 -2px #2a1650;font-size:clamp(20px,6vw,30px);font-weight:700;top:36%;left:50%;transform:translate(-50%,-50%)}.judge.show{animation:.55s ease-out forwards judgePop}.judge.purr{color:#ffe14d}.judge.great{color:#7ef0ff}.judge.good{color:#c7ffb0}.judge.early{color:#ffc58a}.judge.miss{color:#ff8a9a}.judge.combo{color:#fff;background:linear-gradient(90deg, var(--pink), var(--cyan), var(--yellow), var(--orange));-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 3px #2a1650);-webkit-background-clip:text;background-clip:text}@keyframes judgePop{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}70%{opacity:1;transform:translate(-50%,-60%)scale(1)}to{opacity:0;transform:translate(-50%,-75%)scale(1)}}.stage[data-mode=results] .judge{display:none}#board{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.pause-btn{z-index:3;color:#fff;background:#1e10088c;border-radius:50%;place-items:center;width:32px;height:32px;display:none;position:absolute;top:6px;right:6px;box-shadow:inset 0 0 0 2px #ffffff40}.bottom-screen.playing .pause-btn{display:grid}.panel{z-index:4;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:14px;transition:opacity .22s,transform .22s;display:flex;position:absolute;inset:0;transform:scale(.97)}.panel.open{opacity:1;pointer-events:auto;transform:none}.panel h2{color:var(--ink);margin:0;font-size:20px;font-weight:700}.big-paw{aspect-ratio:1;background:radial-gradient(circle at 35% 30%, #ffd1f1, var(--pink) 55%, #d667c2);color:#fff;border-radius:50%;place-items:center;width:min(48%,190px);animation:1.6s ease-in-out infinite breathe;display:grid;box-shadow:0 0 0 6px #fff,0 0 0 10px #f59ee673,0 10px 24px #00000059}.big-paw .paw{filter:drop-shadow(0 3px #781e6466);font-size:clamp(40px,13vw,64px);line-height:1}.big-paw .label{text-shadow:0 2px #781e6480;margin-top:-18%;font-size:clamp(14px,4vw,18px);font-weight:700}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.title-panel .hint{text-align:center;max-width:80%;color:var(--ink);background:#fff4e6eb;border-radius:12px;margin:8px 0 0;padding:6px 12px;font-size:13px}.select-panel,.results-panel,.pause-panel{background:linear-gradient(#fff6ecf5,#ffead6f7)}.select-panel{justify-content:flex-start;gap:8px;padding:12px 12px 10px}.song-scroll{flex:1;width:100%;min-height:0;display:flex;position:relative}.song-list{--fade-top:0px;--fade-bottom:0px;width:100%;min-height:0;-webkit-mask-image:linear-gradient(transparent, #000 var(--fade-top), #000 calc(100% - var(--fade-bottom)), transparent);mask-image:linear-gradient(transparent, #000 var(--fade-top), #000 calc(100% - var(--fade-bottom)), transparent);scrollbar-width:thin;flex-direction:column;gap:7px;padding:3px 3px 6px;display:flex;overflow-y:auto}.song-list.fade-top{--fade-top:22px}.song-list.fade-bottom{--fade-bottom:56px}.more-songs{background:var(--ink);color:#fff;opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:5px;padding:5px 13px 5px 10px;font-size:12px;font-weight:600;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%,6px);box-shadow:0 3px 10px #4a2b5259}.more-songs.show{opacity:1;pointer-events:auto;transform:translate(-50%)}.more-songs .arrow{animation:1.2s ease-in-out infinite nudge;display:inline-block}@keyframes nudge{0%,to{transform:translateY(-1px)}50%{transform:translateY(2px)}}.song-card{text-align:left;background:#fff;border:3px solid #f2dccb;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;padding:7px 10px;transition:transform .1s,border-color .15s;display:grid;box-shadow:0 3px #e6c8b2}.song-card:active{transform:translateY(2px);box-shadow:0 1px #e6c8b2}.song-card.selected{border-color:var(--pink);box-shadow:0 3px #dd78c8,0 0 0 4px #f59ee647}.song-card .emoji{background:#fff1fb;border-radius:12px;place-items:center;width:38px;height:38px;font-size:22px;display:grid}.song-card .info{flex-direction:column;min-width:0;display:flex}.song-card b{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.song-card small{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.song-card .meta{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.paws{letter-spacing:-1px;font-size:10px}.paws i{opacity:.2;filter:grayscale();font-style:normal}.best{text-align:center;color:#fff;background:#b9a2b0;border-radius:999px;min-width:26px;padding:0 7px;font-size:12px;font-weight:700}.best.none{color:#9a6b00;text-transform:uppercase;background:#ffe7a6;font-size:10px;font-weight:600;line-height:17px}.grade-S{background:linear-gradient(135deg,#ffd84a,#ff9a3c)!important}.grade-A{background:linear-gradient(135deg,#f59ee6,#c86bf0)!important}.grade-B{background:linear-gradient(135deg,#3cc8f2,#4f8cf0)!important}.grade-C{background:linear-gradient(135deg,#8edc7a,#3dbb83)!important}.grade-D{background:linear-gradient(135deg,#b8a7b4,#8b7a88)!important}.options{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.opt{background:#fff;border:2px solid #f2dccb;border-radius:999px;align-items:center;gap:6px;padding:4px 6px 4px 12px;font-size:13px;font-weight:500;display:flex}.opt.speed button{width:26px;height:26px;color:var(--ink);background:#fbe9f6;border-radius:50%;font-size:17px;font-weight:700;line-height:1}.opt.speed b{text-align:center;font-variant-numeric:tabular-nums;min-width:36px}.cta{color:#fff;text-shadow:0 2px #96283c59;background:linear-gradient(135deg,#ff8fd8,#ff7a59);border-radius:999px;min-width:60%;padding:10px 22px;font-size:17px;font-weight:700;transition:transform 80ms,box-shadow 80ms;box-shadow:0 4px #c94f78,0 8px 16px #c94f784d}.cta:active{transform:translateY(3px);box-shadow:0 1px #c94f78}.cta.ghost{color:var(--ink);text-shadow:none;background:#fff;border:2px solid #f2dccb;box-shadow:0 4px #e6c8b2}.cta.ghost:active{box-shadow:0 1px #e6c8b2}.cta:focus-visible,.song-card:focus-visible,.opt button:focus-visible,.big-paw:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.results-panel{gap:7px;overflow-y:auto}.result-song{background:#fff;border:2px solid #f2dccb;border-radius:14px;align-items:center;gap:8px;width:min(100%,320px);padding:4px 10px 4px 6px;display:flex}.result-song .emoji{flex:none;font-size:20px;line-height:1}.result-song b{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.result-song .level{flex-direction:column;flex:none;align-items:flex-end;line-height:1.1;display:flex}.result-song small{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-size:9px;font-weight:600}.grade-row{align-items:center;gap:16px;width:min(100%,320px);padding:4px 6px 2px;display:flex}.grade-badge{aspect-ratio:1;color:#fff;text-shadow:0 3px #00000040;border-radius:50%;flex:none;place-items:center;width:clamp(56px,17vw,72px);font-size:clamp(32px,10vw,44px);font-weight:700;display:grid;box-shadow:0 0 0 5px #fff,0 8px 18px #0003}.results-panel.open .grade-badge{animation:.5s cubic-bezier(.2,1.6,.4,1) both stamp}@keyframes stamp{0%{opacity:0;transform:scale(2.2)rotate(-25deg)}to{opacity:1;transform:scale(1)rotate(-6deg)}}.grade-title{margin-bottom:4px;font-size:22px;font-weight:700;line-height:1.1}.badges{flex-wrap:wrap;gap:5px;display:flex}.badge{background:#fff;border:2px solid #f2dccb;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600}.badge.best{color:#7a5200;background:#fff4c2;border-color:#ffd84a}.badge.fc{border-color:var(--pink);background:#ffe3f7}.stats{grid-template-columns:repeat(3,1fr);gap:6px;width:min(100%,320px);display:grid}.stat{background:#fff;border:2px solid #f2dccb;border-radius:12px;flex-direction:column;align-items:center;padding:4px 8px;display:flex}.stat.big{grid-column:1/-1}.stat span{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.stat b{font-variant-numeric:tabular-nums;font-size:18px}.stat.big b{font-size:24px}.breakdown{grid-column:1/-1;justify-content:space-between;gap:4px;font-size:11px;display:flex}.breakdown .j{text-align:center;color:#fff;text-shadow:0 1px #00000040;border-radius:8px;flex:1;padding:3px 4px;font-weight:500}.breakdown b{font-size:14px;display:block}.j.purr{background:#f4b400}.j.great{background:#2fb3e0}.j.good{background:#5cc06b}.j.early{background:#f0964a}.j.miss{background:#e2697d}.btn-row{gap:10px;width:min(100%,320px);margin-top:4px;display:flex}.btn-row .cta{flex:1;min-width:0;padding:9px 8px;font-size:15px}.cta.share{text-shadow:0 2px #1e469659;background:linear-gradient(135deg,#5fd6ff,#4f8cf0);justify-content:center;align-items:center;gap:5px;display:inline-flex;box-shadow:0 4px #3a6ac2,0 8px 16px #3a6ac24d}.cta.share:active{box-shadow:0 1px #3a6ac2}.cta.share svg{flex:none;width:18px;height:18px}.challenge-panel{background:linear-gradient(#fff6ecf5,#ffead6f7)}.challenge-card{border:3px solid var(--pink);text-align:center;background:#fff;border-radius:18px;flex-direction:column;align-items:center;gap:4px;width:min(100%,320px);padding:12px 14px;display:flex;box-shadow:0 4px #dd78c8,0 0 0 5px #f59ee640}.challenge-eyebrow{color:#c2457f;letter-spacing:.04em;margin:0;font-size:13px;font-weight:600}.challenge-song{align-items:center;gap:6px;font-size:18px;display:flex}.challenge-score{align-items:center;gap:8px;display:flex}.challenge-score b{font-variant-numeric:tabular-nums;font-size:30px}.challenge-score .best{min-width:34px;font-size:18px;line-height:30px}.challenge-sub{color:var(--ink-soft);margin:0;font-size:12px}.challenge-panel .cta{min-width:min(70%,260px)}.share-sheet{width:min(28rem,100% - 1rem);max-width:none;max-height:calc(100dvh - 1rem);color:var(--ink);overscroll-behavior:contain;scrollbar-width:none;background:linear-gradient(#fff8f0,#ffecda);border:0;border-radius:22px;margin:auto;padding:14px 14px 16px;font-family:inherit;overflow-y:auto;box-shadow:0 0 0 4px #fff,0 20px 50px #28143c73}.share-sheet::backdrop{background:#1e103299}.share-sheet[open]{animation:.22s cubic-bezier(.2,.9,.3,1.2) sheet-in}@keyframes sheet-in{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}.share-sheet__head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.share-sheet__head h2{margin:0;font-size:21px;font-weight:700}.share-sheet__close{width:40px;height:40px;color:var(--ink);background:#fff;border:2px solid #f2dccb;border-radius:50%;place-items:center;display:grid}.share-sheet__preview{aspect-ratio:1200/630;background:#3540b0;border:4px solid #fff;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 4px #e6c8b2}.share-sheet__preview img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .25s;display:block}.share-sheet__preview[data-loaded] img{opacity:1}.share-sheet__preview:not([data-loaded]):after{content:"";background:linear-gradient(100deg,#0000 35%,#ffffff40 50%,#0000 65%) 0 0/250% 100%;animation:1.3s linear infinite sheen;position:absolute;inset:0}@keyframes sheen{0%{background-position:100% 0}to{background-position:-150% 0}}.share-sheet__post{-webkit-user-select:text;user-select:text;background:#fff;border:2px solid #f2dccb;border-radius:14px;margin-top:12px;padding:10px 12px;font-size:14px}.share-sheet__post p{margin:0;line-height:1.4}.share-sheet__url{color:#4f8cf0;width:100%;font:inherit;text-overflow:ellipsis;background:0 0;border:0;margin-top:4px;padding:0;font-size:12px;display:block}.share-sheet__url:focus-visible{outline:none;text-decoration:underline}.share-sheet__native{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;display:flex}.share-sheet__apps{grid-template-columns:repeat(4,1fr);gap:10px 4px;margin:14px 0 0;padding:0;list-style:none;display:grid}.share-sheet__app{width:100%;color:var(--ink);text-align:center;flex-direction:column;align-items:center;gap:5px;padding:2px;font-size:12px;font-weight:500;text-decoration:none;display:flex}.share-sheet__app:disabled{opacity:.45;cursor:progress}.share-sheet__icon{width:50px;height:50px;color:var(--ink);background:#fff;border:2px solid #f2dccb;border-radius:16px;place-items:center;transition:transform .1s;display:grid;box-shadow:0 3px #e6c8b2}.share-sheet__app:active .share-sheet__icon{transform:translateY(2px);box-shadow:0 1px #e6c8b2}.share-sheet__app:focus-visible{outline:none}.share-sheet__app:focus-visible .share-sheet__icon{outline:3px solid var(--cyan);outline-offset:2px}.share-sheet__icon[data-app=Instagram]{color:#fff;background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%);border-color:#0000}.share-sheet__icon[data-app=X],.share-sheet__icon[data-app=Threads]{color:#fff;background:#111;border-color:#0000}.share-sheet__icon[data-app=WhatsApp]{color:#fff;background:#25d366;border-color:#0000}.share-sheet__icon[data-app=Facebook]{color:#fff;background:#1877f2;border-color:#0000}.share-sheet__icon[data-done]{color:#fff;background:#5cc06b;border-color:#0000}.share-sheet__hint{background:#fff4c2;border-radius:12px;margin:12px 0 0;padding:8px 10px;font-size:12.5px;line-height:1.4}html:has(.share-sheet[open]){overflow:hidden}@media (width<=640px){.share-sheet{width:100%;max-height:92dvh;padding-bottom:max(16px, env(safe-area-inset-bottom));border-radius:22px 22px 0 0;margin:auto 0 0}.share-sheet[open]{animation-name:sheet-up}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}}.pause-panel .cta{min-width:55%}@media (width<=640px){:root{--sw:calc(100vw - 20px)}body{place-items:stretch stretch}.console{width:100vw;height:100dvh;padding:max(4px, env(safe-area-inset-top)) 4px max(4px, env(safe-area-inset-bottom))}.shell-top,.shell-bottom{width:100%;padding:6px}.shell-top{border-radius:18px 18px 10px 10px}.shell-bottom{border-radius:10px 10px 22px 22px;flex:1;min-height:0}.hinge{width:88%;height:16px}.speaker,.deco{display:none}.top-screen{width:100%;height:min(38dvh,72vw - 14.4px)}.bottom-screen{width:100%;height:100%}}@media (prefers-reduced-motion:reduce){.spot,.logo-main,.big-paw,.cat .tail{animation:none}}