.wipe{z-index:200;visibility:hidden;pointer-events:none;background:var(--wh);place-items:center;display:grid;position:fixed;inset:0}.wipe.is-on{visibility:visible;pointer-events:auto}.wipe[data-n="2"]{background:var(--w2);--c:var(--b2)}.wipe[data-n="3"]{background:var(--w3);--c:var(--b3)}.wipe[data-n="4"]{background:var(--w4);--c:var(--b4)}.wipe[data-n="5"]{background:var(--w5);--c:var(--b5)}.wipe[data-n="6"]{background:var(--w6);--c:var(--b6)}.wipe[data-n="7"]{background:var(--w7);--c:var(--b7)}.wipe[data-n="8"]{background:var(--w8);--c:#2a2433}.wipe[data-n="9"]{background:var(--w9);--c:var(--b9)}.wipe[data-n="0"]{background:var(--wh);--c:var(--b3)}.wipe__ball{background:radial-gradient(circle at 30% 26%, #ffffffe6 0 5%, #fff0 17%), radial-gradient(circle at 46% 40%, var(--c,var(--b3)) 0 55%, color-mix(in oklab, var(--c,var(--b3)) 62%, #000) 100%);border-radius:50%;place-items:center;width:112px;height:112px;display:grid;transform:scale(.2)rotate(-200deg);box-shadow:inset -12px -16px 36px #0000004d,0 30px 60px #00000073}.wipe[data-n="9"] .wipe__ball{background:radial-gradient(circle at 30% 26%, #ffffffe6 0 5%, #fff0 17%), radial-gradient(circle at 46% 40%, transparent 55%, #00000047 100%), linear-gradient(180deg, #fbf6ec 0 23%, var(--b9) 23% 77%, #fbf6ec 77%)}.wipe[data-n="0"] .wipe__ball{display:none}.wipe.is-on .wipe__ball{animation:.5s cubic-bezier(.2,1.4,.4,1) 80ms forwards wipe-ball}@keyframes wipe-ball{to{transform:none}}.wipe__ball b{background:#fbf6ec;border-radius:50%;place-items:center;width:50%;height:50%;display:grid}.wipe[data-n] .wipe__ball b:before{font-family:var(--round);color:#15111b;font-size:30px;font-weight:800}.wipe[data-n="2"] .wipe__ball b:before{content:"2"}.wipe[data-n="3"] .wipe__ball b:before{content:"3"}.wipe[data-n="4"] .wipe__ball b:before{content:"4"}.wipe[data-n="5"] .wipe__ball b:before{content:"5"}.wipe[data-n="6"] .wipe__ball b:before{content:"6"}.wipe[data-n="7"] .wipe__ball b:before{content:"7"}.wipe[data-n="8"] .wipe__ball b:before{content:"8"}.wipe[data-n="9"] .wipe__ball b:before{content:"9"}.ripple{z-index:210;pointer-events:none;border:2px solid #fffc;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;animation:.55s cubic-bezier(.2,.8,.2,1) forwards ripple;position:fixed}@keyframes ripple{to{opacity:0;border-width:.5px;transform:scale(6)}}
:root{--b1:#ffc21a;--b2:#3d6bff;--b3:#ff3b30;--b4:#9a5cff;--b5:#ff7a1a;--b6:#19c46f;--b7:#ff2d6f;--b8:#1b1622;--b9:#ffc21a;--wh:#160b2c;--w2:#07113f;--w3:#3a0710;--w4:#1c0a3d;--w5:#3a1504;--w6:#032a1b;--w7:#30051c;--w8:#120d1d;--w9:#2a2003;--world:var(--wh);--ball:var(--b3);--pop:var(--b1);--glow:var(--ball);--hard:var(--ball);--bone:#f7efe1;--ink:#120d18;--dim:#f7efe1b3;--dimmer:#f7efe170;--line:#f7efe129;--lamp:#f7d7a4;--brass:#d6a35c;--hud:#8fc3ff;--fs-micro:11px;--fs-xs:12.5px;--fs-sm:14px;--fs-body:16px;--gut:18px;--max:980px;--serif:"Songti SC", "STSong", "Hiragino Mincho ProN", "Noto Serif CJK SC", "Source Han Serif SC", "Noto Serif SC", serif;--latin:"Didot", "Bodoni 72", "Cormorant Garamond", "Times New Roman", serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;--round:ui-rounded, "SF Pro Rounded", "Hiragino Maru Gothic ProN", "Arial Rounded MT Bold", var(--sans);--sea:#0e6e7c;--sea-hi:#5fd4d0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root:has(.page[data-ball="6"]){--world:var(--w6);--ball:var(--b6);--pop:var(--b1)}:root:has(.page[data-ball="2"]){--world:var(--w2);--ball:var(--b2);--pop:var(--b7)}:root:has(.page[data-ball="3"]){--world:var(--w3);--ball:var(--b3);--pop:var(--b1)}:root:has(.page[data-ball="4"]){--world:var(--w4);--ball:var(--b4);--pop:#c9f24d}:root:has(.page[data-ball="5"]){--world:var(--w5);--ball:var(--b5);--pop:var(--b2)}:root:has(.page[data-ball="7"]){--world:var(--w7);--ball:var(--b7);--pop:var(--b5)}:root:has(.page[data-ball="8"]){--world:var(--w8);--ball:var(--bone);--pop:var(--b1);--glow:var(--b4);--hard:var(--b1)}:root:has(.page[data-ball="9"]){--world:var(--w9);--ball:var(--b9);--pop:#7aa2ff}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;background:var(--world)}body{min-height:100vh;color:var(--bone);font-family:var(--sans);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}:focus-visible{outline:2px solid var(--pop);outline-offset:3px;border-radius:6px}::selection{background:var(--pop);color:var(--ink)}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.btn{border:1.5px solid var(--bone);min-height:48px;font-size:var(--fs-sm);letter-spacing:.04em;color:var(--bone);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-weight:600;transition:transform .15s,box-shadow .15s,background .2s,color .2s;display:inline-flex}.btn:active{transform:translate(2px,2px)}.btn:disabled{opacity:.45;cursor:default}.btn--lamp{background:var(--bone);color:var(--ink);border-color:var(--bone);box-shadow:4px 4px 0 var(--hard)}.btn--lamp:active{box-shadow:1px 1px 0 var(--hard);transform:translate(3px,3px)}.chip{border:1.5px solid var(--line);min-height:40px;font-size:var(--fs-xs);color:var(--dim);border-radius:999px;padding:0 15px;transition:border-color .2s,color .2s,background .2s,transform .15s}.chip:active{transform:scale(.95)}.chip.is-on{border-color:var(--bone);color:var(--ink);background:var(--bone);font-weight:600}main{overflow-x:clip}.page{max-width:var(--max);padding:8px var(--gut) 0;margin:0 auto}.sec{margin-top:44px}.sec--tight{margin-top:18px}.kick{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.3em;color:var(--dim);align-items:center;gap:8px;display:flex}.kick:before{content:"";background:var(--ball);width:8px;height:8px;box-shadow:0 0 10px var(--ball);border-radius:50%}.acts{flex-wrap:wrap;gap:14px;display:flex}.page:not(.home){animation:.55s cubic-bezier(.2,.8,.2,1) backwards page-in}@keyframes page-in{0%{opacity:0;transform:translateY(26px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.ball{--c:var(--b1);--s:40px;width:var(--s);height:var(--s);font-size:calc(var(--s) * .3);background:radial-gradient(circle at 30% 26%, #ffffffe6 0 5%, #fff0 17%), radial-gradient(circle at 46% 40%, var(--c) 0 55%, color-mix(in oklab, var(--c) 62%, #000) 100%);border-radius:50%;flex:none;place-items:center;font-style:normal;display:inline-grid;position:relative;box-shadow:inset -.12em -.16em .4em #0000004d,0 .25em .6em #00000059}.ball b{color:#15111b;width:50%;height:50%;font-family:var(--round);background:#fbf6ec;border-radius:50%;place-items:center;font-size:1em;font-weight:800;line-height:1;display:grid}.ball[data-n="2"]{--c:var(--b2)}.ball[data-n="3"]{--c:var(--b3)}.ball[data-n="4"]{--c:var(--b4)}.ball[data-n="5"]{--c:var(--b5)}.ball[data-n="6"]{--c:var(--b6)}.ball[data-n="7"]{--c:var(--b7)}.ball[data-n="8"]{--c:#2a2433}.ball[data-n="9"]{background:radial-gradient(circle at 30% 26%, #ffffffe6 0 5%, #fff0 17%), radial-gradient(circle at 46% 40%, transparent 55%, #00000047 100%), linear-gradient(180deg, #fbf6ec 0 23%, var(--b9) 23% 77%, #fbf6ec 77%)}.ball[data-n="15"]{background:radial-gradient(circle at 30% 26%, #ffffffe6 0 5%, #fff0 17%), radial-gradient(circle at 46% 40%, transparent 55%, #00000047 100%), linear-gradient(180deg, #fbf6ec 0 23%, var(--b7) 23% 77%, #fbf6ec 77%)}.ball--s{--s:18px}.ball--s b{width:46%;height:46%;font-size:0}.ball--d{--s:30px}.ball--m{--s:44px}.tape{width:calc(100% + 2 * var(--gut) + 60px);margin-left:calc(-1 * var(--gut) - 30px);background:var(--pop);color:var(--ink);padding:9px 0;display:flex;position:relative;overflow:hidden;transform:rotate(-3deg);box-shadow:0 14px 30px #00000059}.tape__run{flex:none;width:max-content;animation:38s linear infinite tape;display:flex}.tape__run span{letter-spacing:.12em;white-space:nowrap;align-items:center;gap:18px;padding-right:18px;font-size:13px;font-weight:800;display:inline-flex}.tape__run span:after{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}@keyframes tape{to{transform:translate(-50%)}}.tape--b{background:var(--ball);color:var(--ink);transform:rotate(2.5deg)}.tape--b .tape__run{animation-duration:46s;animation-direction:reverse}.atmos{z-index:-1;pointer-events:none;background:var(--world);transition:background-color .7s;position:fixed;inset:0;overflow:hidden}.atmos i{will-change:transform;position:absolute;inset:-30%}.atmos .a1{background:radial-gradient(32% 26% at 78% 18%, color-mix(in oklab, var(--glow) 55%, transparent), transparent 72%), radial-gradient(28% 22% at 18% 30%, #ff463a4d, transparent 72%);animation:26s ease-in-out infinite alternate atmos-a}.atmos .a2{background:radial-gradient(36% 28% at 28% 76%, color-mix(in oklab, var(--pop) 26%, transparent), transparent 72%), radial-gradient(30% 24% at 82% 70%, color-mix(in oklab, var(--glow) 30%, transparent), transparent 72%);animation:32s ease-in-out infinite alternate atmos-b}.atmos .a3{opacity:.5;background:radial-gradient(circle,#f7efe121 1.1px,#0000 1.6px) 0 0/9px 9px;inset:0;-webkit-mask:linear-gradient(170deg,#000,#0000 55%);mask:linear-gradient(170deg,#000,#0000 55%)}.atmos .a5{background:radial-gradient(130% 95% at 50% 40%,#0000 55%,#00000080),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");inset:0}@keyframes atmos-a{to{transform:translate(6%,5%)scale(1.1)rotate(5deg)}}@keyframes atmos-b{to{transform:translate(-7%,-4%)scale(1.12)rotate(-6deg)}}@media (prefers-reduced-motion:reduce){.atmos i{animation:none!important}}.glass{-webkit-backdrop-filter:blur(18px)saturate(170%);backdrop-filter:blur(18px)saturate(170%);background:linear-gradient(160deg,#ffffff21,#ffffff08 60%);border:1px solid #ffffff24;box-shadow:inset 0 1px #ffffff52,inset 0 -1px #0000004d,0 12px 32px #00000073}@supports (animation-timeline:view()){.reveal{animation:linear both reveal;animation-timeline:view();animation-range:entry cover 22%}@keyframes reveal{0%{opacity:0;transform:translateY(28px)scale(.98)}to{opacity:1;transform:none}}}@media (prefers-reduced-motion:reduce){.reveal{animation:none}.atmos i{animation-duration:0s!important}}.neon{flex-direction:column;align-items:center;gap:.14em;line-height:1;display:inline-flex}.neon--row{flex-direction:row}.neon__ch{width:1em;height:1em;display:block;position:relative}.neon__ch svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.neon__ch path{fill:none;stroke-linecap:round;stroke-linejoin:round}.neon__glass path{stroke:#ffdce224;stroke-width:7px}.neon__tube{stroke:#ff4766;stroke-width:6.5px}.neon__core{stroke:#ffeef1;stroke-width:2.4px}.neon__lit{filter:drop-shadow(0 0 .01em #ff9aac)drop-shadow(0 0 .05em #ff2d55)drop-shadow(0 0 .16em #ff2850a6);animation:4.6s infinite neon-flick}.neon__ch:first-child .neon__lit g:first-child{animation:7.3s 1.2s infinite neon-buzz}.neon__ch:last-child .neon__lit g:nth-child(11){animation:5.9s 2.4s infinite neon-stutter}@keyframes neon-stutter{0%,80%,87%,to{opacity:1}81%{opacity:.1}81.6%{opacity:.9}82.4%{opacity:.05}83.5%{opacity:.7}84.2%{opacity:.08}86%{opacity:.95}}@media (prefers-reduced-motion:reduce){.neon__lit,.neon__lit g{animation:none}}@keyframes neon-flick{0%,41%,46%,72%,74%,to{opacity:1}42%{opacity:.42}43%{opacity:1}44.5%{opacity:.3}45.5%{opacity:1}72.8%{opacity:.5}}@keyframes neon-buzz{0%,58%,66%,to{opacity:1}59%{opacity:.18}60.5%{opacity:.9}62%{opacity:.22}63.5%{opacity:1}}.latin{font-family:var(--latin);letter-spacing:.06em;color:#e8c98e;text-shadow:0 0 16px #f7d7a480;font-style:italic;font-weight:500}