.scn{--p:1}.scn-pin{height:var(--len,280vh);position:relative}.scn-sticky{--scn-top:6.4rem;top:var(--scn-top);height:calc(100svh - var(--scn-top));flex-direction:column;justify-content:center;align-items:center;gap:.9rem;padding:0 1rem;display:flex;position:sticky;overflow:hidden}@media (min-width:768px){.scn-sticky{--scn-top:4rem}}.scn-stage{width:min(100%,calc(100svh - var(--scn-top,4rem) - 5.5rem - var(--scn-hd,0rem)),38rem);aspect-ratio:1;flex:none;position:relative;container-type:inline-size}.scn-sticky:has(.scn-head){--scn-hd:6.6rem}@media (min-width:768px){.scn-sticky:has(.scn-head){--scn-hd:5.4rem}}.scn-head{text-align:center;flex:none;max-width:46rem}.scn-kicker{letter-spacing:.18em;text-transform:uppercase;color:#b45309;margin:0;font-size:.8rem;font-weight:800}.scn-title{letter-spacing:-.04em;color:#020617;margin:.35rem 0 0;font-size:clamp(1.5rem,1.1rem + 1.6vw,2.6rem);font-weight:600;line-height:1.08}:where(.dark) .scn-kicker{color:#fbbf24}:where(.dark) .scn-title{color:#fff}.scn-stage>*,.scn-abs,.a-group>*{position:absolute;top:0;left:0}.mv{transform:translate(calc((var(--x0) + (var(--x1) - var(--x0))*var(--m,0))*1cqw),calc((var(--y0) + (var(--y1) - var(--y0))*var(--m,0))*1cqw))rotate(calc(var(--r0,0)*(1 - var(--m,0))*1deg))}.scn-steps{letter-spacing:.12em;text-transform:uppercase;color:#475569;flex-wrap:wrap;justify-content:center;gap:.35rem 1.1rem;margin:0;padding:0;font-size:.72rem;font-weight:800;list-style:none;display:flex}.scn-steps li{--on:calc(clamp(0,(var(--p) - var(--a))*400,1)*clamp(0,(var(--b) - var(--p))*400,1));opacity:calc(.4 + .6*var(--on));align-items:center;gap:.4rem;display:inline-flex}.scn-steps li:before{content:"";width:.45rem;height:.45rem;transform:scale(calc(.35 + .65*var(--on)));background:#f59e0b;border-radius:999px}:where(.dark) .scn-steps{color:#cbd5e1}.a-stage{--c2:clamp(0,(var(--p) - .3)/.26,1);--e2:calc(var(--c2)*var(--c2)*(3 - 2*var(--c2)));--ca:clamp(0,(var(--p) - .29)/.11,1);--o1:calc(var(--ca)*var(--ca)*(3 - 2*var(--ca)));--cs:clamp(0,(var(--p) - .4)/.25,1);--spin:calc(var(--cs)*var(--cs)*(3 - 2*var(--cs)));--cc:clamp(0,(var(--p) - .65)/.07,1);--o2:calc(var(--cc)*var(--cc)*(3 - 2*var(--cc)));--cd:clamp(0,(var(--p) - .72)/.07,1);--o3:calc(var(--cd)*var(--cd)*(3 - 2*var(--cd)));--c4:clamp(0,(var(--p) - .82)/.11,1);--e4:calc(var(--c4)*var(--c4)*(3 - 2*var(--c4)));--ph:clamp(0,(var(--p) - .8)/.1,1);--fade:clamp(0,(var(--p) - .92)/.06,1)}.a-phone{width:42.3cqw;height:92cqw;opacity:var(--ph);transform:scale(calc(1.08 - .08*var(--ph)));background:#f2f2f7;border-radius:5.5cqw;top:4cqw;left:28.85cqw;overflow:hidden;box-shadow:0 0 0 .9cqw #0f172a,0 4cqw 9cqw -3cqw #0f172a73}.a-shot{width:100%;height:auto;display:block}.a-slot{width:92%;height:14.6%;opacity:clamp(0,(var(--p) - .94)/.05,1);border-radius:2.2cqw;position:absolute;top:73%;left:4%;box-shadow:0 0 0 .7cqw #f59e0bf2,0 0 5cqw #f59e0b80}.a-group{transform-origin:50cqw 49cqw;transform:translateY(calc(29cqw*var(--e4)))scale(calc(1 - .523*var(--e4)));opacity:calc(1 - var(--fade));inset:0}.a-panel{transform-origin:0 0;width:80cqw;height:52cqw;transform:translate(calc(-5cqw*(1 - var(--e2))),calc(-20cqw*(1 - var(--e2))))scale(calc(1 + .125*(1 - var(--e2))),calc(1 + .8077*(1 - var(--e2))));background:#fff;border:1px solid #0f172a14;border-radius:3.6cqw;top:23cqw;left:10cqw;box-shadow:0 3cqw 8cqw -3cqw #0f172a59}.a-head{color:#64748b;white-space:nowrap;opacity:calc(1 - var(--e2)*1.6);font-size:max(3cqw,11px);font-weight:800;transform:translate(9cqw,6cqw)}.a-bub{--in:clamp(0,(var(--p) + .06 - var(--i)*.045)/.05,1);--m:var(--e2);opacity:var(--in);transform-origin:0 0}.a-bub>span{white-space:nowrap;transform-origin:0;position:absolute;top:0;left:0}.a-msg{transform:translateY(-50%)scale(calc((.8 + .2*var(--in))*(1 - .3*var(--e2))));color:#1e293b;opacity:calc(1 - var(--e2)*1.5);background:#e8edf5;border-radius:3cqw 3cqw 3cqw .8cqw;padding:1cqw 2.4cqw;font-size:max(3.3cqw,11px);font-weight:600}.a-row{transform:translateY(-50%)translateX(calc(4cqw*(1 - var(--e2))));color:#475569;opacity:calc(var(--e2)*1.6 - .6);font-size:max(3.2cqw,11px);font-weight:700}.is-title .a-row{letter-spacing:-.03em;color:#0f172a;font-size:max(5.6cqw,16px);font-weight:800}.is-date .a-row{color:#0a7cff;font-size:max(3.6cqw,12px)}.is-note .a-row{font-style:italic;font-weight:600}.a-av{--in:clamp(0,(var(--p) + .06 - var(--i)*.045)/.05,1);--rot:calc((var(--t0) + (var(--tf) - var(--t0))*var(--spin))*1deg);--rad:calc((var(--r0) + (48 - var(--r0))*var(--o1))*(1 - var(--o2)));opacity:var(--in);transform:translate(calc((50 + (var(--sx) - 50)*var(--o2))*1cqw),calc((49 + 37*var(--o2) - 19*var(--o3))*1cqw))}.a-av-ring{transform:rotate(var(--rot))translateX(calc(var(--rad)*1cqw))rotate(calc(var(--rot)*-1));position:absolute;top:0;left:0}.a-av-dot{color:#fff;width:6.8cqw;height:6.8cqw;transform:scale(calc(1 - .12*var(--o3)));border:.6cqw solid #fff;border-radius:999px;place-items:center;font-size:max(3cqw,11px);font-weight:800;display:grid;position:absolute;top:-3.4cqw;left:-3.4cqw}.a-check{--k:clamp(0,(var(--p) - .79 - var(--i)*.006)/.03,1);color:#fff;width:3cqw;height:3cqw;transform:scale(var(--k));background:#10b981;border:.4cqw solid #fff;border-radius:999px;place-items:center;font-size:1.8cqw;font-weight:900;display:grid;position:absolute;top:.6cqw;left:1cqw}.a-going{transform:translate(calc(var(--x0)*1cqw),calc(var(--y0)*1cqw))translateY(-50%);color:#059669;white-space:nowrap;opacity:clamp(0,(var(--p) - .79)/.04,1);font-size:max(3.2cqw,11px);font-weight:800}.a-rsvp-line{width:70cqw;height:1px;opacity:clamp(0,(var(--e2) - .6)*2.5,1);background:#0f172a1a;top:61cqw;left:15cqw}:where(.dark) .a-rsvp-line{background:#ffffff1f}:where(.dark) .a-panel{background:#171b26;border-color:#ffffff14}:where(.dark) .a-msg{color:#e2e8f0;background:#262c3b}:where(.dark) .a-row{color:#cbd5e1}:where(.dark) .is-title .a-row{color:#fff}:where(.dark) .is-date .a-row{color:#4da3ff}:where(.dark) .a-av-dot,:where(.dark) .a-check{border-color:#171b26}:where(.dark) .a-going{color:#34d399}@media (prefers-reduced-motion:reduce){.scn-pin{height:auto}.scn-sticky{height:auto;padding-block:2rem;position:relative;top:0}}body:has([data-marketing]){overflow-x:clip}.b-scene{--c3:clamp(0,(var(--p) - .46)/.16,1);--e3:calc(var(--c3)*var(--c3)*(3 - 2*var(--c3)));--c4:clamp(0,(var(--p) - .66)/.18,1);--e4:calc(var(--c4)*var(--c4)*(3 - 2*var(--c4)));--c5:clamp(0,(var(--p) - .9)/.08,1);--e5:calc(var(--c5)*var(--c5)*(3 - 2*var(--c5)))}.b-row{justify-content:center;width:100%;display:flex;position:relative}@media (min-width:1024px){.b-stage{transform:translateX(calc(-9rem*var(--e5)))}}.b-sheet{transform-origin:50%;transform:rotate(calc(-2.5deg*var(--e3)*(1 - var(--e4))));inset:0}.b-sheet>*{position:absolute;top:0;left:0}.b-paper{transform-origin:0 0;width:80cqw;height:88cqw;transform:translateX(calc(18.85cqw*var(--e4)))scale(calc((.94 + .06*var(--e3))*(1 - .47125*var(--e4))),calc((.94 + .06*var(--e3))*(1 + .04545*var(--e4))));opacity:calc(var(--c3) - clamp(0,(var(--p) - .84)/.04,1));background:repeating-linear-gradient(#0000 0 calc(12.5cqw - 1px),#0f172a14 calc(12.5cqw - 1px) 12.5cqw) 0 10.5cqw/100% 100% no-repeat,#fffdf7;border-radius:1.4cqw;top:4cqw;left:10cqw;overflow:hidden;box-shadow:0 3cqw 7cqw -3cqw #0f172a66}.b-ink{opacity:clamp(0,(var(--p) - .665)/.07,1);background:#000;position:absolute;inset:0}.b-print-head{letter-spacing:-.02em;color:#0f172a;white-space:nowrap;opacity:calc(var(--e3) - clamp(0,(var(--p) - .66)/.05,1));font-size:max(3.6cqw,12px);font-weight:800;transform:translate(14cqw,9.4cqw)translateY(-50%)}.b-song{--r:clamp(0,(var(--p) - .1 - var(--j)*.035)/.16,1);--m:calc(var(--r)*var(--r)*(3 - 2*var(--r)));--drift:clamp(0,var(--p)/.12,1);transform-origin:0 0;transform:translate(calc((var(--lx) + (14 - var(--lx))*var(--m) + (var(--fx) - 14)*var(--e4))*1cqw),calc((var(--ly) + (var(--sy) - var(--ly))*var(--m) + (var(--fy) - var(--sy))*var(--e4))*1cqw))rotate(calc(var(--lr)*(1 + .8*var(--drift))*(1 - var(--m))*1deg))scale(calc(1 + (var(--fs) - 1)*var(--e4)));opacity:calc(1 - clamp(0,(var(--p) - .665)/.06,1));color:#0f172a}.b-song.is-extra{--fx:14;--fy:17;--fs:1;--x:clamp(0,(var(--p) - .06)/.14,1);transform:translate(calc((var(--lx) + (var(--lx) - 40)*.5*var(--x))*1cqw),calc((var(--ly) + 10*var(--x))*1cqw))rotate(calc(var(--lr)*(1 + 3*var(--x))*1deg))scale(calc(1 - .4*var(--x)));opacity:calc(1 - var(--x))}.b-song>span{white-space:nowrap;position:absolute;top:0;left:0}.b-bg{transform-origin:0 0;width:72cqw;height:10.5cqw;transform:scale(calc(.3611 + .6389*var(--m)),calc(1.4286 - .4286*var(--m)));opacity:calc(1 - var(--e3));border-radius:2cqw;box-shadow:0 1cqw 2.4cqw -1cqw #0f172a59}.is-extra .b-bg{transform:scale(.3611,1.4286)}.b-num{color:#64748b;opacity:var(--m);font-size:max(3cqw,11px);font-weight:800;transform:translate(3cqw,5.25cqw)translateY(-50%)}.b-title{transform:translate(calc((2.4 + 6.6*var(--m))*1cqw),calc((4.4 + .85*var(--m))*1cqw))translateY(-50%);letter-spacing:-.02em;font-size:max(3.4cqw,11px);font-weight:800}.b-meta{transform:translate(calc((2.4 + 51.6*var(--m))*1cqw),calc((10.6 - 5.35*var(--m))*1cqw))translateY(-50%);color:#475569;font-size:max(2.8cqw,11px);font-weight:700}.is-extra .b-num{display:none}.is-extra .b-title{transform:translate(2.4cqw,4.4cqw)translateY(-50%)}.is-extra .b-meta{transform:translate(2.4cqw,10.6cqw)translateY(-50%)}.b-total{--t:clamp(0,(var(--p) - .16)/.1,1);color:#0f172a;white-space:nowrap;opacity:calc(var(--t) - clamp(0,(var(--p) - .66)/.05,1));font-size:max(3.4cqw,11px);font-weight:800;transform:translate(14cqw,84cqw)translateY(-50%)}.b-total i{color:#64748b;margin-right:1cqw;font-style:normal;font-weight:700}:where(.dark) .b-total{color:#d97706}:where(.dark) .b-total i{color:#a16207}:where(.dark) .b-scene .b-print-head{color:#0f172a}.b-mockbox{width:42.3cqw;height:92cqw;opacity:clamp(0,(var(--p) - .725)/.07,1);border-radius:5.5cqw;top:4cqw;left:28.85cqw;overflow:hidden}.b-mockbox:before{content:"";opacity:clamp(0,(var(--p) - .8)/.05,1);background:#000;position:absolute;inset:0}.b-phone{width:42.3cqw;height:92cqw;opacity:clamp(0,(var(--p) - .78)/.06,1);border-radius:5.5cqw;top:4cqw;left:28.85cqw;overflow:hidden;box-shadow:0 0 0 .9cqw #1e293b,0 4cqw 9cqw -3cqw #0f172a80}.b-shot{width:100%;height:auto;opacity:clamp(0,(var(--p) - .86)/.05,1);position:absolute;top:0;left:0}.b-scene[data-custom="1"] .b-shot{opacity:0}.b-mock{color:#fff;text-align:center;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;position:absolute;inset:0}.b-mock>span{white-space:nowrap;position:absolute;left:0;right:0;transform:translateY(-50%)}.b-mock-count{color:#8e8e93;font-size:2cqw;top:10%}.b-mock-title{letter-spacing:-.02em;font-size:5.2cqw;font-weight:700;top:42%}.b-mock-band{color:#8e8e93;font-size:2.1cqw;top:49.4%}.b-mock-stats{justify-content:center;gap:4cqw;display:flex;top:57.4%}.b-mock-stats>span{flex-direction:column;align-items:center;gap:.6cqw;display:flex}.b-mock-stats b{font-size:3.3cqw;font-weight:700;line-height:1}.b-mock-stats i{color:#6b6b70;font-size:1.15cqw;font-style:normal;font-weight:700}.b-mock-next{color:#8e8e93;font-size:2cqw;top:90.2%}.b-mock-next i{color:#6b6b70;font-size:1.5cqw;font-style:normal;font-weight:700}@media (max-width:639px){.b-mock-count,.b-mock-band,.b-mock-stats i,.b-mock-next{display:none}}.b-toy{color:#0f172a;background:#fff;border:1px solid #0f172a1a;border-radius:1.5rem;padding:1.1rem;box-shadow:0 24px 60px -30px #0f172a73}.b-toy-pinned{display:none}.b-toy-flow{width:min(100% - 2rem,26rem);margin:0 auto 1rem}@media (min-width:1024px){.b-toy-flow{display:none}.b-toy-pinned{width:22rem;transform:translate(calc(-3rem*(1 - var(--e5))),-50%);opacity:var(--e5);visibility:hidden;display:block;position:absolute;top:50%;left:calc(50% + 1.25rem)}.b-scene[data-late="1"] .b-toy-pinned{visibility:visible}}.b-toy-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.b-toy-label{letter-spacing:.14em;text-transform:uppercase;color:#b45309;font-size:.75rem;font-weight:800}.b-toy-total{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:800}.b-toy-hint{color:#64748b;margin:.15rem 0 0;font-size:.85rem}.b-toy-now{color:#334155;margin:.35rem 0 .8rem;font-size:.85rem}.b-toy-list{margin:0;padding:0;list-style:none}.b-toy-row{background:color-mix(in srgb,var(--c)55%,white);border-radius:.9rem;align-items:center;gap:.25rem;height:3.25rem;margin-bottom:6px;transition:transform .18s cubic-bezier(.2,.7,.2,1),opacity .18s,background-color .18s;display:flex;position:relative}.b-toy-row.is-drag{z-index:2;transition:none;box-shadow:0 14px 30px -12px #0f172a73}.b-toy-row.is-out{opacity:.6;background:#f1f5f9}.b-toy-row.is-out .b-toy-title{text-decoration:line-through}.b-toy-grip{color:#475569;cursor:grab;touch-action:none;border-radius:.9rem 0 0 .9rem;place-items:center;width:2.25rem;height:100%;display:grid}.b-toy-row.is-drag .b-toy-grip{cursor:grabbing}.b-toy-song{-moz-column-gap:.5rem;text-align:left;flex:1;grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:center;column-gap:.5rem;min-width:0;height:100%;display:grid}.b-toy-dot{background:#10b981;border-radius:999px;grid-row:1/3;width:.6rem;height:.6rem}.is-out .b-toy-dot{background:#cbd5e1}.b-toy-title{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:800;overflow:hidden}.b-toy-meta{color:#475569;font-variant-numeric:tabular-nums;grid-area:1/3/3;font-size:.8rem;font-weight:700}.b-toy-at{color:#64748b;font-variant-numeric:tabular-nums;grid-column:2;font-size:.72rem}.b-toy-arrows{flex-direction:column;padding-right:.25rem;display:flex}.b-toy-arrows button{color:#475569;border-radius:.4rem;place-items:center;width:1.75rem;height:1.4rem;display:grid}.b-toy-arrows button:disabled{opacity:.25}.b-toy button:focus-visible{outline-offset:1px;outline:2px solid #f59e0b}.b-toy-grip:hover,.b-toy-arrows button:not(:disabled):hover{background:#0f172a0f}:where(.dark) .b-toy{color:#f8fafc;background:#151924;border-color:#ffffff1a}:where(.dark) .b-toy-row{background:color-mix(in srgb,var(--c)22%,#151924)}:where(.dark) .b-toy-row.is-out{background:#1d2230}:where(.dark) .b-toy-label{color:#fbbf24}:where(.dark) .b-toy-now,:where(.dark) .b-toy-meta,:where(.dark) .b-toy-grip,:where(.dark) .b-toy-arrows button{color:#cbd5e1}:where(.dark) .b-toy-hint,:where(.dark) .b-toy-at{color:#94a3b8}.s-stage{aspect-ratio:4/3;--c:clamp(0,(var(--p) - .35)/.45,1);width:min(100%,44rem);margin:0 auto;position:relative;container-type:inline-size}.s-stage>*{position:absolute;top:0;left:0}.s-phone{width:26cqw;height:56.5cqw;opacity:calc(.2 + .8*var(--c));transform:scale(calc(.9 + .1*var(--c)));background:#f2f2f7;border-radius:4cqw;top:7cqw;left:37cqw;overflow:hidden;box-shadow:0 0 0 .7cqw #0f172a,0 3cqw 7cqw -2cqw #0f172a66}.s-shot{width:100%;height:auto;display:block}.s-cell,.s-chat,.s-paper{--t0:clamp(0,(var(--p) - .08 - var(--i,0)*.015)/.5,1);--t:calc(var(--t0)*var(--t0)*(3 - 2*var(--t0)));transform-origin:0 0;transform:translate(calc((var(--xm,var(--x0)) + (44 - var(--xm,var(--x0)))*var(--t))*1cqw),calc((var(--y0) + (30 - var(--y0))*var(--t))*1cqw))rotate(calc(var(--r,0deg)*(1 - var(--t))))scale(calc(1 - .75*var(--t)));opacity:calc(1 - clamp(0,(var(--t) - .55)/.4,1));white-space:nowrap}.s-cell{width:calc(var(--w)*1cqw);text-overflow:ellipsis;color:#334155;background:#fff;border:1px solid #cbd5e1;height:6cqw;padding:0 1cqw;font-size:max(2.3cqw,11px);line-height:6cqw;overflow:hidden}.s-cell.is-head{color:#166534;background:#dcfce7;font-weight:800}.s-chat{--r:2deg;color:#fff;background:#0a7cff;border-radius:3cqw 3cqw .8cqw;padding:1cqw 2.4cqw;font-size:max(2.5cqw,11px);font-weight:600}.s-chat:nth-child(odd){--r:-3deg;color:#1e293b;background:#e8edf5}.s-paper{--i:4;--r:6deg;color:#1e293b;background:#fffdf5;flex-direction:column;gap:.6cqw;width:max-content;padding:2.2cqw;font-family:Marker Felt,Bradley Hand,Segoe Print,cursive;font-size:max(2.5cqw,11px);display:flex;box-shadow:0 1.5cqw 3cqw -1cqw #0f172a59}.s-paper b{font-size:1.2em}@media (max-width:639px){.s-chat{--xm:calc(var(--x0) - 18)}.s-paper{--xm:60}}.s-paper s{color:#b91c1c}:where(.dark) .s-cell{color:#cbd5e1;background:#1b2030;border-color:#334155}:where(.dark) .s-cell.is-head{color:#bbf7d0;background:#14532d}.k-stage{--dl:3;--dt:3;--ds:40;--cl:49;--ct:5;--cw:47;--pl:49;--pt:36;--f:1;aspect-ratio:2/.92;--c0:clamp(0,(var(--p) - .12)/.62,1);--e:calc(var(--c0)*var(--c0)*(3 - 2*var(--c0)));width:min(100%,52rem);margin:0 auto;position:relative;container-type:inline-size}@media (max-width:639px){.k-stage{--dl:20;--dt:2;--ds:60;--cl:4;--ct:66;--cw:92;--pl:4;--pt:112;--f:1.85;aspect-ratio:1/1.3}}.k-stage>*{position:absolute}.k-dial{left:calc(var(--dl)*1cqw);top:calc(var(--dt)*1cqw);width:calc(var(--ds)*1cqw);height:calc(var(--ds)*1cqw);background:radial-gradient(circle,#fff 0 58%,#fef3c7 58% 100%);border-radius:999px;box-shadow:inset 0 0 0 1px #b453092e,0 2cqw 6cqw -3cqw #0f172a59}.k-wheel{transform:rotate(calc(-90deg*var(--e)));position:absolute;inset:0}.k-note{transform:rotate(calc(var(--a)*1deg))translateY(calc(var(--ds)*-.41cqw))rotate(calc(var(--a)*-1deg));position:absolute;top:50%;left:50%}.k-note>span{transform:translate(-50%,-50%)rotate(calc(90deg*var(--e)));font-size:calc(var(--ds)*.075cqw);color:#92400e;font-weight:800;display:block}.k-note.is-mark>span{color:#0f172a}.k-pointer{left:50%;top:calc(var(--ds)*-.03cqw);border-left:calc(var(--ds)*.03cqw)solid transparent;border-right:calc(var(--ds)*.03cqw)solid transparent;border-top:calc(var(--ds)*.05cqw)solid #f59e0b;z-index:1;width:0;height:0;position:absolute;transform:translate(-50%)}.k-hub{width:calc(var(--ds)*.42cqw);height:calc(var(--ds)*.42cqw);color:#fbbf24;font-size:calc(var(--ds)*.17cqw);background:#0f172a;border-radius:999px;place-items:center;font-weight:800;display:grid;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.k-hub-roll{height:1.2em}.k-win{vertical-align:bottom;height:1.2em;display:inline-block;overflow:hidden}.k-roll{--ek0:clamp(0,(var(--p) - .12 - var(--k)*.035)/.55,1);--ek:calc(var(--ek0)*var(--ek0)*(3 - 2*var(--ek0)));transform:translateY(calc(-3.6em*var(--ek)));flex-direction:column;line-height:1.2em;display:flex}.k-roll>span{text-align:center;height:1.2em;display:block}.k-card{left:calc(var(--cl)*1cqw);top:calc(var(--ct)*1cqw);width:calc(var(--cw)*1cqw);padding:calc(2.6cqw*var(--f));border-radius:calc(2.4cqw*var(--f));color:#0f172a;gap:calc(1.2cqw*var(--f));background:#fff;border:1px solid #0f172a14;flex-direction:column;display:flex;box-shadow:0 2cqw 6cqw -3cqw #0f172a59}.k-card-title{font-size:calc(3.6cqw*var(--f));letter-spacing:-.02em;font-weight:800}.k-card-key{font-size:calc(2.2cqw*var(--f));color:#64748b;align-items:flex-end;gap:.5em;font-weight:700;display:flex}.k-card-key .k-win{color:#b45309;min-width:1.6em;font-size:1.3em;font-weight:800}.k-bars{border-left:2px solid #cbd5e1;grid-template-columns:repeat(4,1fr);display:grid}.k-bar{padding:calc(1cqw*var(--f))0;font-size:calc(4cqw*var(--f));border-right:2px solid #cbd5e1;justify-content:center;font-weight:800;display:flex}.k-bar .k-win{min-width:2.2em}.k-people{left:calc(var(--pl)*1cqw);top:calc(var(--pt)*1cqw);gap:calc(1.6cqw*var(--f));display:flex}.k-person{align-items:center;gap:calc(.8cqw*var(--f));padding:calc(.7cqw*var(--f))calc(1.4cqw*var(--f))calc(.7cqw*var(--f))calc(.7cqw*var(--f));font-size:calc(2cqw*var(--f));color:#334155;background:#fff;border:1px solid #0f172a14;border-radius:999px;font-weight:700;display:inline-flex}.k-av{color:#fff;border-radius:999px;place-items:center;width:2em;height:2em;font-size:.9em;font-weight:800;display:grid}.k-mini{color:#b45309;min-width:1.4em;font-weight:800}:where(.dark) .k-dial{background:radial-gradient(circle,#151924 0 58%,#3a2a0c 58% 100%)}:where(.dark) .k-note>span{color:#fbbf24}:where(.dark) .k-note.is-mark>span{color:#fff}:where(.dark) .k-card,:where(.dark) .k-person{color:#f8fafc;background:#151924;border-color:#ffffff1a}:where(.dark) .k-card-key .k-win,:where(.dark) .k-mini{color:#fbbf24}:where(.dark) .k-person{color:#cbd5e1}:where(.dark) .k-bars,:where(.dark) .k-bar{border-color:#334155}.c-scale{width:15rem}.c-svg{width:100%;height:auto;display:block;overflow:visible}.c-scale{--ang:calc(11deg*(1 - var(--p))*cos(var(--p)*600deg))}.c-beam{transform-box:view-box;transform-origin:120px 38px;transform:rotate(var(--ang))}.c-pan-l{transform:translateY(calc(-90px*sin(var(--ang))))}.c-pan-r{transform:translateY(calc(90px*sin(var(--ang))))}.c-post,.c-bar{fill:#cbd5e1}.c-pivot{fill:#f59e0b}.c-string{stroke:#94a3b8;stroke-width:1.5px;fill:none}.c-dish{fill:#e2e8f0}.c-paper{fill:#fffdf5;stroke:#94a3b8}.c-sheet{fill:#dcfce7;stroke:#16a34a}.c-grid{stroke:#16a34a;stroke-width:1px}.c-phone{fill:#0f172a}.c-line{fill:#fbbf24}:where(.dark) .c-post,:where(.dark) .c-bar,:where(.dark) .c-dish{fill:#334155}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.c-deal{animation:linear both c-deal;animation-timeline:view();animation-range:entry 5% cover 30%}.c-deal:nth-child(odd){--rot:-3deg}.c-deal:nth-child(2n){--rot:3deg}}}@keyframes c-deal{0%{translate:0 3rem;rotate:var(--rot,0deg);opacity:.3;scale:.95}to{opacity:1;translate:0;rotate:none;scale:1}}.k-win{clip-path:inset(.08em 0 .04em)}
