@font-face{font-family:'KPlex';font-weight:300;src:url(/kiki/f/plexthai-300.woff) format('woff');font-display:swap}
@font-face{font-family:'KPlex';font-weight:400;src:url(/kiki/f/plexthai-400.woff) format('woff');font-display:swap}
@font-face{font-family:'KPlex';font-weight:500;src:url(/kiki/f/plexthai-500.woff) format('woff');font-display:swap}
@font-face{font-family:'KPlex';font-weight:600;src:url(/kiki/f/plexthai-600.woff) format('woff');font-display:swap}
@font-face{font-family:'KGeorgia';font-style:normal;src:local('Georgia'),url(/kiki/f/gelasio-400.woff) format('woff');font-display:swap}
@font-face{font-family:'KGeorgia';font-style:italic;src:local('Georgia Italic'),local('Georgia-Italic'),url(/kiki/f/gelasio-400i.woff) format('woff');font-display:swap}
@font-face{font-family:'KLiberte';src:url(/kiki/f/liberte.woff) format('woff');font-display:swap}
@font-face{font-family:'KLove';src:local('Loveletter No. 9'),local('Loveletter No.9'),local('LoveletterNo.9'),url(/kiki/f/loveletter.woff) format('woff');font-display:swap}
:root{--w:min(100vw,480px);--u:calc(var(--w) / 440);--ts:1;--bg:#eeeff1;--ink:#181d23;--red:#9e1f26;--blue:#034d74;--teal:#6aa5b3;--lav:#c3b6da;--gold:#c68f2a;--sh:0 0 calc(4*var(--u)) rgba(0,0,0,.25);--thai:'KPlex','IBM Plex Sans Thai','Noto Sans Thai',system-ui,sans-serif;--noto:'Noto Sans Thai','KPlex',system-ui,sans-serif;--geo:'KGeorgia',Georgia,'Gelasio',serif;--acad:'Academy Engraved LET','AcademyEngravedLetPlain','Bodoni Moda','KGeorgia',serif;--love:'KLove','Nanum Brush Script','KGeorgia',cursive}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{background:var(--bg)}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:var(--thai);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}
img{user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}
.abs{position:absolute;display:block}
.mist{position:fixed;inset:-20vh -20vw;pointer-events:none;z-index:0;overflow:hidden}
.mist i{position:absolute;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(255,255,255,.55) 45%,rgba(255,255,255,0));filter:blur(18px);opacity:.75}
.mist i:nth-child(1){width:70vmax;height:46vmax;left:-12vmax;top:8vh;animation:mist1 38s ease-in-out infinite alternate}
.mist i:nth-child(2){width:62vmax;height:40vmax;right:-14vmax;top:45vh;animation:mist2 46s ease-in-out infinite alternate;background:radial-gradient(closest-side,rgba(240,243,245,.9),rgba(240,243,245,.45) 50%,rgba(240,243,245,0))}
.mist i:nth-child(3){width:58vmax;height:34vmax;left:12vw;bottom:-6vh;animation:mist3 52s ease-in-out infinite alternate;background:radial-gradient(closest-side,rgba(226,237,240,.85),rgba(226,237,240,.4) 50%,rgba(226,237,240,0))}
@keyframes mist1{to{transform:translate3d(18vw,10vh,0) scale(1.15)}}
@keyframes mist2{to{transform:translate3d(-22vw,-14vh,0) scale(1.2)}}
@keyframes mist3{to{transform:translate3d(10vw,-18vh,0) scale(.9)}}
#dust{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:40}
.stage{position:relative;z-index:1;width:calc(440*var(--u));min-height:calc(956*var(--u));margin:0 auto;overflow:hidden;overflow:clip}
.hero{position:absolute;left:0;top:0;width:calc(440*var(--u));height:calc(777*var(--u))}
.ring{left:calc(14*var(--u));top:calc(10*var(--u));width:calc(411*var(--u));height:calc(410*var(--u));animation:spin 160s linear infinite}
.ringglow{left:calc(14*var(--u));top:calc(10*var(--u));width:calc(411*var(--u));height:calc(410*var(--u));border-radius:50%;background:conic-gradient(from 0deg,transparent 0 70%,rgba(255,255,255,.75) 80%,transparent 90%);-webkit-mask:radial-gradient(closest-side,transparent 88%,#000 89%,#000 99%,transparent 100%);mask:radial-gradient(closest-side,transparent 88%,#000 89%,#000 99%,transparent 100%);animation:spin 9s linear infinite;opacity:.9}
.kswash{left:0;top:calc(77.888*var(--u));width:calc(440*var(--u));height:calc(285.056*var(--u))}
.anim .kswash{-webkit-mask:linear-gradient(100deg,#000 40%,rgba(0,0,0,.25) 50%,#000 60%) 0 0/300% 100%;mask:linear-gradient(100deg,#000 40%,rgba(0,0,0,.25) 50%,#000 60%) 0 0/300% 100%;animation:kdraw 2.6s cubic-bezier(.4,0,.2,1) .3s both,kglint 7s linear 3s infinite}
@keyframes kdraw{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes kglint{from{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}
.halo{left:calc(96*var(--u));top:calc(94*var(--u));width:calc(247*var(--u));height:calc(242*var(--u));border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(255,255,255,.5) 55%,rgba(255,255,255,0) 100%);animation:halo 6s ease-in-out infinite;transform:scale(1.05)}
@keyframes halo{50%{transform:scale(1.22);opacity:.65}}
.moonimg{left:calc(96*var(--u));top:calc(94*var(--u));width:calc(247*var(--u));height:calc(242*var(--u));animation:moonglow 6s ease-in-out infinite}
@keyframes moonglow{50%{filter:brightness(1.06) drop-shadow(0 0 calc(12*var(--u)) rgba(255,255,255,.95))}}
.clouds{left:0;top:calc(199*var(--u));width:calc(440*var(--u));height:calc(186*var(--u));animation:drift 18s ease-in-out infinite alternate}
.clouds.c2{opacity:.28;animation:drift2 26s ease-in-out infinite alternate;filter:blur(1.5px)}
@keyframes drift{from{transform:translateX(calc(-7*var(--u)))}to{transform:translateX(calc(8*var(--u)))}}
@keyframes drift2{from{transform:translate(calc(14*var(--u)),calc(10*var(--u))) scale(1.08)}to{transform:translate(calc(-16*var(--u)),calc(4*var(--u))) scale(1.02)}}
.kiki{left:calc(79*var(--u));top:calc(157*var(--u));width:calc(282*var(--u));height:calc(196*var(--u));animation:fly 6s ease-in-out infinite;transform-origin:55% 60%}
@keyframes fly{0%,100%{transform:translate(0,0) rotate(0)}30%{transform:translate(calc(-3*var(--u)),calc(-6*var(--u))) rotate(-1.6deg)}60%{transform:translate(calc(2*var(--u)),calc(-2*var(--u))) rotate(.8deg)}}
.nlabel{left:calc(51*var(--u));top:calc(424*var(--u));width:calc(38*var(--u));text-align:center;font:400 calc(12*var(--u))/calc(18*var(--u)) var(--noto);letter-spacing:calc(-.24*var(--u));white-space:nowrap}
.nline{left:calc(101*var(--u));top:calc(433.75*var(--u));width:calc(283*var(--u));height:calc(.5*var(--u));background:#000;transform-origin:left;animation:line 1.4s cubic-bezier(.3,.8,.2,1) .4s both}
@keyframes line{from{transform:scaleX(0)}}
.npill{left:calc(51*var(--u));top:calc(446*var(--u));width:calc(337*var(--u));height:calc(23*var(--u));border-radius:calc(50*var(--u));background:rgba(255,255,255,.5);border:calc(.5*var(--u)) solid #fff;box-shadow:var(--sh);overflow:hidden}
.npill::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.95) 50%,transparent 70%) 0 0/250% 100% no-repeat;animation:sheen 6s ease-in-out 2s infinite}
@keyframes sheen{0%{background-position:150% 0}40%,100%{background-position:-60% 0}}
.ntext{position:absolute;left:calc(10*var(--u));right:calc(8*var(--u));top:0;height:calc(23*var(--u));overflow:hidden;font:400 calc(10*var(--u))/calc(23*var(--u)) var(--noto);letter-spacing:calc(-.24*var(--u));white-space:nowrap}
.ntext span{display:inline-block}
.ntext.run span{padding-right:calc(40*var(--u));animation:marq var(--dur,14s) linear 1.2s infinite}
@keyframes marq{to{transform:translateX(-50%)}}
.logo{left:calc(10.269*var(--u));top:calc(469*var(--u));width:calc(124.735*var(--u));height:calc(186*var(--u));animation:bob 7s ease-in-out infinite}
.lantern{left:calc(9*var(--u));top:calc(561*var(--u));width:calc(28*var(--u));height:calc(36*var(--u));border-radius:50%;background:radial-gradient(closest-side,rgba(198,143,42,.5),rgba(198,143,42,0));animation:flicker 2.4s steps(1) infinite,bob 7s ease-in-out infinite}
@keyframes flicker{0%{opacity:.5}12%{opacity:.85}24%{opacity:.6}40%{opacity:1}55%{opacity:.7}70%{opacity:.95}85%{opacity:.55}}
.kanji{left:calc(323*var(--u));top:calc(492.016*var(--u));width:calc(95.735*var(--u));height:calc(114.984*var(--u));animation:bob 8s ease-in-out .6s infinite}
@keyframes bob{50%{transform:translateY(calc(-3*var(--u)))}}
.cauldron{position:absolute;left:0;top:0;width:calc(440*var(--u));height:calc(777*var(--u));pointer-events:none}
.cbody{left:calc(171*var(--u));top:calc(554*var(--u));width:calc(98*var(--u));height:calc(63.09*var(--u));overflow:visible}
.cliq{left:calc(184*var(--u));top:calc(557*var(--u));width:calc(72*var(--u));height:calc(15*var(--u));animation:liq 3s ease-in-out infinite}
@keyframes liq{50%{filter:brightness(1.12) saturate(1.2)}}
.cleg{top:calc(571.3*var(--u));width:calc(28.517*var(--u));height:calc(37.674*var(--u))}
.cleg.l{left:calc(161.3*var(--u))}.cleg.r{left:calc(249.38*var(--u))}
.bub{position:absolute;border-radius:50%;background:var(--lav);box-shadow:var(--sh);animation:bubf 4.5s ease-in-out infinite}
@keyframes bubf{50%{transform:translateY(calc(-4*var(--u))) scale(1.08)}}
.cnum{left:calc(166*var(--u));top:calc(518*var(--u));width:calc(110*var(--u));text-align:center;font:400 calc(48*var(--u))/calc(39*var(--u)) var(--love);text-shadow:var(--sh);color:#000;letter-spacing:calc(-1*var(--u))}
.clabel{left:calc(198.691*var(--u));top:calc(533.224*var(--u));width:calc(44.235*var(--u));height:calc(27.348*var(--u))}
.steam{position:absolute;left:calc(220*var(--u));top:calc(560*var(--u));width:0;height:0}
.steam i{position:absolute;left:calc(-14*var(--u));top:calc(-8*var(--u));width:calc(28*var(--u));height:calc(20*var(--u));border-radius:50%;background:radial-gradient(closest-side,rgba(195,182,218,.75),rgba(195,182,218,0));filter:blur(3px);opacity:0;animation:steam 5.4s ease-out infinite}
.steam i:nth-child(2){animation-delay:1.8s;left:calc(-24*var(--u))}
.steam i:nth-child(3){animation-delay:3.6s;left:calc(-4*var(--u))}
@keyframes steam{0%{transform:translate(0,0) scale(.5);opacity:0}15%{opacity:.85}100%{transform:translate(calc(8*var(--u)),calc(-74*var(--u))) scale(2.1);opacity:0}}
.rise{position:absolute;border-radius:50%;background:var(--lav);box-shadow:0 0 calc(6*var(--u)) rgba(195,182,218,.9);pointer-events:none;animation:rise var(--d,3.4s) cubic-bezier(.3,.6,.5,1) forwards}
@keyframes rise{0%{transform:translate(0,0) scale(.3);opacity:0}15%{opacity:1}85%{opacity:.9}100%{transform:translate(var(--x,0),calc(-80*var(--u))) scale(1.15);opacity:0}}
.dline{top:calc(632.75*var(--u));width:calc(132*var(--u));height:calc(.5*var(--u));background:#000;animation:line 1.2s cubic-bezier(.3,.8,.2,1) .6s both}
.dline.l{left:calc(52*var(--u));transform-origin:right}.dline.r{left:calc(257*var(--u))}
.month{left:calc(170*var(--u));top:calc(623*var(--u));width:calc(100*var(--u));text-align:center;font:400 calc(12*var(--u))/calc(17*var(--u)) 'KLiberte','xx Liberte',serif;letter-spacing:calc(-.24*var(--u));color:#000;cursor:pointer}
.month:active{transform:scale(.94)}
.mpick{position:absolute;left:calc(150*var(--u));top:calc(644*var(--u));width:calc(140*var(--u));z-index:30;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:calc(14*var(--u));box-shadow:0 calc(8*var(--u)) calc(26*var(--u)) rgba(11,42,75,.16);padding:calc(6*var(--u));transform-origin:top center;animation:pop .35s cubic-bezier(.2,1.3,.3,1)}
.mpick button{display:block;width:100%;padding:calc(7*var(--u)) calc(8*var(--u));border-radius:calc(9*var(--u));font:italic 400 calc(13*var(--u))/1.2 var(--geo);text-align:center}
.mpick button.on{background:var(--teal);color:#fff}
@keyframes pop{from{transform:scale(.6);opacity:0}}
.stat{position:absolute;top:calc(650*var(--u));width:calc(62*var(--u));height:calc(62*var(--u))}
.stat .ring2{position:absolute;inset:0;width:calc(62*var(--u));height:calc(62*var(--u));overflow:visible;animation:spin 40s linear infinite}
.stat.mid .ring2{animation-direction:reverse;animation-duration:30s}
.stat .in{position:absolute;left:calc(5*var(--u));top:calc(5*var(--u));width:calc(52*var(--u));height:calc(52*var(--u));border-radius:50%;background:#fff;box-shadow:var(--sh)}
.stat.mid .in{background:#181d23;box-shadow:var(--sh),0 0 0 0 rgba(195,182,218,.0);animation:midglow 4s ease-in-out infinite}
@keyframes midglow{50%{box-shadow:var(--sh),0 0 calc(14*var(--u)) calc(2*var(--u)) rgba(195,182,218,.55)}}
.stat .dot{position:absolute;left:calc(49*var(--u));top:calc(5*var(--u));width:calc(4*var(--u));height:calc(4*var(--u));border-radius:50%;background:#181d23;box-shadow:var(--sh);animation:orbit 12s linear infinite;transform-origin:calc(-18*var(--u)) calc(26*var(--u))}
@keyframes orbit{to{transform:rotate(360deg)}}
.stat .st{position:absolute;left:calc(28*var(--u));top:calc(11*var(--u));width:calc(7*var(--u));height:calc(7*var(--u));animation:tw 3.2s ease-in-out infinite}
.stat .mn{position:absolute;left:calc(24*var(--u));top:calc(8*var(--u));width:calc(13*var(--u));height:calc(14*var(--u));animation:tw 4s ease-in-out infinite}
.stat .n{position:absolute;left:calc(-30*var(--u));right:calc(-30*var(--u));top:calc(23*var(--u));text-align:center;font:400 calc(30*var(--u))/calc(36*var(--u)) var(--acad);color:#000}
.stat.mid .n{color:#fff}
.stat .lb{position:absolute;left:calc(-40*var(--u));right:calc(-40*var(--u));top:calc(68*var(--u));text-align:center;font:400 calc(9*var(--u))/calc(15*var(--u)) var(--thai);color:#000;white-space:nowrap}
@keyframes tw{0%,100%{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(.55) rotate(45deg);opacity:.55}}
.chips{position:absolute;left:0;top:calc(739*var(--u));width:calc(440*var(--u));height:calc(26*var(--u));padding:calc(4*var(--u)) 0 calc(4*var(--u)) calc(33*var(--u));display:flex;gap:calc(7*var(--u));overflow-x:auto;scrollbar-width:none;z-index:3}
.chips::-webkit-scrollbar{display:none}
.chips::after{content:"";flex:0 0 calc(26*var(--u))}
.chip{flex:none;position:relative;height:calc(18*var(--u));padding:0 calc(5*var(--u));border-radius:calc(50*var(--u));background:rgba(255,255,255,.5);border:calc(.5*var(--u)) solid #fff;box-shadow:var(--sh);font:300 calc(9*var(--u))/calc(17*var(--u)) var(--thai);letter-spacing:calc(-.24*var(--u));color:#000;white-space:nowrap;transition:background .35s,color .35s,transform .2s,box-shadow .35s}
.chip:active{transform:scale(.92)}
.chip.on{background:var(--teal);border-color:#698fa4;color:#fff;font-weight:500;box-shadow:var(--sh),0 0 calc(10*var(--u)) rgba(106,165,179,.55)}
.cat{left:calc(8*var(--u));top:calc(698*var(--u));width:calc(66*var(--u));height:calc(66*var(--u));z-index:4;transform-origin:50% 100%;animation:cat 7s ease-in-out infinite}
@keyframes cat{0%,100%{transform:none}8%{transform:rotate(-4deg)}14%{transform:rotate(3deg)}20%{transform:none}60%{transform:translateY(calc(-1.5*var(--u)))}}
.list{position:absolute;left:0;top:calc(777*var(--u));width:calc(440*var(--u))}
.tk{position:relative;display:block;left:calc(31*var(--u));width:calc(373*var(--u));height:calc(118*var(--u));margin-bottom:calc(14*var(--u));text-align:left;filter:drop-shadow(0 calc(4*var(--u)) calc(5*var(--u)) rgba(0,0,0,.1));transition:transform .25s}
.tk:active{transform:scale(.985)}
.tk svg.stub{position:absolute;left:0;top:0;width:calc(76.5*var(--u));height:calc(118*var(--u))}
.tk svg.stub path{fill:var(--blue);transition:fill .6s}
.tk.mine svg.stub path{fill:var(--red)}
.tk svg.bodyp{position:absolute;left:calc(76.5*var(--u));top:0;width:calc(296.5*var(--u));height:calc(118*var(--u))}
.tk .perf{position:absolute;left:calc(76.5*var(--u));top:calc(8*var(--u));width:calc(1*var(--u));height:calc(101*var(--u));background:repeating-linear-gradient(to bottom,#000 0 calc(3*var(--u)),transparent calc(3*var(--u)) calc(7*var(--u)))}
.tk .no{position:absolute;left:0;width:calc(76.5*var(--u));top:calc(30*var(--u));text-align:center;font:italic 400 calc(10*var(--u))/calc(11*var(--u)) var(--geo);color:#fff}
.tk .num{position:absolute;left:calc(-4*var(--u));width:calc(84.5*var(--u));top:calc(41*var(--u));text-align:center;font:italic 400 calc(32*var(--u))/calc(36*var(--u)) var(--geo);color:#fff;letter-spacing:calc(-.5*var(--u))}
.tk .star{position:absolute;left:calc(32*var(--u));top:calc(77*var(--u));width:calc(11*var(--u));height:calc(11*var(--u));animation:tw 3.6s ease-in-out infinite}
.tk .nm{position:absolute;left:calc(94*var(--u));top:calc(9*var(--u));max-width:calc(200*var(--u));overflow:hidden;text-overflow:ellipsis;font:italic 400 calc(14*var(--u))/calc(16*var(--u)) var(--geo);color:#141414;white-space:nowrap}
.tk .wk{position:absolute;left:calc(94*var(--u));top:calc(28*var(--u));max-width:calc(200*var(--u));overflow:hidden;text-overflow:ellipsis;font:400 calc(10*var(--u))/calc(17*var(--u)) var(--thai);color:#141414;white-space:nowrap}
.tk .bd{position:absolute;left:calc(94*var(--u));top:calc(48*var(--u));height:calc(17*var(--u));min-width:calc(58*var(--u));padding:0 calc(5*var(--u));border-radius:calc(20*var(--u));background:var(--gold);font:600 calc(8*var(--u))/calc(17*var(--u)) var(--thai);color:#fff;white-space:nowrap;text-align:center;overflow:hidden}
.tk .bd::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%) 0 0/250% 100% no-repeat;animation:sheen 5s ease-in-out infinite;animation-delay:calc(var(--i,0) * .4s + 1.5s)}
.tk .bar{position:absolute;left:calc(95*var(--u));top:calc(83*var(--u));width:calc(256*var(--u));height:calc(3*var(--u));border-radius:calc(100*var(--u));background:#eeedeb;overflow:hidden}
.tk .fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:calc(100*var(--u));background:var(--lav);transition:width 1.6s cubic-bezier(.3,.8,.2,1)}
.tk .fill::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent) 0 0/40% 100% no-repeat;animation:glitter 2.6s linear infinite}
@keyframes glitter{from{background-position:-60% 0}to{background-position:180% 0}}
.tk .pc{position:absolute;right:calc(17*var(--u));top:calc(93*var(--u));font:400 calc(8*var(--u))/calc(9*var(--u)) var(--geo);color:#181d23}
.tk .pm{position:absolute;left:calc(303*var(--u));top:calc(8*var(--u));width:calc(58*var(--u));height:calc(26*var(--u))}
.tk .pm i{position:absolute;border-radius:50%;border:calc(.8*var(--u)) solid rgba(179,179,173,.4)}
.tk .pm i:nth-child(1){left:calc(2*var(--u));top:0;width:calc(26*var(--u));height:calc(26*var(--u))}
.tk .pm i:nth-child(2){left:calc(4*var(--u));top:calc(2*var(--u));width:calc(22*var(--u));height:calc(22*var(--u))}
.tk .pm b{position:absolute;left:0;width:calc(30*var(--u));text-align:center;font-family:Inter,'KPlex',sans-serif;font-weight:400;color:transparent;-webkit-text-stroke:calc(.35*var(--u)) rgba(179,179,173,.8)}
.tk .pm b.d1{top:calc(5*var(--u));font-size:calc(3*var(--u));line-height:calc(4*var(--u));letter-spacing:calc(.6*var(--u));left:calc(2*var(--u));width:calc(26*var(--u))}
.tk .pm b.d2{top:calc(9*var(--u));font-size:calc(6*var(--u));line-height:calc(5*var(--u))}
.tk .pm svg{position:absolute;left:calc(28.83*var(--u));top:calc(4.65*var(--u));width:calc(29.35*var(--u));height:calc(18.7*var(--u));overflow:visible}
.tk .pm svg path{animation:wave 4s ease-in-out infinite}
@keyframes wave{50%{transform:translateX(calc(1.5*var(--u)))}}
.tk .stamp{position:absolute;left:calc(269.07*var(--u));top:calc(61.03*var(--u));width:calc(81.866*var(--u));height:calc(40.95*var(--u));pointer-events:none}
.tk .stamp i{position:absolute;left:calc(1.8*var(--u));top:calc(7.47*var(--u));width:calc(78.271*var(--u));height:calc(26.019*var(--u));border:calc(1*var(--u)) solid rgba(114,115,112,.5);border-radius:calc(5*var(--u));transform:rotate(-11.38deg)}
.tk .stamp b{position:absolute;left:0;right:0;top:calc(9*var(--u));text-align:center;font:400 calc(16*var(--u))/calc(22*var(--u)) 'Instrument Serif','KGeorgia',serif;color:rgba(114,115,112,.5);transform:rotate(-11.38deg);white-space:nowrap}
.anim .tk .stamp{animation:thump .7s cubic-bezier(.3,1.6,.4,1) both;animation-delay:calc(var(--i,0) * 70ms + .9s)}
@keyframes thump{from{transform:scale(1.9);opacity:0}60%{opacity:1}}
.tk.mine{animation:none}
.tk.mine::before{content:"";position:absolute;left:calc(-6*var(--u));top:calc(-6*var(--u));width:calc(89*var(--u));height:calc(130*var(--u));border-radius:calc(26*var(--u));background:radial-gradient(closest-side,rgba(159,32,39,.28),rgba(159,32,39,0));animation:aura 3s ease-in-out infinite;pointer-events:none}
@keyframes aura{50%{transform:scale(1.12);opacity:.5}}
.tk.flash{animation:flash 1.2s ease}
@keyframes flash{30%{transform:scale(1.03)}}
.tdeco{position:absolute;pointer-events:none}
.girl{left:calc(302*var(--u));top:calc(753*var(--u));width:calc(138*var(--u));height:calc(203*var(--u));z-index:5;animation:girl 5.4s ease-in-out infinite;transform-origin:70% 50%}
@keyframes girl{0%,100%{transform:translate(0,0) rotate(0)}40%{transform:translate(calc(-4*var(--u)),calc(-7*var(--u))) rotate(-2.5deg)}70%{transform:translate(calc(1*var(--u)),calc(-3*var(--u))) rotate(1deg)}}
.sdeco{z-index:6;animation:tw 3s ease-in-out infinite}
.empty{position:relative;left:calc(31*var(--u));width:calc(373*var(--u));height:calc(118*var(--u));border-radius:calc(20*var(--u));background:rgba(255,255,255,.6);border:calc(.5*var(--u)) dashed rgba(5,78,118,.35);display:flex;align-items:center;justify-content:center;font:400 calc(11*var(--u))/1.5 var(--thai);color:#5c6271;text-align:center;padding:0 calc(90*var(--u)) 0 calc(20*var(--u))}
.pill{position:fixed;left:50%;bottom:calc(calc(11*var(--u)) + env(safe-area-inset-bottom));width:calc(163*var(--u));height:calc(36*var(--u));margin-left:calc(-81.5*var(--u));z-index:50;border-radius:calc(50*var(--u));background:rgba(255,255,255,.8);box-shadow:0 0 calc(5*var(--u)) rgba(11,42,75,.2);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;animation:pillin 1s cubic-bezier(.2,1.2,.3,1) .5s both}
@keyframes pillin{from{transform:translateY(calc(60*var(--u)));opacity:0}}
.pill::before{content:"";position:absolute;inset:calc(-1*var(--u));border-radius:calc(50*var(--u));padding:calc(1*var(--u));background:conic-gradient(from var(--a,0deg),transparent 0 75%,rgba(195,182,218,.95) 85%,rgba(106,165,179,.8) 92%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:aspin 5s linear infinite;pointer-events:none}
@property --a{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes aspin{to{--a:360deg}}
.pill button{position:relative;flex:1;height:calc(36*var(--u))}
.pill svg{position:absolute;overflow:visible}
.pill .hat{left:calc(30*var(--u));top:calc(2*var(--u));width:calc(22*var(--u));height:calc(21*var(--u))}
.pill .lan{left:calc(33.25*var(--u));top:calc(3.25*var(--u));width:calc(14.75*var(--u));height:calc(19.64*var(--u))}
.pill button:active svg{transform:translateY(calc(-2*var(--u))) rotate(-8deg)}
.pill button svg{transition:transform .25s}
.pill .hat{animation:hatwig 6s ease-in-out 2s infinite;transform-origin:50% 80%}
@keyframes hatwig{0%,100%,20%{transform:none}5%{transform:rotate(-10deg)}10%{transform:rotate(7deg)}15%{transform:rotate(-3deg)}}
.pill .lan path{animation:lanflick 2.6s steps(1) infinite}
@keyframes lanflick{0%{stroke:#181d23}30%{stroke:#3a3550}60%{stroke:#181d23}80%{stroke:#2d2a3c}}
.pill b{position:absolute;left:0;right:0;top:calc(20.02*var(--u));height:calc(9.96*var(--u));text-align:center;font:500 calc(8*var(--u))/calc(9.96*var(--u)) var(--thai);color:#181d23;text-shadow:var(--sh);white-space:nowrap}
.sheet{position:fixed;inset:0;z-index:80;display:flex;align-items:flex-end;justify-content:center;background:rgba(238,239,241,.35);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);opacity:0;transition:opacity .4s,backdrop-filter .5s,-webkit-backdrop-filter .5s}
.sheet.in{opacity:1;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.sheet .pn{position:relative;width:var(--w);max-height:88vh;overflow:auto;overscroll-behavior:contain;border-radius:calc(26*var(--u)) calc(26*var(--u)) 0 0;background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(246,246,250,.97));box-shadow:0 calc(-10*var(--u)) calc(40*var(--u)) rgba(11,42,75,.14);padding:calc(12*var(--u)) calc(20*var(--u)) calc(calc(26*var(--u)) + env(safe-area-inset-bottom));transform:translateY(105%);transition:transform .55s cubic-bezier(.2,1,.25,1)}
.sheet.in .pn{transform:none}
.sheet .pn::before{content:"";position:sticky;display:block;top:calc(-12*var(--u));margin:calc(-12*var(--u)) calc(-20*var(--u)) 0;height:0}
.sheet .circle{position:absolute;left:50%;top:calc(-120*var(--u));width:calc(300*var(--u));height:calc(300*var(--u));margin-left:calc(-150*var(--u));opacity:.35;pointer-events:none;animation:spin 60s linear infinite}
.sheet .grab{position:relative;width:calc(42*var(--u));height:calc(4*var(--u));border-radius:calc(4*var(--u));background:#d9dae0;margin:0 auto calc(12*var(--u))}
.sheet .hd{position:relative;display:flex;align-items:center;gap:calc(8*var(--u));margin-bottom:calc(6*var(--u))}
.sheet .hd h3{margin:0;flex:1;font:italic 400 calc(22*var(--u))/1.2 var(--geo);color:var(--ink)}
.sheet .hd svg{width:calc(26*var(--u));height:calc(25*var(--u));overflow:visible}
.sheet .x{width:calc(30*var(--u));height:calc(30*var(--u));border-radius:50%;background:#eef0f3;font:400 calc(16*var(--u))/calc(30*var(--u)) var(--thai);color:#5c6271}
.sheet p.sub{position:relative;margin:calc(2*var(--u)) 0 calc(12*var(--u));font:400 calc(12*var(--u))/1.6 var(--thai);color:#5c6271}
.anim .sheet.in .pn>*{animation:fadeup .6s cubic-bezier(.2,.9,.3,1) both}
.anim .sheet.in .pn>*:nth-child(3){animation-delay:.06s}.anim .sheet.in .pn>*:nth-child(4){animation-delay:.12s}.anim .sheet.in .pn>*:nth-child(5){animation-delay:.18s}.anim .sheet.in .pn>*:nth-child(n+6){animation-delay:.24s}
@keyframes fadeup{from{opacity:0;transform:translateY(calc(12*var(--u)))}}
.fld{position:relative;display:flex;gap:calc(8*var(--u));margin-top:calc(6*var(--u))}
.fld input{flex:1;min-width:0;height:calc(44*var(--u));border-radius:calc(14*var(--u));border:calc(1*var(--u)) solid #e0e2e8;background:#fff;padding:0 calc(14*var(--u));font:400 16px var(--thai);outline:none;transition:border-color .25s,box-shadow .25s}
.fld input:focus{border-color:var(--teal);box-shadow:0 0 0 calc(3*var(--u)) rgba(106,165,179,.18),0 0 calc(18*var(--u)) rgba(195,182,218,.45)}
.btn{position:relative;height:calc(44*var(--u));padding:0 calc(18*var(--u));border-radius:calc(14*var(--u));background:var(--ink);color:#fff;font:500 calc(13*var(--u))/calc(44*var(--u)) var(--thai);white-space:nowrap;overflow:hidden;transition:transform .2s}
.btn:active{transform:scale(.95)}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%) 0 0/250% 100% no-repeat;animation:sheen 4s ease-in-out infinite}
.btn.lt{background:#eef0f3;color:var(--ink)}
.btn.sm{height:calc(30*var(--u));line-height:calc(30*var(--u));padding:0 calc(12*var(--u));font-size:calc(11*var(--u));border-radius:calc(10*var(--u))}
.err{min-height:calc(18*var(--u));margin-top:calc(6*var(--u));font:400 calc(12*var(--u))/1.5 var(--thai);color:var(--red)}
.err.shake{animation:shake .45s}
@keyframes shake{20%,60%{transform:translateX(calc(-6*var(--u)))}40%,80%{transform:translateX(calc(6*var(--u)))}}
.who{display:flex;align-items:center;justify-content:space-between;gap:calc(8*var(--u));margin:calc(2*var(--u)) 0 calc(10*var(--u));font:400 calc(12*var(--u))/1.5 var(--thai);color:#5c6271}
.who a{color:var(--teal);text-decoration:underline;cursor:pointer}
.mine-card{position:relative;margin-top:calc(14*var(--u));padding-top:calc(2*var(--u))}
.mine-card .tk{left:calc(13.5*var(--u));margin:0;transform-origin:center;cursor:default}
.mine-card .tk.mine::before{display:none}
.info{position:relative;margin-top:calc(12*var(--u));border-radius:calc(18*var(--u));background:#fff;box-shadow:0 calc(2*var(--u)) calc(14*var(--u)) rgba(11,42,75,.07);padding:calc(4*var(--u)) calc(14*var(--u))}
.info .r{display:flex;align-items:flex-start;gap:calc(10*var(--u));padding:calc(10*var(--u)) 0;border-bottom:calc(.5*var(--u)) solid #eceef2}
.info .r:last-child{border-bottom:0}
.info .ic{flex:none;width:calc(28*var(--u));height:calc(28*var(--u));border-radius:50%;background:#f1f2f6;display:flex;align-items:center;justify-content:center}
.info .ic svg{width:calc(15*var(--u));height:calc(15*var(--u));stroke:var(--ink);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.info .k{flex:none;width:calc(86*var(--u));font:400 calc(11*var(--u))/calc(28*var(--u)) var(--thai);color:#7a8090}
.info .v{flex:1;min-width:0;font:500 calc(13*var(--u))/1.55 var(--thai);color:var(--ink);padding-top:calc(4*var(--u));word-break:break-word;white-space:pre-line}
.info .v small{display:block;font-weight:400;font-size:calc(11*var(--u));color:#7a8090}
.msg{position:relative;margin-top:calc(12*var(--u));padding:calc(12*var(--u)) calc(14*var(--u)) calc(12*var(--u)) calc(40*var(--u));border-radius:calc(16*var(--u));background:linear-gradient(120deg,rgba(195,182,218,.28),rgba(106,165,179,.18));font:400 calc(12.5*var(--u))/1.6 var(--thai);color:#30364a}
.msg::before{content:"✦";position:absolute;left:calc(15*var(--u));top:calc(11*var(--u));font-size:calc(14*var(--u));color:#6aa5b3;animation:tw 2.4s ease-in-out infinite}
.trk{display:flex;align-items:center;gap:calc(6*var(--u));flex-wrap:wrap}
.trk code{font:600 calc(15*var(--u))/1.3 'KGeorgia',ui-monospace,monospace;letter-spacing:calc(.6*var(--u));color:var(--blue);word-break:break-all}
.trk .btn{height:calc(26*var(--u));line-height:calc(26*var(--u));padding:0 calc(10*var(--u));font-size:calc(10.5*var(--u));border-radius:calc(9*var(--u))}
.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(6*var(--u));margin-top:calc(6*var(--u))}
.photos button{position:relative;aspect-ratio:1;border-radius:calc(12*var(--u));background:#eef0f3 center/cover no-repeat;overflow:hidden;box-shadow:0 calc(2*var(--u)) calc(8*var(--u)) rgba(0,0,0,.08)}
.photos button::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.5) 50%,transparent 60%) 0 0/300% 100% no-repeat;animation:sheen 5s ease-in-out infinite}
.none{font:400 calc(12*var(--u))/1.5 var(--thai);color:#9aa0ad}
.tl{display:flex;flex-wrap:wrap;gap:calc(4*var(--u)) calc(10*var(--u));margin-top:calc(2*var(--u))}
.tl span{font:400 calc(11*var(--u))/1.5 var(--thai);color:#5c6271}
.tl span b{font-weight:500;color:var(--ink)}
.gap{height:calc(10*var(--u))}
.lightbox{position:fixed;inset:0;z-index:120;background:rgba(20,22,30,.86);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}
.lightbox.in{opacity:1}
.lightbox img{max-width:94vw;max-height:84vh;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.4);transform:scale(.9);transition:transform .4s cubic-bezier(.2,1.2,.3,1)}
.lightbox.in img{transform:none}
.lightbox .nav{position:absolute;top:50%;width:44px;height:44px;margin-top:-22px;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:22px}
.lightbox .nav.p{left:10px}.lightbox .nav.n{right:10px}
.lightbox .cnt{position:absolute;bottom:22px;left:0;right:0;text-align:center;color:#fff;font:400 13px var(--thai)}
.cts{display:flex;flex-direction:column;gap:calc(8*var(--u));margin-top:calc(8*var(--u))}
.ct{display:flex;align-items:center;gap:calc(12*var(--u));padding:calc(11*var(--u)) calc(14*var(--u));border-radius:calc(16*var(--u));background:#fff;box-shadow:0 calc(2*var(--u)) calc(12*var(--u)) rgba(11,42,75,.07);text-decoration:none;color:var(--ink);transition:transform .2s}
.ct:active{transform:scale(.97)}
.ct .ic{flex:none;width:calc(36*var(--u));height:calc(36*var(--u));border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;font:600 calc(13*var(--u))/1 var(--thai)}
.ct .ic svg{width:calc(17*var(--u));height:calc(17*var(--u));fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ct .t{flex:1;min-width:0}
.ct .t b{display:block;font:500 calc(13*var(--u))/1.4 var(--thai)}
.ct .t small{display:block;font:400 calc(11*var(--u))/1.4 var(--thai);color:#7a8090;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ct .go{font:italic 400 calc(16*var(--u)) var(--geo);color:var(--teal)}
#toast{position:fixed;left:50%;top:calc(14px + env(safe-area-inset-top));z-index:130;transform:translate(-50%,-160%);opacity:0;background:rgba(24,28,37,.92);color:#fff;padding:9px 16px;border-radius:14px;font:500 13px var(--thai);transition:transform .45s cubic-bezier(.2,1.2,.3,1),opacity .3s;box-shadow:0 10px 30px rgba(0,0,0,.18);max-width:90vw;text-align:center}
#toast.on{transform:translate(-50%,0);opacity:1}
#loader{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 45%,#fff 0,#f4f4f7 45%,#e9eaee 100%);transition:opacity .9s ease,filter .9s ease,transform 1.1s ease}
#loader.out{opacity:0;filter:blur(10px);transform:scale(1.08);pointer-events:none}
#loader .lc{position:relative;width:260px;height:260px}
#loader .lr{position:absolute;inset:0;width:100%;height:100%;opacity:.9;animation:spin 14s linear infinite}
#loader .lm{position:absolute;left:60px;top:60px;width:140px;height:140px;border-radius:50%;background:radial-gradient(closest-side,#fff,rgba(255,255,255,.6) 60%,rgba(255,255,255,0));animation:halo 2.4s ease-in-out infinite}
#loader .lk{position:absolute;left:-30px;top:96px;width:150px;animation:lfly 2.6s cubic-bezier(.45,.05,.55,.95) infinite}
@keyframes lfly{0%{transform:translate(-90px,30px) rotate(6deg);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translate(280px,-50px) rotate(-6deg);opacity:0}}
#loader .lt{position:absolute;left:0;right:0;bottom:-34px;text-align:center;font:italic 400 13px var(--geo);letter-spacing:3px;color:#7a8090;animation:breath 1.8s ease-in-out infinite}
@keyframes breath{50%{opacity:.4}}
@keyframes spin{to{transform:rotate(360deg)}}
.spark{position:fixed;z-index:150;pointer-events:none;width:0;height:0}
.spark i{position:absolute;left:-4px;top:-4px;width:8px;height:8px;background:var(--c,#c3b6da);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:sp .8s cubic-bezier(.2,.8,.3,1) forwards}
@keyframes sp{from{transform:translate(0,0) scale(.4) rotate(0);opacity:1}to{transform:translate(var(--x),var(--y)) scale(1.1) rotate(180deg);opacity:0}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important}#dust{display:none}}
body.calm *,body.calm *::before,body.calm *::after{animation-iteration-count:1!important}
body.calm #dust{display:none}
.lyr{position:absolute;left:0;top:0;width:calc(440*var(--u));height:calc(777*var(--u));will-change:translate}
.ring{animation:spin 90s linear infinite}
.ringglow{background:conic-gradient(from 0deg,transparent 0 62%,rgba(195,182,218,.0) 66%,rgba(255,255,255,.95) 78%,rgba(106,165,179,.85) 84%,transparent 92%);-webkit-mask:radial-gradient(closest-side,transparent 86%,#000 87%,#000 92%,transparent 93%,transparent 95%,#000 96%,#000 99.5%,transparent 100%);mask:radial-gradient(closest-side,transparent 86%,#000 87%,#000 92%,transparent 93%,transparent 95%,#000 96%,#000 99.5%,transparent 100%);animation:spin 5s linear infinite;filter:blur(.6px)}
.orbit{left:calc(14*var(--u));top:calc(10*var(--u));width:calc(411*var(--u));height:calc(410*var(--u));animation:spin 13s linear infinite;pointer-events:none}
.orbit.o2{left:calc(64*var(--u));top:calc(59*var(--u));width:calc(311*var(--u));height:calc(312*var(--u));animation:spin 21s linear infinite reverse}
.orbit i{position:absolute;left:50%;top:calc(-3*var(--u));width:calc(6*var(--u));height:calc(6*var(--u));margin-left:calc(-3*var(--u));border-radius:50%;background:#fff;box-shadow:0 0 calc(6*var(--u)) calc(2*var(--u)) rgba(255,255,255,.95),0 0 calc(16*var(--u)) calc(6*var(--u)) rgba(195,182,218,.75),calc(-14*var(--u)) calc(2*var(--u)) calc(10*var(--u)) calc(-2*var(--u)) rgba(195,182,218,.55),calc(-28*var(--u)) calc(6*var(--u)) calc(12*var(--u)) calc(-4*var(--u)) rgba(106,165,179,.35)}
.orbit i:nth-child(2){transform:rotate(90deg);transform-origin:calc(3*var(--u)) calc(208*var(--u))}
.orbit i:nth-child(3){transform:rotate(200deg);transform-origin:calc(3*var(--u)) calc(208*var(--u));width:calc(4*var(--u));height:calc(4*var(--u))}
.orbit i:nth-child(4){transform:rotate(290deg);transform-origin:calc(3*var(--u)) calc(208*var(--u));width:calc(5*var(--u));height:calc(5*var(--u))}
.orbit.o2 i{transform-origin:calc(3*var(--u)) calc(159*var(--u))}
.orbit.o2 i:nth-child(2){transform:rotate(180deg);transform-origin:calc(3*var(--u)) calc(159*var(--u))}
.runes{left:0;top:0;width:calc(440*var(--u));height:calc(440*var(--u));overflow:visible;animation:spin 70s linear infinite reverse;transform-origin:calc(220*var(--u)) calc(215*var(--u));pointer-events:none}
.runes text{font:italic 400 9.5px 'KGeorgia',Georgia,serif;letter-spacing:2.2px;fill:#5c719c;opacity:.55}
.rays{left:calc(19.5*var(--u));top:calc(15*var(--u));width:calc(400*var(--u));height:calc(400*var(--u));border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.0) 0deg 6deg,rgba(255,255,255,.85) 9deg,rgba(255,255,255,0) 12deg 20deg);-webkit-mask:radial-gradient(closest-side,transparent 34%,#000 42%,rgba(0,0,0,.4) 70%,transparent 100%);mask:radial-gradient(closest-side,transparent 34%,#000 42%,rgba(0,0,0,.4) 70%,transparent 100%);animation:spin 46s linear infinite,raypulse 6s ease-in-out infinite;opacity:.7}
@keyframes raypulse{50%{opacity:.25}}
.halo{animation:halo 4.5s ease-in-out infinite}
@keyframes halo{50%{transform:scale(1.32);opacity:.55}}
.moonflare{left:calc(96*var(--u));top:calc(94*var(--u));width:calc(247*var(--u));height:calc(242*var(--u));border-radius:50%;overflow:hidden;pointer-events:none;-webkit-mask:radial-gradient(closest-side,#000 64%,transparent 70%);mask:radial-gradient(closest-side,#000 64%,transparent 70%)}
.moonflare::before{content:"";position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.9) 50%,transparent 58%);animation:flare 7s ease-in-out 3s infinite;transform:translateX(-80%)}
@keyframes flare{0%{transform:translateX(-80%)}30%,100%{transform:translateX(80%)}}
.clouds.c1{animation:drift 11s ease-in-out infinite alternate}
.clouds.c2{opacity:.32;animation:drift2 15s ease-in-out infinite alternate}
@keyframes drift{from{transform:translateX(calc(-14*var(--u)))}to{transform:translateX(calc(16*var(--u)))}}
@keyframes drift2{from{transform:translate(calc(22*var(--u)),calc(10*var(--u))) scale(1.1)}to{transform:translate(calc(-24*var(--u)),calc(2*var(--u))) scale(1)}}
.kfly{left:calc(79*var(--u));top:calc(157*var(--u));width:calc(282*var(--u));height:calc(196*var(--u))}
.kfly .kiki{position:absolute;left:0;top:0;width:100%;height:100%;animation:loop8 7s ease-in-out infinite;transform-origin:50% 55%}
@keyframes loop8{0%,100%{transform:translate(0,0) rotate(0) scale(1)}20%{transform:translate(calc(-12*var(--u)),calc(-10*var(--u))) rotate(-3.5deg) scale(1.02)}45%{transform:translate(calc(4*var(--u)),calc(-18*var(--u))) rotate(1.5deg) scale(1.03)}70%{transform:translate(calc(14*var(--u)),calc(-6*var(--u))) rotate(3.5deg) scale(1.01)}85%{transform:translate(calc(6*var(--u)),calc(2*var(--u))) rotate(1deg)}}
.twk{position:absolute;left:0;top:0;width:calc(440*var(--u));height:calc(440*var(--u));pointer-events:none}
.twk i{position:absolute;width:var(--s);height:var(--s);background:var(--c,#fff);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 3px rgba(255,255,255,.9));animation:twk var(--d,3s) ease-in-out var(--dl,0s) infinite;opacity:0}
@keyframes twk{0%,100%{opacity:0;transform:scale(.2) rotate(0)}50%{opacity:1;transform:scale(1) rotate(90deg)}}
.logo{left:0;top:0;width:calc(440*var(--u));height:0;animation:none}
.logo img,.kanji img{filter:drop-shadow(0 calc(-1*var(--u)) calc(2*var(--u)) rgba(0,0,0,.25))}
.lpomu{left:calc(20.751*var(--u));top:calc(499.523*var(--u));width:calc(107.367*var(--u));height:calc(59.947*var(--u));animation:inkglow 5s ease-in-out infinite}
.lmobi{left:calc(39.933*var(--u));top:calc(538.891*var(--u));width:calc(74.369*var(--u));height:calc(57.408*var(--u));animation:inkglow 5s ease-in-out 1.2s infinite}
@keyframes inkglow{50%{filter:drop-shadow(0 calc(-1*var(--u)) calc(2*var(--u)) rgba(0,0,0,.25)) drop-shadow(0 0 calc(5*var(--u)) rgba(106,165,179,.85))}}
.lhat{left:calc(94.955*var(--u));top:calc(492.259*var(--u));width:calc(35.697*var(--u));height:calc(32.759*var(--u));transform-origin:50% 90%;animation:hathop 4.2s cubic-bezier(.3,.7,.4,1) infinite}
@keyframes hathop{0%,52%,100%{transform:none}60%{transform:translateY(calc(-9*var(--u))) rotate(-14deg) scale(1.04)}68%{transform:translateY(0) rotate(4deg) scale(1.08,.9)}74%{transform:rotate(-4deg) scale(.97,1.04)}82%{transform:rotate(2deg)}90%{transform:none}}
.llan{left:calc(14*var(--u));top:calc(561.674*var(--u));width:calc(18.964*var(--u));height:calc(29.867*var(--u));transform-origin:50% 8%;animation:swing 2.4s ease-in-out infinite alternate}
@keyframes swing{from{transform:rotate(11deg)}to{transform:rotate(-11deg)}}
.lglow{left:calc(1*var(--u));top:calc(556*var(--u));width:calc(46*var(--u));height:calc(46*var(--u));border-radius:50%;background:radial-gradient(closest-side,rgba(198,143,42,.75),rgba(198,143,42,.25) 50%,rgba(198,143,42,0));animation:flicker 1.8s steps(1) infinite,swing 2.4s ease-in-out infinite alternate;transform-origin:50% 0}
@keyframes flicker{0%{opacity:.55}10%{opacity:.95}22%{opacity:.6}38%{opacity:1}52%{opacity:.7}66%{opacity:.98}82%{opacity:.5}}
.lantern{display:none}
.kanji{left:0;top:0;width:calc(440*var(--u));height:0;animation:none}
.kma{left:calc(339.344*var(--u));top:calc(492.016*var(--u));width:calc(62.912*var(--u));height:calc(72.832*var(--u));animation:bob 5s ease-in-out infinite}
.konna{left:calc(323.008*var(--u));top:calc(549.56*var(--u));width:calc(59.968*var(--u));height:calc(48.384*var(--u));animation:bob 5s ease-in-out 1.4s infinite}
.kkana{left:calc(375.387*var(--u));top:calc(569.44*var(--u));width:calc(25.343*var(--u));height:calc(24.307*var(--u));animation:inkglow 4s ease-in-out .5s infinite}
.kstar{left:calc(392.452*var(--u));top:calc(503.114*var(--u));width:calc(26.283*var(--u));height:calc(26.673*var(--u));animation:starspin 6s ease-in-out infinite}
@keyframes starspin{0%,100%{transform:rotate(0) scale(1)}25%{transform:rotate(36deg) scale(1.25)}50%{transform:rotate(72deg) scale(.9)}75%{transform:rotate(108deg) scale(1.15)}}
.kmoon{left:calc(323*var(--u));top:calc(539*var(--u));width:calc(20*var(--u));height:calc(25*var(--u));transform-origin:70% 50%;animation:rock 3.2s ease-in-out infinite alternate}
@keyframes rock{from{transform:rotate(-16deg)}to{transform:rotate(14deg) translateY(calc(-2*var(--u)))}}
.ks1{left:calc(395.267*var(--u));top:calc(561.381*var(--u));width:calc(12.491*var(--u));height:calc(12.647*var(--u));animation:tw 1.8s ease-in-out infinite}
.ks2{left:calc(332.373*var(--u));top:calc(526.419*var(--u));width:calc(12.576*var(--u));height:calc(12.534*var(--u));animation:tw 2.3s ease-in-out .7s infinite}
@keyframes bob{50%{transform:translateY(calc(-4*var(--u)))}}
@keyframes tw{0%,100%{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(.4) rotate(72deg);opacity:.45}}
.cbody{transform-origin:50% 100%;animation:brew 1.5s ease-in-out infinite}
@keyframes brew{0%,100%{transform:none}50%{transform:scale(1.025,.975)}}
.cleg{animation:brew 1.5s ease-in-out infinite;transform-origin:50% 0}
.cliq{animation:liq 1.5s ease-in-out infinite}
@keyframes liq{50%{filter:brightness(1.18) saturate(1.4) drop-shadow(0 0 calc(6*var(--u)) rgba(195,182,218,.95));transform:scaleX(1.03)}}
.ccone{left:calc(180*var(--u));top:calc(470*var(--u));width:calc(80*var(--u));height:calc(95*var(--u));background:radial-gradient(60% 100% at 50% 100%,rgba(195,182,218,.85),rgba(195,182,218,.25) 55%,rgba(195,182,218,0) 80%);filter:blur(4px);transform-origin:50% 100%;animation:cone 2.6s ease-in-out infinite}
@keyframes cone{0%,100%{transform:scaleY(.85);opacity:.55}50%{transform:scaleY(1.12);opacity:.95}}
.steam{top:calc(556*var(--u))}
.steam i{width:calc(34*var(--u));height:calc(24*var(--u));animation:steam 4.2s ease-out infinite}
.steam i:nth-child(1){left:calc(-30*var(--u))}.steam i:nth-child(2){animation-delay:.85s;left:calc(-8*var(--u))}.steam i:nth-child(3){animation-delay:1.7s;left:calc(-22*var(--u))}.steam i:nth-child(4){animation-delay:2.55s;left:0}.steam i:nth-child(5){animation-delay:3.4s;left:calc(-16*var(--u))}
@keyframes steam{0%{transform:translate(0,0) scale(.4) rotate(0);opacity:0}15%{opacity:.95}60%{transform:translate(calc(-10*var(--u)),calc(-55*var(--u))) scale(1.6) rotate(40deg)}100%{transform:translate(calc(12*var(--u)),calc(-95*var(--u))) scale(2.4) rotate(90deg);opacity:0}}
.bub{animation:bubf 2.6s ease-in-out infinite}
@keyframes bubf{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(calc(1.5*var(--u)),calc(-7*var(--u))) scale(1.25);box-shadow:0 0 calc(8*var(--u)) rgba(195,182,218,.95)}}
.cauldron.erupt .cbody,.cauldron.erupt .cleg{animation:jump .9s cubic-bezier(.3,1.6,.4,1)}
@keyframes jump{0%{transform:none}25%{transform:translateY(calc(-7*var(--u))) scale(.96,1.06)}55%{transform:translateY(0) scale(1.08,.92)}80%{transform:scale(.98,1.02)}}
.cauldron.erupt .ccone{animation:conefl 1.2s ease-out}
@keyframes conefl{0%{transform:scaleY(.8);opacity:.6}30%{transform:scaleY(2.1) scaleX(1.4);opacity:1}100%{transform:scaleY(1);opacity:.6}}
.cauldron.erupt .cnum{animation:numpop .9s cubic-bezier(.3,1.8,.4,1)}
@keyframes numpop{30%{transform:scale(1.35) rotate(-6deg);text-shadow:0 0 calc(10*var(--u)) rgba(106,165,179,.9)}}
.puff{position:absolute;border-radius:50%;background:radial-gradient(closest-side,rgba(195,182,218,.95),rgba(195,182,218,0));filter:blur(2px);pointer-events:none;animation:puff 1.8s ease-out forwards}
@keyframes puff{0%{transform:translate(0,0) scale(.2);opacity:1}100%{transform:translate(var(--x),var(--y)) scale(2.4);opacity:0}}
.dline{overflow:visible}
.dline i{position:absolute;top:calc(-1.5*var(--u));left:0;width:calc(3.5*var(--u));height:calc(3.5*var(--u));border-radius:50%;background:#fff;box-shadow:0 0 calc(4*var(--u)) calc(2*var(--u)) rgba(195,182,218,.95),0 0 calc(10*var(--u)) calc(4*var(--u)) rgba(106,165,179,.5);animation:travel 3.4s ease-in-out infinite}
.dline.l i{animation-direction:reverse}
@keyframes travel{0%{left:0;opacity:0}15%,85%{opacity:1}100%{left:100%;opacity:0}}
.month{background:linear-gradient(100deg,#000 40%,#6aa5b3 50%,#000 60%) 0 0/300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:mshim 4s linear infinite}
@keyframes mshim{from{background-position:100% 0}to{background-position:-50% 0}}
.stat .ring2{animation:spin 16s linear infinite}
.stat.mid .ring2{animation:spin 11s linear infinite reverse}
.stat .in{overflow:hidden}
.stat:not(.mid) .in::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 62%,rgba(24,28,37,.13) 64%,rgba(24,28,37,.13) 100%);background-size:200% 100%;animation:phase 9s linear infinite}
.stat:last-of-type .in::after{animation-delay:-4.5s}
@keyframes phase{from{background-position:-100% 0}to{background-position:100% 0}}
.stat.mid .in::before,.stat.mid .in::after{content:"";position:absolute;width:calc(2*var(--u));height:calc(2*var(--u));border-radius:50%;background:#fff;box-shadow:calc(12*var(--u)) calc(30*var(--u)) 0 calc(-.3*var(--u)) #fff,calc(34*var(--u)) calc(10*var(--u)) 0 #c3b6da,calc(38*var(--u)) calc(36*var(--u)) 0 calc(-.4*var(--u)) #fff,calc(8*var(--u)) calc(14*var(--u)) 0 calc(-.4*var(--u)) #c3b6da,calc(24*var(--u)) calc(40*var(--u)) 0 calc(-.2*var(--u)) #fff;animation:tw 2.2s ease-in-out infinite}
.stat.mid .in::before{left:calc(6*var(--u));top:calc(6*var(--u))}.stat.mid .in::after{left:calc(2*var(--u));top:calc(4*var(--u));animation-delay:1.1s;opacity:.7}
.stat .n{transition:text-shadow .4s}
.stat .n.counting{text-shadow:0 0 calc(8*var(--u)) rgba(195,182,218,.95)}
.stat .dot{animation:orbit 6s linear infinite}
.chip{animation:chipf 3.2s ease-in-out infinite;animation-delay:calc(var(--i,0) * .25s)}
@keyframes chipf{50%{transform:translateY(calc(-1.5*var(--u)))}}
.chip.on{background:linear-gradient(110deg,#6aa5b3 30%,#ffffff 45%,#c3b6da 52%,#6aa5b3 68%) 0 0/300% 100%;animation:chipf 3.2s ease-in-out infinite,chipshim 2.6s linear infinite}
@keyframes chipshim{from{background-position:100% 0}to{background-position:-100% 0}}
.cat{animation:none}
.cat img{position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:50% 100%;animation:cathop 5.5s ease-in-out infinite}
@keyframes cathop{0%,70%,100%{transform:none}74%{transform:translateY(calc(-7*var(--u))) rotate(-6deg) scale(.98,1.03)}80%{transform:translateY(0) scale(1.05,.95)}85%{transform:rotate(5deg)}90%{transform:rotate(-2deg)}}
.eye{position:absolute;width:calc(3.5*var(--u));height:calc(3.5*var(--u));border-radius:50%;background:#c68f2a;box-shadow:0 0 calc(5*var(--u)) calc(2*var(--u)) rgba(198,143,42,.9);opacity:0;animation:eyes 5.5s ease-in-out infinite}
.eye.e1{left:calc(28.6*var(--u));top:calc(30.8*var(--u))}.eye.e2{left:calc(35.8*var(--u));top:calc(30.8*var(--u))}
@keyframes eyes{0%,30%,40%,100%{opacity:0}33%,37%{opacity:1}}
.tk{animation:none}
.tk.wait{opacity:0}
.tk.seen{animation:deliver 1s cubic-bezier(.2,1.1,.3,1) both}
@keyframes deliver{0%{opacity:0;translate:calc(120*var(--u)) calc(-40*var(--u));rotate:12deg;scale:.7}45%{opacity:1}80%{translate:calc(-4*var(--u)) calc(2*var(--u));rotate:-1.5deg;scale:1.01}100%{translate:0 0;rotate:0deg;scale:1}}
.tk .star{animation:starspin 4s ease-in-out infinite}
.tk .fill::before{content:"";position:absolute;right:calc(-3*var(--u));top:calc(-3*var(--u));width:calc(9*var(--u));height:calc(9*var(--u));border-radius:50%;background:radial-gradient(closest-side,#fff,rgba(195,182,218,.9) 45%,rgba(195,182,218,0));animation:tw 1.4s ease-in-out infinite}
.tk .num{background:linear-gradient(100deg,#fff 40%,#c68f2a 50%,#fff 60%) 0 0/300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:mshim 3.5s linear infinite}
.tk.mine .num{background-image:linear-gradient(100deg,#fff 40%,#ffffff 50%,#fff 60%)}
.girl{animation:girlfly 6s ease-in-out infinite}
@keyframes girlfly{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(calc(-9*var(--u)),calc(-12*var(--u))) rotate(-5deg)}50%{transform:translate(calc(-2*var(--u)),calc(-18*var(--u))) rotate(-1deg)}75%{transform:translate(calc(4*var(--u)),calc(-6*var(--u))) rotate(3deg)}}
.sdeco{animation:starspin 3s ease-in-out infinite}
.tdeco{animation:tw 2.4s ease-in-out infinite}
.mist i{opacity:.9;filter:blur(22px)}
.mist i:nth-child(1){animation-duration:22s}.mist i:nth-child(2){animation-duration:27s}.mist i:nth-child(3){animation-duration:31s}
.mist i:nth-child(4){width:50vmax;height:30vmax;right:0;top:-6vh;background:radial-gradient(closest-side,rgba(236,241,243,.85),rgba(236,241,243,0));animation:mist4 24s ease-in-out infinite alternate}
@keyframes mist4{to{transform:translate3d(-30vw,24vh,0) scale(1.3)}}
.anim:not(.go) .stage{opacity:0}
.go .ring{animation:spin 90s linear infinite,ringin 1.8s cubic-bezier(.2,.9,.2,1) both}
@keyframes ringin{from{scale:.4;rotate:-120deg;opacity:0}}
.go .ringglow,.go .orbit{animation-name:spin,fadein;animation-duration:5s,1.5s;animation-timing-function:linear,ease;animation-iteration-count:infinite,1;animation-delay:0s,1.2s;animation-fill-mode:none,both}
.go .orbit{animation-duration:13s,1.5s}.go .orbit.o2{animation-duration:21s,1.5s;animation-direction:reverse,normal}
@keyframes fadein{from{opacity:0}}
.go .kswash{animation:kdraw 2.6s cubic-bezier(.4,0,.2,1) .5s both,kglint 6s linear 3.2s infinite}
.go .moonimg{animation:moonglow 6s ease-in-out 2s infinite,moonrise 1.6s cubic-bezier(.2,.9,.25,1) .2s both}
@keyframes moonrise{from{translate:0 calc(40*var(--u));scale:.55;opacity:0}}
.go .halo{animation:halo 4.5s ease-in-out 1.8s infinite,fadein 1.2s ease .3s both}
.go .clouds.c1{animation:drift 11s ease-in-out 1.6s infinite alternate,cloudl 1.6s cubic-bezier(.2,.9,.3,1) .5s both}
.go .clouds.c2{animation:drift2 15s ease-in-out 1.6s infinite alternate,cloudr 1.8s cubic-bezier(.2,.9,.3,1) .6s both}
@keyframes cloudl{from{translate:calc(-160*var(--u)) 0;opacity:0}}
@keyframes cloudr{from{translate:calc(160*var(--u)) 0;opacity:0}}
.go .kfly{animation:flyin 2.2s cubic-bezier(.25,.8,.25,1) .9s both}
@keyframes flyin{0%{translate:calc(-380*var(--u)) calc(90*var(--u));rotate:14deg;scale:.6;opacity:0}20%{opacity:1}70%{translate:calc(18*var(--u)) calc(-14*var(--u));rotate:-4deg;scale:1.04}100%{translate:0 0;rotate:0deg;scale:1}}
.go .twk{animation:fadein 1s ease 2.2s both}
.go .nlabel{animation:fadein .8s ease 1.4s both}
.go .nline{animation:line 1.2s cubic-bezier(.3,.8,.2,1) 1.4s both}
.go .npill{animation:pillx 1s cubic-bezier(.2,1.2,.3,1) 1.6s both}
@keyframes pillx{from{scale:.1 .6;opacity:0}}
.go .lpomu{animation:inkglow 5s ease-in-out 4s infinite,wipe 1.4s cubic-bezier(.5,0,.3,1) 1.7s both}
.go .lmobi{animation:inkglow 5s ease-in-out 5s infinite,wipe 1.2s cubic-bezier(.5,0,.3,1) 2.4s both}
@keyframes wipe{from{clip-path:inset(-10% 100% -10% -10%)}to{clip-path:inset(-10% -10% -10% -10%)}}
.go .lhat{animation:hathop 4.2s cubic-bezier(.3,.7,.4,1) 4s infinite,hatdrop 1.1s cubic-bezier(.3,1.5,.5,1) 3s both}
@keyframes hatdrop{from{translate:0 calc(-70*var(--u));rotate:-40deg;opacity:0}}
.go .llan,.go .lglow{animation-delay:0s;opacity:1}
.go .llan{animation:swing 2.4s ease-in-out infinite alternate,fadein 1s ease 2.6s both}
.go .kma{animation:bob 5s ease-in-out 4s infinite,brush 1.3s cubic-bezier(.5,0,.3,1) 1.9s both}
.go .konna{animation:bob 5s ease-in-out 5s infinite,brush 1.2s cubic-bezier(.5,0,.3,1) 2.6s both}
@keyframes brush{from{clip-path:inset(-10% -10% 100% -10%)}to{clip-path:inset(-10% -10% -10% -10%)}}
.go .kkana{animation:inkglow 4s ease-in-out 4s infinite,fadein 1s ease 3.2s both}
.go .kstar{animation:starspin 6s ease-in-out 4s infinite,popin .9s cubic-bezier(.3,1.8,.4,1) 3.4s both}
.go .kmoon,.go .ks1,.go .ks2{animation-name:rock,popin;animation-duration:3.2s,.9s;animation-iteration-count:infinite,1;animation-direction:alternate,normal;animation-delay:0s,3.5s;animation-fill-mode:none,both}
.go .ks1,.go .ks2{animation-name:tw,popin;animation-duration:1.8s,.9s}
@keyframes popin{from{scale:0;rotate:-180deg;opacity:0}}
.go .cauldron{animation:cauldin 1.2s cubic-bezier(.3,1.6,.4,1) 1.9s both}
@keyframes cauldin{from{scale:.2;translate:0 calc(40*var(--u));opacity:0}}
.cauldron{transform-origin:calc(220*var(--u)) calc(600*var(--u))}
.go .dline{animation:line 1.2s cubic-bezier(.3,.8,.2,1) 2.4s both}
.go .month{animation:mshim 4s linear infinite,fadein 1s ease 2.6s both}
.go .stat{animation:statin 1s cubic-bezier(.3,1.6,.4,1) both}
.go .stat:nth-of-type(1){animation-delay:2.7s}.go .stat:nth-of-type(2){animation-delay:2.85s}.go .stat:nth-of-type(3){animation-delay:3s}
@keyframes statin{from{scale:0;rotate:-90deg;opacity:0}}
.go .cat{animation:catpeek 1.2s cubic-bezier(.3,1.5,.4,1) 3.2s both}
@keyframes catpeek{from{translate:0 calc(34*var(--u));opacity:0;clip-path:inset(0 0 100% 0)}to{clip-path:inset(-20% -20% -20% -20%)}}
.go .chips{animation:fadein .6s ease 3.1s both}
.go .chip{animation:chipf 3.2s ease-in-out infinite,chipin .7s cubic-bezier(.3,1.6,.4,1) both;animation-delay:calc(var(--i,0) * .25s),calc(3.1s + var(--i,0) * .08s)}
.go .chip.on{animation:chipf 3.2s ease-in-out infinite,chipshim 2.6s linear infinite,chipin .7s cubic-bezier(.3,1.6,.4,1) 3.1s both}
@keyframes chipin{from{translate:0 calc(-14*var(--u));scale:.6;opacity:0}}
.go .girl{animation:girlfly 6s ease-in-out 5s infinite,girlin 2s cubic-bezier(.25,.8,.25,1) 3.4s both}
@keyframes girlin{0%{translate:calc(260*var(--u)) calc(-120*var(--u));rotate:-20deg;opacity:0}25%{opacity:1}100%{translate:0 0;rotate:0deg}}
.go .sdeco{animation:starspin 3s ease-in-out 5s infinite,popin .9s cubic-bezier(.3,1.8,.4,1) 4.2s both}
.go .pill{animation:pillin 1.1s cubic-bezier(.2,1.3,.3,1) 3.6s both}
#loader .lcircle{position:absolute;inset:-20px;width:300px;height:300px;overflow:visible}
#loader .lcircle circle,#loader .lcircle polygon{fill:none;stroke:#6aa5b3;stroke-width:1;stroke-dasharray:900;stroke-dashoffset:900;animation:draw 1.6s cubic-bezier(.5,0,.3,1) forwards}
#loader .lc2{stroke:#6aa5b3!important;stroke-dasharray:4 6!important;stroke-dashoffset:0!important;animation:spin 10s linear infinite,fadein 1s ease .4s both!important;transform-origin:150px 150px}
#loader .lc3{animation-delay:.3s!important}
#loader .lc4{stroke:#c3b6da!important;animation-delay:.5s!important;opacity:.8}
#loader .lc4.b{animation-delay:.7s!important}
@keyframes draw{to{stroke-dashoffset:0}}
#loader .lct{font:italic 10px 'KGeorgia',Georgia,serif;letter-spacing:2px;fill:#5c719c}
#loader .lcircle text{animation:fadein 1s ease .6s both}
#loader .lcircle{animation:spin 24s linear infinite}
#loader .lflash{position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px;border-radius:50%;background:radial-gradient(closest-side,#fff,rgba(255,255,255,.6) 50%,rgba(195,182,218,0));opacity:0}
#loader.out .lflash{animation:flash .9s ease-out forwards}
@keyframes flash{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(60)}}
#loader.out{transition:opacity 1s ease .25s,filter 1s ease .25s,transform 1.1s ease .25s}
#dust{z-index:60}
@media (prefers-reduced-motion:reduce){.tk.wait{opacity:1}.anim:not(.go) .stage{opacity:1}}
body.calm .tk.wait{opacity:1}
.bgdeco{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.bring{position:absolute;width:min(42vw,560px);aspect-ratio:1;opacity:.4;animation:spin 200s linear infinite}
.bring.b1{left:calc(50% - 250px - min(42vw,560px));top:4vh}
.bring.b2{left:calc(50% + 250px);top:46vh;animation-direction:reverse;animation-duration:240s}
@media (max-width:759px){.bring{display:none}}
.bcl{position:absolute;width:min(90vw,760px);opacity:.55}
.bcl.c1{left:-12vw;top:24vh;animation:bcl 70s linear infinite}
.bcl.c2{right:-18vw;top:62vh;width:min(70vw,600px);opacity:.45;animation:bcl 90s linear -30s infinite reverse}
.bcl.c3{left:-20vw;top:86vh;width:min(80vw,680px);opacity:.4;animation:bcl 80s linear -50s infinite}
@keyframes bcl{0%{translate:-10vw 0}50%{translate:12vw -2vh}100%{translate:-10vw 0}}
.bstars img{position:absolute;animation:tw 3s ease-in-out infinite}
.bkiki{position:absolute;left:0;top:0;width:clamp(54px,7vw,90px);opacity:0;offset-path:path('M -120 220 C 300 120, 700 260, 1200 90 S 2000 40, 2600 140');offset-rotate:0deg;animation:bkfly 34s linear 9s infinite}
.bkiki{filter:opacity(.28)}
@keyframes bkfly{0%{offset-distance:0%;opacity:0}3%{opacity:1}28%{opacity:1}31%,100%{offset-distance:100%;opacity:0}}
@media (prefers-reduced-motion:reduce){.bkiki{display:none}}
body.calm .bkiki{display:none}
.settled .chip{animation:chipf 3.2s ease-in-out infinite,chipin .5s cubic-bezier(.3,1.6,.4,1) both;animation-delay:calc(var(--i,0) * .25s),calc(var(--i,0) * .04s)}
.settled .chip.on{animation:chipf 3.2s ease-in-out infinite,chipshim 2.6s linear infinite}
.settled .stat,.settled .stat:nth-of-type(n){animation:statin .8s cubic-bezier(.3,1.6,.4,1) both;animation-delay:0s}
.kfly .kiki{animation:none}
.kbody{position:absolute;inset:0;animation:loop8 7s ease-in-out infinite;transform-origin:50% 55%;will-change:transform}
.korb{position:absolute;left:calc(141*var(--u));top:calc(96*var(--u));width:0;height:0}
.ox{position:absolute;left:0;top:0;animation:ox var(--d,6s) ease-in-out infinite alternate}
.oy{display:block;animation:oy var(--d,6s) ease-in-out infinite alternate;animation-delay:calc(var(--d,6s) / -2)}
.oy img{display:block;width:var(--s,calc(12*var(--u)));height:var(--s,calc(12*var(--u)));margin:calc(var(--s,calc(12*var(--u))) / -2) 0 0 calc(var(--s,calc(12*var(--u))) / -2);animation:tw 2.2s ease-in-out infinite}
@keyframes ox{from{transform:translateX(calc(var(--rx,calc(150*var(--u))) * -1))}to{transform:translateX(var(--rx,calc(150*var(--u))))}}
@keyframes oy{from{transform:translateY(calc(var(--ry,calc(50*var(--u))) * -1)) scale(.55);opacity:.55}to{transform:translateY(var(--ry,calc(50*var(--u)))) scale(1.15);opacity:1}}
.ox.o1{--d:5.2s;--rx:calc(150*var(--u));--ry:calc(52*var(--u));--s:calc(13*var(--u))}
.ox.o2{--d:6.6s;--rx:calc(128*var(--u));--ry:calc(66*var(--u));--s:calc(8*var(--u));animation-delay:-2s}.ox.o2 .oy{animation-delay:calc(-2s - 3.3s)}
.ox.o3{--d:7.4s;--rx:calc(170*var(--u));--ry:calc(40*var(--u));--s:calc(15*var(--u));animation-delay:-4s}.ox.o3 .oy{animation-delay:calc(-4s - 3.7s)}
.ox.o4{--d:5.8s;--rx:calc(110*var(--u));--ry:calc(58*var(--u));--s:calc(7*var(--u));animation-delay:-1s}.ox.o4 .oy{animation-delay:calc(-1s - 2.9s)}
.ox.o5{--d:8.2s;--rx:calc(160*var(--u));--ry:calc(70*var(--u));--s:calc(10*var(--u));animation-delay:-5s}.ox.o5 .oy{animation-delay:calc(-5s - 4.1s)}
.kmail{position:absolute;inset:0;pointer-events:none}
.env{position:absolute;width:calc(17*var(--u));height:calc(12*var(--u));animation:envfall var(--t,5s) cubic-bezier(.35,.1,.6,1) forwards}
.env svg{display:block;width:100%;height:100%;overflow:visible;animation:flutter var(--f,1.1s) ease-in-out infinite alternate}
@keyframes envfall{0%{transform:translate(0,0) rotate(0);opacity:0}8%{opacity:1}70%{opacity:1}100%{transform:translate(var(--x,calc(40*var(--u))),var(--y,calc(200*var(--u)))) rotate(var(--r,40deg));opacity:0}}
@keyframes flutter{from{transform:scaleX(1) rotate(-14deg)}to{transform:scaleX(-.35) rotate(16deg)}}
.pot{position:absolute;left:0;top:0;width:calc(440*var(--u));height:calc(777*var(--u));transform-origin:calc(220*var(--u)) calc(612*var(--u));animation:brew 1.5s ease-in-out infinite}
.pot .cbody,.pot .cleg{animation:none}
.pot .cliq{transform-origin:calc(36*var(--u)) calc(7.5*var(--u));transform-box:fill-box;animation:slosh 1.5s ease-in-out infinite}
@keyframes slosh{0%,100%{transform:rotate(-2deg) scaleY(1)}50%{transform:rotate(2deg) scaleY(1.25)}}
.cauldron.erupt .cbody,.cauldron.erupt .cleg{animation:none}
.cauldron.erupt .pot{animation:jump .9s cubic-bezier(.3,1.6,.4,1)}
.cauldron.erupt .cliq{animation:sloshbig .9s ease-out}
@keyframes sloshbig{0%{transform:none}25%{transform:translateY(calc(-3*var(--u))) rotate(-7deg) scaleY(1.6)}55%{transform:translateY(calc(1*var(--u))) rotate(6deg) scaleY(.8)}80%{transform:rotate(-2deg)}}
@keyframes moonglow{50%{opacity:.92}}
@keyframes inkglow{50%{opacity:1}}
@keyframes liq{50%{opacity:.9}}
.tk .num,.month{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#fff}
.month{color:#000}
.go .month{animation:fadein 1s ease 2.6s both}
.tk .num{animation:none}
.chip.on{background:var(--teal);animation:chipf 3.2s ease-in-out infinite}
.go .chip.on{animation:chipf 3.2s ease-in-out infinite,chipin .7s cubic-bezier(.3,1.6,.4,1) 3.1s both}
.settled .chip.on{animation:chipf 3.2s ease-in-out infinite}
.npill::after,.tk .bd::after,.btn::after,.photos button::after,.gal .gtrack button::after{content:"";position:absolute;top:0;bottom:0;left:-60%;right:auto;width:50%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.85),transparent);animation:sheenx 5s ease-in-out infinite;will-change:transform}
.tk .bd::after{animation-delay:calc(var(--i,0) * .4s + 1.5s)}
@keyframes sheenx{0%{transform:translateX(0)}40%,100%{transform:translateX(330%)}}
.tk .fill::after{background:none}
#amu{bottom:calc(calc(10*var(--u)) + env(safe-area-inset-bottom))!important;left:max(12px,env(safe-area-inset-left))!important;z-index:52!important}
#amu .disc{width:38px!important;height:38px!important;background:radial-gradient(circle,#fff 0 17%,#eeeff1 18% 22%,#181d23 23% 62%,#2b313a 63% 66%,#181d23 67%)!important;box-shadow:0 0 5px rgba(3,77,116,.25)!important}
#amu .note{color:#181d23!important}
#amu .pill{display:none!important}
#amu .nx{width:28px!important;height:28px!important;border-color:#dfe1e5!important;color:#181d23!important}
.who{justify-content:space-between}
.gal{position:relative;margin-top:calc(12*var(--u));border-radius:calc(20*var(--u));overflow:hidden;background:#eeeff1;box-shadow:0 calc(4*var(--u)) calc(16*var(--u)) rgba(3,77,116,.1)}
.gal .gtrack{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.gal .gtrack::-webkit-scrollbar{display:none}
.gal .gtrack button{position:relative;flex:0 0 100%;aspect-ratio:4/3;scroll-snap-align:center;background:#eeeff1 center/cover no-repeat;overflow:hidden}
.gal .gcount{position:absolute;right:calc(10*var(--u));top:calc(10*var(--u));padding:calc(3*var(--u)) calc(9*var(--u));border-radius:calc(20*var(--u));background:rgba(24,29,35,.6);color:#fff;font:500 calc(11*var(--u))/1.4 var(--thai)}
.gal .gtag{position:absolute;left:calc(10*var(--u));top:calc(10*var(--u));padding:calc(3*var(--u)) calc(10*var(--u));border-radius:calc(20*var(--u));background:rgba(255,255,255,.88);color:#181d23;font:500 calc(11*var(--u))/1.4 var(--thai)}
.gal .gdots{position:absolute;left:0;right:0;bottom:calc(9*var(--u));display:flex;justify-content:center;gap:calc(5*var(--u))}
.gal .gdots i{width:calc(6*var(--u));height:calc(6*var(--u));border-radius:50%;background:rgba(255,255,255,.55);transition:.3s}
.gal .gdots i.on{background:#fff;width:calc(16*var(--u));border-radius:calc(6*var(--u))}
.gal.none{display:flex;align-items:center;justify-content:center;gap:calc(8*var(--u));aspect-ratio:auto;height:calc(70*var(--u));border:calc(1*var(--u)) dashed #c9ccd3;background:rgba(255,255,255,.6);box-shadow:none;font:400 calc(12*var(--u))/1.4 var(--thai);color:#7a8090}
.gal.none svg{width:calc(18*var(--u));height:calc(18*var(--u));fill:none;stroke:#7a8090;stroke-width:1.5}
.mine-card .tk{margin-top:calc(12*var(--u))}
.steps{position:relative;display:flex;margin-top:calc(14*var(--u));padding:calc(4*var(--u)) calc(2*var(--u)) calc(2*var(--u));overflow-x:auto;scrollbar-width:none}
.steps::-webkit-scrollbar{display:none}
.steps .s{position:relative;flex:1 0 calc(64*var(--u));display:flex;flex-direction:column;align-items:center;text-align:center;gap:calc(4*var(--u))}
.steps .s::before{content:"";position:absolute;top:calc(7*var(--u));left:-50%;right:50%;height:calc(2*var(--u));background:#dfe1e5}
.steps .s:first-child::before{display:none}
.steps .s.done::before,.steps .s.cur::before{background:var(--teal)}
.steps .s b{position:relative;z-index:1;width:calc(16*var(--u));height:calc(16*var(--u));border-radius:50%;background:#fff;border:calc(2*var(--u)) solid #dfe1e5}
.steps .s.done b{background:var(--teal);border-color:var(--teal)}
.steps .s.cur b{background:var(--c,#6aa5b3);border-color:var(--c,#6aa5b3);box-shadow:0 0 0 calc(4*var(--u)) rgba(106,165,179,.2);animation:curp 2s ease-in-out infinite}
@keyframes curp{50%{box-shadow:0 0 0 calc(7*var(--u)) rgba(106,165,179,.08)}}
.steps .s span{font:400 calc(10*var(--u))/1.3 var(--thai);color:#9aa0ad;padding:0 calc(2*var(--u))}
.steps .s.done span,.steps .s.cur span{color:#181d23}
.steps .s.cur span{font-weight:600}
.steps .s small{font:400 calc(9*var(--u))/1.2 var(--thai);color:#9aa0ad}
.ship2{display:grid;grid-template-columns:1fr 1fr;gap:calc(8*var(--u));margin-top:calc(12*var(--u))}
.ship2 .tile{border-radius:calc(16*var(--u));background:#fff;box-shadow:0 calc(2*var(--u)) calc(12*var(--u)) rgba(3,77,116,.07);padding:calc(11*var(--u)) calc(12*var(--u));min-width:0}
.ship2 .tile small{display:block;font:400 calc(11*var(--u))/1.4 var(--thai);color:#7a8090}
.ship2 .tile code{display:block;margin-top:calc(3*var(--u));font:600 calc(14*var(--u))/1.3 'KGeorgia',Georgia,serif;letter-spacing:calc(.4*var(--u));color:var(--blue);word-break:break-all}
.ship2 .tile .d{display:block;margin-top:calc(3*var(--u));font:600 calc(14*var(--u))/1.3 var(--thai);color:#181d23}
.ship2 .tile .wait{display:inline-block;margin-top:calc(5*var(--u));padding:calc(3*var(--u)) calc(10*var(--u));border-radius:calc(20*var(--u));background:rgba(198,143,42,.14);color:#8a6219;font:600 calc(11.5*var(--u))/1.4 var(--thai)}
.ship2 .tile .row{display:flex;gap:calc(5*var(--u));margin-top:calc(7*var(--u));flex-wrap:wrap}
.ship2 .tile .btn{height:calc(26*var(--u));line-height:calc(26*var(--u));padding:0 calc(10*var(--u));font-size:calc(10.5*var(--u));border-radius:calc(9*var(--u))}
.ship2 .tile .car{display:block;margin-top:calc(2*var(--u));font:400 calc(10.5*var(--u))/1.3 var(--thai);color:#7a8090}
.tk.mine .num{background-image:none}
.kst{display:block;background:var(--c,#fff);-webkit-mask:url(/kiki/a/star-mask.png) center/contain no-repeat;mask:url(/kiki/a/star-mask.png) center/contain no-repeat}
.oy .kst{width:var(--s,calc(12*var(--u)));height:var(--s,calc(12*var(--u)));margin:calc(var(--s,calc(12*var(--u))) / -2) 0 0 calc(var(--s,calc(12*var(--u))) / -2);animation:tw 2.2s ease-in-out infinite}
.bstars .kst{position:absolute;animation:tw 3s ease-in-out infinite}
.ringglow{filter:none}
.ringglow.rr{background:conic-gradient(from 0deg,transparent 0 58%,rgba(158,31,38,.12) 68%,rgba(158,31,38,.9) 86%,#fff 87.5%,transparent 88.5%);-webkit-mask:radial-gradient(closest-side,transparent 94.5%,#000 95.5%,#000 99.5%,transparent 100%);mask:radial-gradient(closest-side,transparent 94.5%,#000 95.5%,#000 99.5%,transparent 100%);animation:spin 6s linear infinite}
.ringglow.rb{background:conic-gradient(from 0deg,transparent 0 11%,#fff 11.5%,rgba(3,77,116,.9) 13%,rgba(3,77,116,.12) 31%,transparent 41%);-webkit-mask:radial-gradient(closest-side,transparent 86%,#000 87%,#000 91.5%,transparent 92.5%);mask:radial-gradient(closest-side,transparent 86%,#000 87%,#000 91.5%,transparent 92.5%);animation:spin 7.5s linear infinite reverse}
.go .ringglow.rr{animation:spin 6s linear infinite,fadein 1.5s ease 1.2s both}
.go .ringglow.rb{animation:spin 7.5s linear infinite reverse,fadein 1.5s ease 1.4s both}
.orbit i{box-shadow:0 0 calc(6*var(--u)) calc(2*var(--u)) rgba(255,255,255,.95),0 0 calc(14*var(--u)) calc(5*var(--u)) rgba(158,31,38,.5),calc(-14*var(--u)) calc(2*var(--u)) calc(10*var(--u)) calc(-2*var(--u)) rgba(158,31,38,.35),calc(-28*var(--u)) calc(6*var(--u)) calc(12*var(--u)) calc(-4*var(--u)) rgba(198,143,42,.3)}
.orbit.o2 i{box-shadow:0 0 calc(6*var(--u)) calc(2*var(--u)) rgba(255,255,255,.95),0 0 calc(14*var(--u)) calc(5*var(--u)) rgba(3,77,116,.5),calc(14*var(--u)) calc(2*var(--u)) calc(10*var(--u)) calc(-2*var(--u)) rgba(3,77,116,.35),calc(28*var(--u)) calc(6*var(--u)) calc(12*var(--u)) calc(-4*var(--u)) rgba(198,143,42,.3)}
.dline i{box-shadow:0 0 calc(4*var(--u)) calc(2*var(--u)) rgba(158,31,38,.6),0 0 calc(10*var(--u)) calc(4*var(--u)) rgba(3,77,116,.35)}
.stat.mid .in::before,.stat.mid .in::after{box-shadow:calc(12*var(--u)) calc(30*var(--u)) 0 calc(-.3*var(--u)) #fff,calc(34*var(--u)) calc(10*var(--u)) 0 #c68f2a,calc(38*var(--u)) calc(36*var(--u)) 0 calc(-.4*var(--u)) #fff,calc(8*var(--u)) calc(14*var(--u)) 0 calc(-.4*var(--u)) #c68f2a,calc(24*var(--u)) calc(40*var(--u)) 0 calc(-.2*var(--u)) #fff}
.steps .s.done b{background:var(--blue);border-color:var(--blue)}
.steps .s.done::before,.steps .s.cur::before{background:var(--blue)}
.env{width:calc(22*var(--u));height:calc(13*var(--u))}
.env img{display:block;width:100%;height:100%;filter:drop-shadow(0 1px 2px rgba(24,29,35,.18));animation:flutter var(--f,1.1s) ease-in-out infinite alternate}
.ringglow.rr{background:conic-gradient(from 0deg,transparent 0 58%,rgba(255,255,255,.15) 68%,rgba(255,255,255,.95) 86%,#fff 87.5%,transparent 88.5%);filter:drop-shadow(0 0 2px rgba(3,77,116,.35))}
.orbit i{box-shadow:0 0 calc(6*var(--u)) calc(2*var(--u)) rgba(255,255,255,.95),0 0 calc(14*var(--u)) calc(5*var(--u)) rgba(3,77,116,.45),calc(-14*var(--u)) calc(2*var(--u)) calc(10*var(--u)) calc(-2*var(--u)) rgba(3,77,116,.3),calc(-28*var(--u)) calc(6*var(--u)) calc(12*var(--u)) calc(-4*var(--u)) rgba(255,255,255,.6)}
.orbit.o2 i{box-shadow:0 0 calc(6*var(--u)) calc(2*var(--u)) rgba(255,255,255,.95),0 0 calc(14*var(--u)) calc(5*var(--u)) rgba(3,77,116,.45),calc(14*var(--u)) calc(2*var(--u)) calc(10*var(--u)) calc(-2*var(--u)) rgba(3,77,116,.3),calc(28*var(--u)) calc(6*var(--u)) calc(12*var(--u)) calc(-4*var(--u)) rgba(255,255,255,.6)}
.dline i{box-shadow:0 0 calc(4*var(--u)) calc(2*var(--u)) rgba(255,255,255,.9),0 0 calc(10*var(--u)) calc(4*var(--u)) rgba(3,77,116,.4)}
.stat.mid .in::before,.stat.mid .in::after{box-shadow:calc(12*var(--u)) calc(30*var(--u)) 0 calc(-.3*var(--u)) #fff,calc(34*var(--u)) calc(10*var(--u)) 0 #6aa5b3,calc(38*var(--u)) calc(36*var(--u)) 0 calc(-.4*var(--u)) #fff,calc(8*var(--u)) calc(14*var(--u)) 0 calc(-.4*var(--u)) #6aa5b3,calc(24*var(--u)) calc(40*var(--u)) 0 calc(-.2*var(--u)) #fff}
.oy .kst,.bstars .kst{filter:drop-shadow(0 0 1.5px rgba(3,77,116,.45))}
.lglow{background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(3,77,116,.18) 55%,rgba(3,77,116,0))}
.eye{background:#fff;box-shadow:0 0 calc(5*var(--u)) calc(2*var(--u)) rgba(3,77,116,.55)}
.ship2 .tile .wait{background:rgba(3,77,116,.1);color:#034d74}
@keyframes lfly{0%{transform:translate(300px,-40px) rotate(-6deg);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translate(-110px,40px) rotate(6deg);opacity:0}}
@keyframes flyin{0%{translate:calc(380*var(--u)) calc(-90*var(--u));rotate:-10deg;scale:.6;opacity:0}20%{opacity:1}70%{translate:calc(-18*var(--u)) calc(10*var(--u));rotate:3deg;scale:1.04}100%{translate:0 0;rotate:0deg;scale:1}}
@keyframes bkfly{0%{offset-distance:100%;opacity:0}3%{opacity:1}28%{opacity:1}31%,100%{offset-distance:0%;opacity:0}}
html{background:#f6fafc}
body{background:transparent}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#cfe7f4 0%,#e1f0f8 28%,#eff6fa 55%,#f9fbfd 80%,#ffffff 100%)}
.mist i{opacity:.75}
.bring{opacity:.5}
.ringglow.rr{background:conic-gradient(from 0deg,transparent 0 58%,rgba(255,255,255,.2) 68%,rgba(255,255,255,1) 86%,#fff8df 87.5%,transparent 88.5%);filter:drop-shadow(0 0 3px rgba(242,193,78,.55)) drop-shadow(0 0 2px rgba(3,77,116,.3))}
.ringglow.rb{background:conic-gradient(from 0deg,transparent 0 11%,#fff 11.5%,rgba(3,77,116,.95) 13%,rgba(95,170,205,.35) 25%,transparent 41%)}
.orbit i:nth-child(3),.orbit.o2 i:nth-child(2){background:#fff8df;box-shadow:0 0 calc(6*var(--u)) calc(2*var(--u)) rgba(255,248,223,.95),0 0 calc(14*var(--u)) calc(5*var(--u)) rgba(242,193,78,.55),calc(-14*var(--u)) calc(2*var(--u)) calc(10*var(--u)) calc(-2*var(--u)) rgba(242,193,78,.35)}
.twk i{filter:drop-shadow(0 0 4px rgba(255,255,255,.95))}
.oy .kst[style*="#f2c14e"],.bstars .kst[style*="#f2c14e"]{filter:drop-shadow(0 0 4px rgba(242,193,78,.8))}
.oy .kst[style*="#ffffff"],.bstars .kst[style*="#ffffff"]{filter:drop-shadow(0 0 2px rgba(3,77,116,.55))}
.halo{background:radial-gradient(closest-side,rgba(255,255,255,1),rgba(255,255,255,.6) 55%,rgba(255,255,255,0) 100%)}
.stat.mid .in::before,.stat.mid .in::after{box-shadow:calc(12*var(--u)) calc(30*var(--u)) 0 calc(-.3*var(--u)) #fff,calc(34*var(--u)) calc(10*var(--u)) 0 #f2c14e,calc(38*var(--u)) calc(36*var(--u)) 0 calc(-.4*var(--u)) #fff,calc(8*var(--u)) calc(14*var(--u)) 0 calc(-.4*var(--u)) #5faacd,calc(24*var(--u)) calc(40*var(--u)) 0 calc(-.2*var(--u)) #fff}
#loader{background:radial-gradient(ellipse at 50% 45%,#fff 0,#eef6fb 45%,#d9ecf6 100%)}
html{background:#eeeff1}
body{background:#eeeff1}
body::before{display:none}
#loader{background:radial-gradient(ellipse at 50% 45%,#fff 0,#f4f4f7 45%,#e9eaee 100%)}
.bring{opacity:.4}
.ringglow.rr{background:conic-gradient(from 0deg,transparent 0 58%,rgba(4,130,181,.15) 68%,rgba(4,130,181,1) 86%,#fff 87.5%,transparent 88.5%);filter:drop-shadow(0 0 3px rgba(4,130,181,.5))}
.ringglow.rb{background:conic-gradient(from 0deg,transparent 0 11%,#fff 11.5%,rgba(192,1,47,.95) 13%,rgba(192,1,47,.2) 27%,transparent 36%);filter:drop-shadow(0 0 3px rgba(192,1,47,.4))}
.orbit i{box-shadow:0 0 calc(6*var(--u)) calc(2*var(--u)) rgba(255,255,255,.95),0 0 calc(14*var(--u)) calc(5*var(--u)) rgba(4,130,181,.5),calc(-14*var(--u)) calc(2*var(--u)) calc(10*var(--u)) calc(-2*var(--u)) rgba(4,130,181,.35),calc(-28*var(--u)) calc(6*var(--u)) calc(12*var(--u)) calc(-4*var(--u)) rgba(194,225,207,.6)}
.orbit.o2 i{box-shadow:0 0 calc(6*var(--u)) calc(2*var(--u)) rgba(255,255,255,.95),0 0 calc(14*var(--u)) calc(5*var(--u)) rgba(52,157,187,.5),calc(14*var(--u)) calc(2*var(--u)) calc(10*var(--u)) calc(-2*var(--u)) rgba(52,157,187,.35),calc(28*var(--u)) calc(6*var(--u)) calc(12*var(--u)) calc(-4*var(--u)) rgba(194,225,207,.6)}
.orbit i:nth-child(3),.orbit.o2 i:nth-child(2){background:#fff;box-shadow:0 0 calc(6*var(--u)) calc(2*var(--u)) rgba(255,255,255,.95),0 0 calc(14*var(--u)) calc(5*var(--u)) rgba(192,1,47,.5),calc(-14*var(--u)) calc(2*var(--u)) calc(10*var(--u)) calc(-2*var(--u)) rgba(192,1,47,.3)}
.dline i{box-shadow:0 0 calc(4*var(--u)) calc(2*var(--u)) rgba(255,255,255,.9),0 0 calc(10*var(--u)) calc(4*var(--u)) rgba(4,130,181,.45)}
.stat.mid .in::before,.stat.mid .in::after{box-shadow:calc(12*var(--u)) calc(30*var(--u)) 0 calc(-.3*var(--u)) #fff,calc(34*var(--u)) calc(10*var(--u)) 0 #c0012f,calc(38*var(--u)) calc(36*var(--u)) 0 calc(-.4*var(--u)) #fff,calc(8*var(--u)) calc(14*var(--u)) 0 calc(-.4*var(--u)) #349dbb,calc(24*var(--u)) calc(40*var(--u)) 0 calc(-.2*var(--u)) #fff}
.oy .kst[style*="#c0012f"],.bstars .kst[style*="#c0012f"]{filter:drop-shadow(0 0 3px rgba(192,1,47,.55))}
.oy .kst[style*="#ffffff"],.bstars .kst[style*="#ffffff"]{filter:drop-shadow(0 0 2px rgba(4,130,181,.6))}
.lglow{background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(4,130,181,.18) 55%,rgba(4,130,181,0))}
.eye{background:#fff;box-shadow:0 0 calc(5*var(--u)) calc(2*var(--u)) rgba(4,130,181,.6)}
.ringglow.rb{background:conic-gradient(from 0deg,transparent 0 11%,#fff 11.5%,rgba(52,157,187,.95) 13%,rgba(194,225,207,.35) 27%,transparent 38%);filter:drop-shadow(0 0 3px rgba(52,157,187,.45))}
.ringglow{display:none}
.hands{left:0;top:0;width:calc(440*var(--u));height:calc(440*var(--u));overflow:visible;pointer-events:none}
.hands .hh path:first-child,.hands .hm path:first-child{fill:#5c6f8e;fill-opacity:.62}
.hands .hh path+path,.hands .hm circle{stroke:#5c6f8e;stroke-opacity:.7}
.hands .hs path{stroke:#c0012f;stroke-opacity:.75}
.hands .hs circle{fill:#c0012f;fill-opacity:.75}
.hands .hc{fill:#5c6f8e;fill-opacity:.8}
.hands g{transition:transform .35s cubic-bezier(.4,2.2,.5,1)}
.hands .hh,.hands .hm{transition:none}
.go .hands{animation:fadein 1.4s ease 1.3s both}
.hands g{transform-box:view-box;transform-origin:219.5px 215px}
.logor{left:calc(313*var(--u));top:calc(492*var(--u));width:calc(111*var(--u));height:calc(111*var(--u));animation:bob 8s ease-in-out .6s infinite}
.lrimg{left:0;top:0;width:100%;height:100%;object-fit:contain}
@keyframes logorin{from{opacity:0;scale:.7;translate:0 calc(14*var(--u))}}
.go .logor{animation:bob 8s ease-in-out 4s infinite}
.go .lrimg{animation:logorin 1.2s cubic-bezier(.3,1.5,.4,1) 1.9s both}
.settled .lrimg{animation:none}
.ltx{display:none;text-align:left;white-space:nowrap;font:400 calc(32*var(--u))/1 'KLove','Nanum Brush Script','KPlex',cursive;overflow:visible;color:#000;text-shadow:0 calc(-1*var(--u)) calc(2*var(--u)) rgba(0,0,0,.25);animation:inkglow 5s ease-in-out infinite}
.ltx.t1{left:calc(38*var(--u));top:calc(527.5*var(--u));width:calc(120*var(--u))}
.ltx.t2{left:calc(38*var(--u));top:calc(564.5*var(--u));width:calc(120*var(--u))}
.logo.txt .lpomu,.logo.txt .lmobi{display:none}
.logo.txt .ltx{display:block}
.go .ltx.t1{animation:inkglow 5s ease-in-out 4s infinite,wipetx 1.4s cubic-bezier(.5,0,.3,1) 1.7s both}
.go .ltx.t2{animation:inkglow 5s ease-in-out 5s infinite,wipetx 1.2s cubic-bezier(.5,0,.3,1) 2.4s both}
@keyframes wipetx{from{clip-path:inset(-80% 100% -80% -20%)}to{clip-path:inset(-80% -20% -80% -20%)}}
.clabtx{display:none;left:calc(150*var(--u));top:calc(542.5*var(--u));width:calc(140*var(--u));text-align:center;white-space:nowrap;font:400 calc(14*var(--u))/calc(18*var(--u)) 'KLove','Nanum Brush Script','KPlex',cursive;color:#000;text-shadow:var(--sh)}
.cauldron.txt .clabel{display:none}
.cauldron.txt .clabtx{display:block}
.pill.one{width:calc(82*var(--u));margin-left:calc(-41*var(--u))}
.hide-ring .hero .ring,.hide-ring .bring{display:none!important}
.hide-hands #hands{display:none!important}
.hide-k .kswash{display:none!important}
.hide-clouds .clouds,.hide-clouds .bcl{display:none!important}
.hide-moon .halo,.hide-moon .moonimg,.hide-moon .moonflare{display:none!important}
.hide-kiki .kfly,.hide-kiki .bkiki{display:none!important}
.hide-orbit .korb{display:none!important}
.hide-mail #kmail{display:none!important}
.hide-logoL .logo{display:none!important}
.hide-logoR .logor{display:none!important}
.hide-cauldron #cauldron{display:none!important}
.hide-month .dline,.hide-month #month{display:none!important}
.hide-stats #stats{display:none!important}
.hide-cat .cat{display:none!important}
.hide-chips #chips{display:none!important}
.hide-girl #girl{display:none!important}
.hide-stars .twk,.hide-stars #bstars,.hide-stars .sdeco,.hide-stars .tdeco,.hide-stars .orbit{display:none!important}
.hide-bg .bgdeco,.hide-bg .mist{display:none!important}
.hide-mineBtn #bMine,.hide-contactBtn #bContact{display:none!important}
.hide-pill .pill{display:none!important}
a.btn{text-decoration:none;display:inline-block}
.mist i{filter:none;will-change:transform}
.mist i:nth-child(1){background:radial-gradient(closest-side,rgba(255,255,255,.9),rgba(255,255,255,.5) 40%,rgba(255,255,255,.18) 70%,rgba(255,255,255,0))}
.mist i:nth-child(2){background:radial-gradient(closest-side,rgba(240,243,245,.85),rgba(240,243,245,.42) 45%,rgba(240,243,245,.14) 72%,rgba(240,243,245,0))}
.mist i:nth-child(3){background:radial-gradient(closest-side,rgba(226,237,240,.8),rgba(226,237,240,.38) 45%,rgba(226,237,240,.12) 72%,rgba(226,237,240,0))}
.mist i:nth-child(4){background:radial-gradient(closest-side,rgba(236,241,243,.8),rgba(236,241,243,.3) 55%,rgba(236,241,243,0))}
.anim .kswash,.go .kswash{-webkit-mask:none;mask:none}
.go .kswash{animation:kdraw 2.6s cubic-bezier(.4,0,.2,1) .5s both}
.kglint{left:0;top:calc(77.888*var(--u));width:calc(440*var(--u));height:calc(285.056*var(--u));overflow:hidden;pointer-events:none;opacity:0;-webkit-mask:url(/kiki/a/k.webp) 0 0/100% 100% no-repeat;mask:url(/kiki/a/k.webp) 0 0/100% 100% no-repeat}
.go .kglint{animation:fadein .6s ease 3.2s both}
.kglint i{position:absolute;left:0;top:0;width:60%;height:100%;background:linear-gradient(100deg,rgba(238,239,241,0),rgba(238,239,241,.75) 50%,rgba(238,239,241,0));transform:translateX(-140%);animation:kglintx 6s linear 3.2s infinite;will-change:transform}
@keyframes kglintx{from{transform:translateX(-133%)}to{transform:translateX(200%)}}
.hide-k .kglint{display:none!important}
body.calm .kglint{display:none}
.bub{box-shadow:0 0 calc(5*var(--u)) rgba(195,182,218,.75)}
@keyframes bubf{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(calc(1.5*var(--u)),calc(-7*var(--u))) scale(1.25)}}
.stat.mid .in{animation:none;box-shadow:var(--sh)}
.stat.mid::before{content:"";position:absolute;left:calc(5*var(--u));top:calc(5*var(--u));width:calc(52*var(--u));height:calc(52*var(--u));border-radius:50%;box-shadow:0 0 calc(14*var(--u)) calc(2*var(--u)) rgba(195,182,218,.55);opacity:0;animation:midglowx 4s ease-in-out infinite}
@keyframes midglowx{50%{opacity:1}}
.stat:not(.mid) .in::after{left:0;right:auto;width:200%;background-size:100% 100%;background-position:0 0;animation:phasex 9s linear infinite;will-change:transform}
@keyframes phasex{from{transform:translateX(50%)}to{transform:translateX(-50%)}}
.dline i{animation-name:travelx}
@keyframes travelx{0%{transform:translateX(0);opacity:0}15%,85%{opacity:1}100%{transform:translateX(calc(132*var(--u)));opacity:0}}
.tk .fill{overflow:hidden}
.tk .fill::after{left:0;right:auto;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);animation:glitterx 2.6s linear infinite}
@keyframes glitterx{from{transform:translateX(-90%)}to{transform:translateX(270%)}}
.tk .pm svg path{animation:none}
.tk .pm svg{animation:wave 4s ease-in-out infinite}
.pill::before{display:none}
.pring{position:absolute;inset:calc(-1*var(--u));border-radius:calc(50*var(--u));padding:calc(1*var(--u));overflow:hidden;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.pring b{position:absolute;left:50%;top:50%;width:calc(190*var(--u));height:calc(190*var(--u));margin:calc(-95*var(--u)) 0 0 calc(-95*var(--u));background:conic-gradient(from 0deg,transparent 0 75%,rgba(195,182,218,.95) 85%,rgba(106,165,179,.8) 92%,transparent 100%);animation:spin 5s linear infinite;will-change:transform}
.pill .lan path{animation:none}
.pill .lan{animation:lanflk 2.6s steps(1) infinite}
@keyframes lanflk{0%{opacity:1}30%{opacity:.82}60%{opacity:1}80%{opacity:.9}}
.steps .s.cur b{animation:none;box-shadow:0 0 0 calc(4*var(--u)) rgba(106,165,179,.2)}
.steps .s.cur b::after{content:"";position:absolute;inset:calc(-6*var(--u));border-radius:50%;background:rgba(106,165,179,.1);transform:scale(.55);animation:curpx 2s ease-in-out infinite;z-index:-1}
@keyframes curpx{50%{transform:scale(1.15)}}
.kst{background:none!important;-webkit-mask:none!important;mask:none!important;filter:none!important}
.oy .kst{position:relative}
.kst::before{content:"";position:absolute;inset:-50%;background:var(--st) center/100% 100% no-repeat}
.twk i{background:none!important;clip-path:none!important;filter:none!important}
.twk i::before{content:"";position:absolute;inset:-75%;background:var(--st) center/100% 100% no-repeat}
.steam i{filter:none;background:radial-gradient(closest-side,rgba(195,182,218,.7),rgba(195,182,218,.42) 40%,rgba(195,182,218,.13) 75%,rgba(195,182,218,0))}
.ccone{filter:none;background:radial-gradient(60% 100% at 50% 100%,rgba(195,182,218,.78),rgba(195,182,218,.32) 50%,rgba(195,182,218,.08) 78%,rgba(195,182,218,0) 92%)}
.clouds.c2{filter:none}
.go .lpomu{animation:wipe 1.4s cubic-bezier(.5,0,.3,1) 1.7s both}
.go .lmobi{animation:wipe 1.2s cubic-bezier(.5,0,.3,1) 2.4s both}
.go .ltx.t1{animation:wipetx 1.4s cubic-bezier(.5,0,.3,1) 1.7s both}
.go .ltx.t2{animation:wipetx 1.2s cubic-bezier(.5,0,.3,1) 2.4s both}
.lhat img,.llan img{display:block;width:100%;height:100%}
.env img{filter:none}
.bkiki{filter:none;offset-path:none;animation:bkflyx 34s linear 9s infinite}
@keyframes bkflyx{0.00%{transform:translate(calc(2600px - 50%),calc(140px - 50%));opacity:0}2.21%{transform:translate(calc(2407px - 50%),calc(106px - 50%));opacity:0.28}4.43%{transform:translate(calc(2214px - 50%),calc(69px - 50%));opacity:0.28}6.64%{transform:translate(calc(2021px - 50%),calc(35px - 50%));opacity:0.28}8.86%{transform:translate(calc(1826px - 50%),calc(10px - 50%));opacity:0.28}11.07%{transform:translate(calc(1630px - 50%),calc(6px - 50%));opacity:0.28}13.29%{transform:translate(calc(1435px - 50%),calc(28px - 50%));opacity:0.28}15.50%{transform:translate(calc(1245px - 50%),calc(75px - 50%));opacity:0.28}17.71%{transform:translate(calc(1052px - 50%),calc(105px - 50%));opacity:0.28}19.93%{transform:translate(calc(856px - 50%),calc(124px - 50%));opacity:0.28}22.14%{transform:translate(calc(661px - 50%),calc(143px - 50%));opacity:0.28}24.36%{transform:translate(calc(466px - 50%),calc(162px - 50%));opacity:0.28}26.57%{transform:translate(calc(271px - 50%),calc(182px - 50%));opacity:0.28}28.79%{transform:translate(calc(75px - 50%),calc(201px - 50%));opacity:0.28}31.00%{transform:translate(calc(-120px - 50%),calc(220px - 50%));opacity:0}100%{transform:translate(calc(-120px - 50%),calc(220px - 50%));opacity:0}}
#bgfx{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.fxc .mist{display:none!important}
.twkc{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
.hide-bg #bgfx{display:none!important}
.zz,.zz *{animation-play-state:paused!important}
.sheeton .stage *,.sheeton .bgdeco *,.sheeton .pill,.sheeton .pill *{animation-play-state:paused!important}
@media (pointer:coarse){
.pill{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(255,255,255,.93)}
.lyr{will-change:auto}
.mist i{will-change:auto}
}
.zsen{position:absolute;left:0;width:calc(440*var(--u));visibility:hidden;pointer-events:none}
.settled .halo{animation:halo 4.5s ease-in-out -3.4s infinite}
.settled .moonimg{animation:moonglow 6s ease-in-out -3.2s infinite}
.kglint,.go .kglint{opacity:1;animation:none}
.stat:not(.mid) .in{clip-path:circle(50% at 50% 50%)}
.stat:not(.mid) .in::after{inset:auto;left:calc(-104*var(--u));top:0;width:calc(312*var(--u));height:calc(52*var(--u));border-radius:0;background:radial-gradient(circle at 50% 50%,transparent 62%,rgba(24,28,37,.13) 64%,rgba(24,28,37,.13) 100%) 0 0/calc(104*var(--u)) calc(52*var(--u)) repeat-x;animation:phasey 9s linear infinite;will-change:auto}
.stat:last-of-type .in::after{animation-delay:-4.5s}
@keyframes phasey{from{transform:translateX(calc(52*var(--u)))}to{transform:translateX(calc(-52*var(--u)))}}