:root{--ink:#001346;--magenta:#EB0989;--azure:#3585F6;--violet:#6931F1;--electric:#430FFA;--sky:#9CD2FF;--gold:#FFC53D;--mute:#6E7BA6;--line:rgba(0,19,70,.12);--grad:linear-gradient(96deg,var(--azure) 0%,var(--violet) 48%,var(--magenta) 100%);--sans:"Pretendard","Pretendard Variable",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;--num:"Anton","Pretendard",sans-serif;--kdis:"Black Han Sans","Pretendard",sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden}body{font-family:var(--sans);color:var(--ink);background:#eff6ff;-webkit-font-smoothing:antialiased;user-select:none}.bg{position:fixed;inset:0;z-index:0;background:linear-gradient(180deg,#dcebff,#f5faff 54%,#fff)}.mesh{position:fixed;inset:-30%;z-index:0;opacity:.3;will-change:transform;background:conic-gradient(from 0deg,#3585f68c,#6931f16b,#eb098966,#430ffa6b,#3585f68c);filter:blur(90px);animation:spin 48s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.blob{position:fixed;border-radius:50%;filter:blur(58px);z-index:0;will-change:transform}.b1{width:66vh;height:66vh;left:-18vh;top:-22vh;background:#3585f63d;animation:drift1 19s ease-in-out infinite}.b2{width:54vh;height:54vh;right:-13vh;top:-9vh;background:#eb09892e;animation:drift2 23s ease-in-out infinite}.b3{width:60vh;height:60vh;right:5vh;bottom:-28vh;background:#6931f12e;animation:drift3 27s ease-in-out infinite}@keyframes drift1{50%{transform:translate(9vh,7vh) scale(1.12)}}@keyframes drift2{50%{transform:translate(-11vh,9vh) scale(1.08)}}@keyframes drift3{50%{transform:translate(-8vh,-10vh) scale(1.14)}}.story{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;gap:.55vh;padding:1.1vh 2.4vh}.seg{flex:1;height:.85vh;border-radius:99px;background:#0013461a;overflow:hidden}.seg i{display:block;height:100%;width:0;border-radius:99px;background:var(--grad);transition:width 1s cubic-bezier(.2,.9,.25,1)}.seg.live i{animation:segpulse 1.5s ease-in-out infinite}.seg.done i{box-shadow:0 0 14px #eb09898c}.seg.flash{animation:flash .6s ease-out 3}@keyframes segpulse{50%{opacity:.5}}@keyframes flash{50%{background:var(--gold)}}.stage{position:relative;z-index:10;height:100dvh;display:flex;flex-direction:column;padding:4.2vh 4vh 2.2vh}.top{display:flex;align-items:center;gap:1.2vh;flex:none}.live{display:inline-flex;align-items:center;gap:.7vh;background:var(--magenta);color:#fff;font-weight:800;font-size:1.6vh;letter-spacing:.09em;padding:.6vh 1.3vh;border-radius:99px;position:relative}.live:after{content:"";position:absolute;inset:0;border-radius:99px;border:.25vh solid var(--magenta);animation:ring 2s ease-out infinite}@keyframes ring{0%{transform:scale(1);opacity:.7}to{transform:scale(1.35);opacity:0}}.live b{width:.8vh;height:.8vh;border-radius:50%;background:#fff;animation:blink 1.4s infinite}@keyframes blink{0%,60%{opacity:1}80%,to{opacity:.15}}.handle{font-weight:800;font-size:1.95vh;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.handle span{color:var(--mute);font-weight:600}.where{margin-left:auto;display:flex;align-items:center;gap:1vh;font-size:1.65vh;font-weight:700;color:var(--mute);white-space:nowrap}.where b{color:var(--ink)}.where i{font-style:normal;opacity:.35}.clock{font-family:var(--num);font-size:2.1vh;color:var(--ink);transform:skew(-7deg);font-variant-numeric:tabular-nums;letter-spacing:.02em}.core{flex:1;min-height:0;display:grid;grid-template-columns:1.4fr .82fr;gap:3.4vh;align-items:center;padding:1.6vh 0 0}.hero{min-width:0;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:1.7vh;font-weight:800;letter-spacing:.22em;color:var(--mute)}.amountwrap{position:relative;display:block;margin:.4vh 0 0}.amount{font-family:var(--num);font-size:min(19vh,13.6vw);line-height:.88;letter-spacing:-.02em;transform:skew(-7deg);transform-origin:left center;font-variant-numeric:tabular-nums;white-space:nowrap;background:var(--grad);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 7s linear infinite}@keyframes sheen{to{background-position:220% 0}}.amount.punch{animation:sheen 7s linear infinite,punch .55s cubic-bezier(.2,1.6,.3,1)}@keyframes punch{0%{transform:skew(-7deg) scale(1)}34%{transform:skew(-7deg) scale(1.055)}to{transform:skew(-7deg) scale(1)}}.amount small{font-size:.36em;letter-spacing:0;vertical-align:.3em}#delta{position:absolute;left:0;top:-3.4vh;font-family:var(--num);font-size:4vh;color:var(--magenta);transform:skew(-7deg);opacity:0;pointer-events:none;white-space:nowrap}#delta.on{animation:pop 1.8s ease-out forwards}@keyframes pop{0%{opacity:0;transform:skew(-7deg) translateY(2vh)}16%{opacity:1;transform:skew(-7deg) translateY(-.5vh)}to{opacity:0;transform:skew(-7deg) translateY(-7vh)}}.bar{width:100%;height:2vh;margin:2.4vh 0 0;border-radius:99px;background:#00134612;overflow:hidden;position:relative}.bar i{position:absolute;inset:0 auto 0 0;width:0;border-radius:99px;background:var(--grad);transition:width 1.1s cubic-bezier(.2,.9,.25,1)}.bar i:after{content:"";position:absolute;inset:0;border-radius:99px;background:repeating-linear-gradient(115deg,rgba(255,255,255,.32) 0 1vh,transparent 1vh 2.2vh);animation:flow 1.1s linear infinite}@keyframes flow{to{background-position:2.2vh 0}}.bar.over i{background:linear-gradient(96deg,var(--magenta),var(--gold) 48%,var(--magenta))}.bar.over i:after{animation-duration:.55s}.bar.over u{box-shadow:0 0 1.8vh var(--gold);background:var(--gold)}.bar u{position:absolute;top:50%;width:1.5vh;height:1.5vh;margin:-.75vh 0 0 -.75vh;border-radius:50%;background:#fff;box-shadow:0 0 1.4vh #eb0989e6;left:0;transition:left 1.1s cubic-bezier(.2,.9,.25,1);animation:headpulse 1.3s ease-in-out infinite}@keyframes headpulse{50%{transform:scale(1.35)}}.meta{display:flex;align-items:baseline;gap:1.6vh;margin-top:1.9vh;flex-wrap:wrap}.pct{font-family:var(--num);font-size:5vh;line-height:1;transform:skew(-7deg);font-variant-numeric:tabular-nums;color:var(--ink)}.pct i{font-style:normal;font-size:.46em;color:var(--magenta);margin-left:.1em}.pct.over{background:linear-gradient(96deg,var(--magenta),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;animation:overglow 1.6s ease-in-out infinite}.pct.over i{color:var(--gold)}@keyframes overglow{50%{opacity:.72}}.over-badge{display:none;align-items:center;gap:.5vh;background:var(--gold);color:var(--ink);font-size:1.5vh;font-weight:800;padding:.5vh 1.2vh;border-radius:99px;white-space:nowrap}.meta.over .over-badge{display:inline-flex}.meta .sep{width:.55vh;height:.55vh;border-radius:50%;background:var(--line)}.meta .txt{font-size:1.9vh;font-weight:700;color:var(--mute)}.meta .txt b{color:var(--ink)}.stats{display:flex;gap:3.6vh;margin-top:2.6vh}.stat{display:flex;flex-direction:column;gap:.3vh}.stat b{font-family:var(--num);font-size:3.3vh;line-height:1;transform:skew(-7deg);transform-origin:left center;font-variant-numeric:tabular-nums;color:var(--ink)}.stat span{font-size:1.45vh;font-weight:700;color:var(--mute)}.side{min-width:0;height:100%;overflow:hidden;display:flex;flex-direction:column;gap:1.4vh;justify-content:center}.sh{display:flex;align-items:center;gap:.8vh;font-size:1.35vh;font-weight:800;letter-spacing:.18em;color:var(--mute);flex:none}.sh em{font-style:normal;width:.6vh;height:.6vh;border-radius:50%;background:var(--magenta);animation:blink 1.6s infinite}.menu{display:flex;flex-direction:column;gap:1vh;flex:0 1 auto;min-height:0;overflow:hidden}.mi{position:relative;display:flex;align-items:center;gap:1.2vh;overflow:hidden;background:#ffffffd1;border:1px solid var(--line);border-radius:1.6vh;padding:1.2vh 1.4vh;backdrop-filter:blur(6px);will-change:transform}.mi:before{content:"";position:absolute;inset:0;transform:translate(-120%);background:linear-gradient(105deg,transparent,rgba(255,255,255,.85),transparent);pointer-events:none}.mi.sweep:before{animation:sweep 1.15s ease-out}@keyframes sweep{to{transform:translate(120%)}}.mi-emo{font-size:3vh;line-height:1;flex:none}.mi-body{flex:1;min-width:0}.mi-top{display:flex;align-items:baseline;gap:.7vh}.mi-nm{font-family:var(--kdis);font-size:2.1vh;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mi-pr{font-size:1.5vh;font-weight:800;color:var(--azure);white-space:nowrap}.mi-share{height:.6vh;border-radius:99px;background:#00134614;margin-top:.7vh;overflow:hidden}.mi-share i{display:block;height:100%;width:0;border-radius:99px;background:var(--grad);transition:width .9s cubic-bezier(.2,.9,.25,1)}.mi-ct{flex:none;text-align:right;min-width:4.4vh}.mi-ct b{display:block;font-family:var(--num);font-size:3vh;line-height:1;transform:skew(-7deg);font-variant-numeric:tabular-nums}.mi-ct span{font-size:1.15vh;font-weight:700;color:var(--mute)}.mi-ct.bump b{animation:bump .6s cubic-bezier(.2,1.7,.3,1)}@keyframes bump{0%{transform:skew(-7deg) scale(1)}30%{transform:skew(-7deg) scale(1.3);color:var(--magenta)}to{transform:skew(-7deg) scale(1)}}.mi-hot{position:absolute;right:-.2vh;top:-.2vh;display:none;background:var(--magenta);color:#fff;font-size:1.05vh;font-weight:800;letter-spacing:.08em;padding:.3vh .8vh;border-radius:0 1.6vh 0 .8vh}.mi.hot .mi-hot{display:block}.mi.hot{border-color:#eb098959;box-shadow:0 .4vh 1.6vh #eb098924}.feed{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:.5vh}.fr{display:flex;align-items:center;gap:.9vh;font-size:1.5vh;flex:none;padding:.62vh .3vh;border-bottom:1px dashed var(--line)}.fr:last-child{border-bottom:0}.fr .d{font-weight:800;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fr .a{font-family:var(--num);font-size:1.85vh;transform:skew(-7deg);color:var(--azure);font-variant-numeric:tabular-nums}.fr .w{font-size:1.25vh;font-weight:700;color:var(--mute);flex:none;min-width:5.4vh;text-align:right}.fr.fresh{animation:slidein .6s cubic-bezier(.2,.9,.25,1)}@keyframes slidein{0%{opacity:0;transform:translate(2.4vh)}to{opacity:1;transform:none}}.fempty{font-size:1.45vh;font-weight:700;color:var(--mute);padding:.7vh .3vh}.ticker{flex:none;height:5.2vh;display:flex;align-items:center;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:1vh}.track{display:flex;white-space:nowrap;will-change:transform;animation:roll linear infinite}@keyframes roll{to{transform:translate(-50%)}}.track span{font-size:1.95vh;font-weight:700;padding:0 2.2vh;letter-spacing:-.01em}.track em{font-style:normal;font-family:var(--kdis);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.track u{text-decoration:none;color:var(--azure);font-weight:800}.track b{color:var(--line)}.foot{flex:none;display:flex;align-items:center;gap:1.1vh;font-size:1.45vh;color:var(--mute);font-weight:600;padding-top:1.2vh}.dot{width:.7vh;height:.7vh;border-radius:50%;background:#20c77b;box-shadow:0 0 0 .4vh #20c77b29;flex:none}.dot.off{background:#b9bfd4;box-shadow:none}.foot .right{margin-left:auto;display:flex;gap:1vh;align-items:center}.btn{background:#ffffffe0;border:1px solid var(--line);border-radius:99px;padding:.85vh 1.7vh;font-family:var(--sans);font-size:1.5vh;font-weight:700;color:var(--mute);cursor:pointer;-webkit-appearance:none;transition:.18s}.btn:active{transform:scale(.95)}.btn.act{background:var(--magenta);border-color:var(--magenta);color:#fff}#fx{position:fixed;inset:0;z-index:40;pointer-events:none;overflow:hidden}.heart{position:absolute;bottom:5vh;animation:rise var(--dur,3s) ease-out forwards;will-change:transform,opacity}@keyframes rise{0%{transform:translate(0) scale(.4);opacity:0}12%{opacity:1;transform:translateY(-5vh) scale(1.1)}to{transform:translate(var(--dx,4vh),-72vh) scale(.85);opacity:0}}#toast{position:fixed;left:50%;bottom:10vh;transform:translate(-50%,3vh);z-index:45;background:var(--ink);color:#fff;padding:1.3vh 2.5vh;border-radius:99px;font-weight:800;font-size:1.95vh;box-shadow:0 1.4vh 3.6vh #00134657;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none;white-space:nowrap}#toast.on{opacity:1;transform:translate(-50%)}#confetti{position:fixed;inset:0;z-index:44;pointer-events:none}#cleared{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;background:#000a28e6;backdrop-filter:blur(8px);text-align:center}#cleared.on{display:flex;animation:fade .5s}@keyframes fade{0%{opacity:0}to{opacity:1}}#cleared .big{font-family:var(--num);font-size:15vh;line-height:.9;transform:skew(-7deg);background:linear-gradient(92deg,var(--sky),var(--magenta),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}#cleared .sub{font-family:var(--kdis);font-size:4vh;color:#fff;margin-top:1.4vh}#mile{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.8);z-index:46;opacity:0;pointer-events:none;text-align:center}#mile.on{animation:mileshow 2.6s ease-out}@keyframes mileshow{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}14%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.06)}}#mile .n{font-family:var(--num);font-size:16vh;line-height:.85;transform:skew(-7deg);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}#mile .c{font-family:var(--kdis);font-size:3.4vh;color:var(--ink);margin-top:.6vh}#poster{position:fixed;inset:0;z-index:48;display:none;opacity:0;transition:opacity .9s;background:#00081f;overflow:hidden}#poster.on{display:block;opacity:1}#poster .blur{position:absolute;inset:-6%;background-size:cover;background-position:center;filter:blur(42px) saturate(1.4) brightness(.55);transform:scale(1.1)}#poster .art{position:absolute;inset:0;margin:auto;max-width:100%;max-height:100%;object-fit:contain;display:block;animation:kenburns 22s ease-in-out infinite alternate}@keyframes kenburns{0%{transform:scale(1)}to{transform:scale(1.07)}}#poster .strip{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;gap:2.2vh;padding:2.2vh 4vh;background:linear-gradient(0deg,#00081ff2,#00081f00);color:#fff}#poster .strip .lab{font-size:1.5vh;font-weight:800;letter-spacing:.18em;color:var(--sky)}#poster .strip .amt{font-family:var(--num);font-size:6.2vh;line-height:.9;transform:skew(-7deg);font-variant-numeric:tabular-nums;background:linear-gradient(92deg,var(--sky),var(--magenta));-webkit-background-clip:text;background-clip:text;color:transparent}#poster .strip .mini{flex:1;height:1.1vh;border-radius:99px;background:#ffffff2e;overflow:hidden}#poster .strip .mini i{display:block;height:100%;width:0;border-radius:99px;background:var(--grad);transition:width 1s}#poster .strip .pc{font-family:var(--num);font-size:3.2vh;transform:skew(-7deg)}#poster .hint{position:absolute;top:2.2vh;right:2.8vh;z-index:2;font-size:1.45vh;font-weight:700;color:#fff9;background:#ffffff1a;padding:.7vh 1.6vh;border-radius:99px}@media (orientation:portrait){.stage{padding:4.2vh 3vh 2.2vh}.core{grid-template-columns:1fr;gap:1.6vh;align-content:center}.hero{text-align:center}.amount{font-size:min(14vh,19vw);transform-origin:center}.amountwrap{text-align:center}#delta{left:auto;right:0}.meta,.stats{justify-content:center}.stat b{transform-origin:center}.menu{flex-direction:row}.mi{flex:1;flex-direction:column;text-align:center;gap:.5vh;padding:1vh .7vh}.mi-top{flex-direction:column;align-items:center;gap:.1vh}.mi-ct{min-width:0}.feed{max-height:18vh}.where{font-size:1.45vh}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.track{animation:none!important}}
