html:root{--fun-n: 7;--fun-pastel: linear-gradient(90deg, var(--fun-p4), var(--fun-p7), var(--fun-p5), var(--fun-p6), var(--fun-p1), var(--fun-p2), var(--fun-p3));--fun-lit: linear-gradient(90deg, var(--fun-l4), var(--fun-l7), var(--fun-l5), var(--fun-l6), var(--fun-l1), var(--fun-l2), var(--fun-l3))}.format-stage .fun-stage-body{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"h" "strip" "tip" "demo"}.format-stage .fun-strip{grid-template-columns:repeat(auto-fit,minmax(84px,1fr))}.format-stage .fun-face b{font-size:13px}.format-stage :is(.fun-face,.fun-back){padding-inline:4px}.format-stage .fun-back{font-size:12px}.format-ep{display:grid;gap:12px;padding:14px 16px 12px;border:6px solid #141416;border-radius:22px;overflow:hidden;background:var(--fun-lit) calc(var(--at, 0) * 100% / (var(--fun-n) - 1)) 0 / calc(var(--fun-n) * 100%) 100%;box-shadow:0 18px 40px #17181a38;transition:background-position .7s var(--ease)}.format-ep .fun-segs{position:static}.format-say{max-width:none;padding:8px 12px;border-radius:12px;background:#fffffff0;font:600 14px/1.45 var(--sans);letter-spacing:-.01em;color:#141416;box-shadow:0 4px 12px #17181a1a}.format-ep:has(.format-shot:first-child.on) .format-say [style]{animation:format-type 1ms calc(var(--w) * 75ms) both}@keyframes format-type{0%{opacity:0}}.format-shots{display:grid;min-height:150px}.format-shot{grid-area:1 / 1;display:grid;place-content:center;justify-items:center;gap:12px;opacity:0;transition:opacity .25s}.format-shot.on{opacity:1}.format-cap{max-width:46ch;padding:4px 10px;border-radius:8px;background:#fff;color:#141416;font:700 14px/1.4 var(--sans);letter-spacing:-.01em;text-align:center;box-shadow:0 2px 6px #0000001f}.format-shot.on :is(.format-cap,.format-show){animation:format-pop .42s cubic-bezier(.3,1.6,.5,1) .25s both}@keyframes format-pop{0%{opacity:0;scale:.6;translate:0 .4em}}.format-shot i{font-style:normal}.format-ring{font-size:52px;line-height:1}.format-shot.on .format-ring{animation:format-ring 1.4s ease-in-out infinite}@keyframes format-ring{0%,60%,to{rotate:0deg}10%,30%,50%{rotate:-14deg}20%,40%{rotate:14deg}}.format-show{font:800 var(--t3)/1.1 var(--sans);letter-spacing:-.03em;color:#141416}.format-week{display:flex;gap:8px}.format-week i{display:grid;place-items:center;width:38px;height:64px;border-radius:8px;background:#fff;font-size:12px;color:#141416;box-shadow:0 4px 10px #17181a1f}.format-week i:last-child{background:none;border:2px dashed #fff;color:#fff;box-shadow:none}.format-shot.on .format-week i{animation:format-drop .46s cubic-bezier(.3,1.5,.5,1) calc(var(--k) * .14s) both}@keyframes format-drop{0%{opacity:0;translate:0 -24px;scale:.6}}.format-note{display:flex;align-items:center;gap:10px;padding:8px 18px 8px 8px;border-radius:999px;background:#fff;box-shadow:0 6px 16px #17181a24}.format-note b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-size:20px;background:linear-gradient(120deg,#6a2bd9,#e0457b 55%,#ff9a3c)}.format-note>span{display:flex;align-items:center;gap:3px;height:32px}.format-note i{width:4px;height:calc(var(--h) * 100%);border-radius:2px;background:#6a2bd9}.format-shot.on .format-note{animation:format-slide .52s cubic-bezier(.3,1.4,.5,1) both}.format-shot.on .format-note i{animation:format-wave .64s ease-in-out calc(var(--k) * -.11s) infinite alternate}@keyframes format-slide{0%{opacity:0;translate:-40px 0;scale:.8}}@keyframes format-wave{to{scale:1 .3}}.format-studio{display:flex;align-items:center;gap:12px}.format-studio>b{font-size:34px;line-height:1}.format-shot.on .format-studio>b{animation:format-light .6s linear .25s both}.format-shot.on .format-studio>b:last-child{animation-delay:.5s}@keyframes format-light{0%,40%{opacity:.3;filter:grayscale(1)}20%,60%,to{opacity:1;filter:drop-shadow(0 0 10px #ffe27a)}}.format-cam{position:relative;display:grid;place-items:center;width:140px;aspect-ratio:16 / 9;border-radius:10px;background:#141416;font-size:40px;line-height:1;box-shadow:0 8px 20px #17181a40}.format-cam:before{content:"";position:absolute;inset:6px;border:1.5px solid rgb(255 255 255 / .35);border-radius:5px}.format-cam i{position:absolute;top:9px;left:10px;display:flex;align-items:center;gap:3px;font:700 9px/1 var(--sans);letter-spacing:.04em;color:#fff}.format-cam i:before{content:"";width:6px;height:6px;border-radius:50%;background:#ff3b3b}.format-shot.on .format-cam i:before{animation:format-blink 1s steps(1) infinite}@keyframes format-blink{50%{opacity:0}}.format-cut{--cw: 104px;--gap: 16px;--pad: 8px;--tile: 32px;--tg: 6px;display:flex;align-items:center;gap:var(--gap)}.format-cut .format-cam{width:var(--cw);font-size:30px}.format-reel{display:flex;gap:var(--tg);padding:6px var(--pad);border-radius:10px;background:#1414162e}.format-reel i{display:grid;place-items:end center;width:var(--tile);aspect-ratio:9 / 16;padding-bottom:3px;border-radius:6px;background:var(--c);font-size:13px;box-shadow:inset 0 0 0 1.5px #fff,0 4px 10px #17181a26}.format-shot.on .format-reel i{animation:format-clip .76s cubic-bezier(.3,1.2,.5,1) calc(.3s + var(--k) * .26s) both}@keyframes format-clip{0%{opacity:0;translate:calc(var(--cw) / -2 - var(--gap) - var(--pad) - var(--tile) / 2 - var(--k) * (var(--tile) + var(--tg))) 0;scale:.3}35%{opacity:1;translate:calc(var(--cw) / -2 - var(--gap) - var(--pad) - var(--tile) / 2 - var(--k) * (var(--tile) + var(--tg)) + 10px) 26px;scale:.7;rotate:-12deg}}.format-day{display:flex;align-items:center;gap:10px}.format-day b{font-size:44px;line-height:1}.format-day i{padding:8px 12px;border-radius:999px;background:#fff;font:600 13px/1 var(--sans);color:#141416;white-space:nowrap;box-shadow:0 4px 10px #17181a1f}.format-shot.on .format-day i{animation:format-slide .52s cubic-bezier(.3,1.4,.5,1) .2s both}.format-shot.on .format-day i:last-child{animation-name:format-slide-r}@keyframes format-slide-r{0%{opacity:0;translate:40px 0;scale:.8}}.format-rules{display:grid;justify-items:center;gap:8px;margin:0;padding:0;list-style:none;perspective:600px}.format-rules li{display:flex;align-items:center;gap:8px;padding:7px 14px 7px 10px;border-radius:999px;background:#fff;font:600 14px/1.3 var(--sans);color:#141416;box-shadow:0 4px 10px #17181a1f}.format-shot.on .format-rules li{animation:format-flip .56s var(--ease) calc(.2s + var(--k) * .26s) both}@keyframes format-flip{0%{opacity:0;transform:rotateX(90deg)}}@media(max-width:600px),(min-width:1024px){.format-stage .fun-strip{grid-template-columns:1fr 1fr}.format-stage .fun-strip li:last-child{grid-column:span 2}.format-stage .fun-face b{font-size:14px}.format-stage :is(.fun-face,.fun-back){padding-inline:10px}.format-ep{gap:10px;padding:10px;border-width:5px;border-radius:18px}.format-say{font-size:12px}.format-shots{min-height:160px}.format-cap,.format-rules li{font-size:12px}.format-show{font-size:var(--t2)}.format-cut{--cw: 64px;--gap: 10px;--pad: 6px;--tile: 20px;--tg: 4px}.format-cut .format-cam{font-size:20px}.format-reel i{font-size:11px}.format-cam{width:100px;font-size:32px}.format-studio>b{font-size:26px}.format-week i{width:32px;height:54px}.format-day{gap:6px}.format-day b{font-size:30px}.format-day i{padding:6px 9px;font-size:11px}}@media(min-width:1024px){.format-stage .fun-stage-body{grid-template-columns:minmax(0,1fr) 252px;grid-template-areas:"h h" "strip demo" "tip tip"}.format-stage .fun-strip{grid-template-columns:minmax(0,1fr)}.format-stage .fun-strip li:last-child{grid-column:auto}.format-stage button.fun-box{min-height:40px}.format-stage .fun-face b{font-size:13px}.format-stage :is(.fun-face,.fun-back){padding-inline:10px}.format-ep{padding:8px}.format-shots{min-height:150px}}.result .format-oneoff .fun-chip{--lit: linear-gradient(110deg, #ffe8a8, #ffc45c 60%, #ffd9b0);align-items:flex-start;min-height:0;padding:10px 16px 10px 12px;border-radius:16px;font-size:var(--t0);line-height:1.45}.format-oneoff .fun-chip>span[aria-hidden]{line-height:1.45}.format-scores>.fun-box:after{opacity:var(--value, 0)}.format-sec{display:grid;gap:var(--s3)}.format-sec>*{animation:fun-rise .6s var(--ease) calc(var(--n, 0) * .14s) both}.format-sec li:not(.fun-chip){animation:fun-rise .5s var(--ease) calc(.24s + var(--k, 0) * 70ms) both}.format-sec li:nth-child(2){--k: 1}.format-sec li:nth-child(3){--k: 2}.format-sec li:nth-child(4){--k: 3}.format-sec li:nth-child(5){--k: 4}.format-sec li:nth-child(6){--k: 5}.format-sec li:nth-child(7){--k: 6}.format-sec li:nth-child(8){--k: 7}.format-sec li:nth-child(9){--k: 8}.format-sec li:nth-child(10){--k: 9}.result .format-promise{background:linear-gradient(120deg,var(--fun-p4),var(--fun-p7));box-shadow:inset 0 0 0 1px #ffffffb3}.result .format-promise blockquote{font:600 var(--t2)/1.35 var(--sans);letter-spacing:-.02em}.result .format-titles{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--s3);padding:12px 0 0;list-style:none}.format-titles>li{display:grid;align-content:center;justify-items:start;gap:var(--s2);min-height:96px;padding:var(--s4);border-radius:16px;font:600 var(--t1)/1.25 var(--sans);letter-spacing:-.015em;box-shadow:inset 0 0 0 1px #ffffffb3}.format-titles .flag{background:#fff}.format-crown{position:absolute;top:-16px;right:14px;font-size:26px;line-height:1;rotate:14deg;animation:format-crown 1.4s ease-in-out infinite alternate}@keyframes format-crown{to{translate:0 -4px;rotate:-4deg}}.result .format-device{padding:var(--s4) var(--s5);border-radius:16px;background:linear-gradient(120deg,var(--fun-p5),var(--fun-p6));font:500 var(--t1)/1.45 var(--sans);box-shadow:inset 0 0 0 1px #ffffffb3}.result .format-run{gap:0;padding:0;list-style:none;counter-reset:format-run}.format-run>li{position:relative;padding:4px 0 var(--s4) 46px;counter-increment:format-run}.format-run>li:before{content:counter(format-run);position:absolute;left:0;top:0;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font:700 15px/1 var(--sans);background:var(--fun-lit) calc(min(var(--k, 0),var(--fun-n) - 1) * 100% / (var(--fun-n) - 1)) 0 / calc(var(--fun-n) * 100%) 100%;box-shadow:inset 0 0 0 1.5px #fffc,0 4px 10px #17181a1a}.format-run>li:after{content:"";position:absolute;left:15px;top:36px;bottom:4px;width:2px;border-radius:1px;background:color-mix(in srgb,var(--ink) 14%,transparent)}.format-run>li:last-child{padding-bottom:0}.format-run>li:last-child:after{display:none}.format-eps,.format-group{display:grid;gap:var(--s3)}.format-group-name{font:600 var(--t-1)/1.3 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--mute)}.result .format-group ol{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:var(--s2);padding:0;list-style:none}.format-group li{display:grid;align-content:start;gap:var(--s2);min-height:100px;padding:10px 12px 12px;border-radius:14px;font:500 var(--t-1)/1.35 var(--sans);box-shadow:inset 0 0 0 1px #ffffffb3}.format-ep-n{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;font:700 13px/1 var(--sans);box-shadow:0 2px 6px #17181a14}.format-guard>.fun-chip{--n: var(--k, 0);--lit: linear-gradient(110deg, var(--fun-p3), var(--fun-p2));padding:6px 14px 6px 10px;border-radius:18px;line-height:1.35}@media(prefers-reduced-motion:reduce){.format-say [style],.format-shot *,.format-shot *:before,.format-sec>*,.format-sec li,.format-crown{animation:none!important}.format-ep,.format-shot{transition:none!important}}