@font-face{font-family:KalingDisplay;src:url(/assets/MaplestoryBold-DyfoWay0.woff) format("woff"),url(/assets/MaplestoryBold-CikNHvkm.ttf) format("truetype");font-weight:100 900;font-display:swap}@property --paper{syntax: "<color>"; inherits: true; initial-value: #fbf3e6;}@property --paper2{syntax: "<color>"; inherits: true; initial-value: #f6e6cf;}@property --ink{syntax: "<color>"; inherits: true; initial-value: #4a3428;}@property --accent{syntax: "<color>"; inherits: true; initial-value: #c4532d;}@property --blush{syntax: "<color>"; inherits: true; initial-value: #f8dcc4;}@property --blush2{syntax: "<color>"; inherits: true; initial-value: #e9efd9;}:root{--font: "KalingDisplay", system-ui, -apple-system, "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--ease: cubic-bezier(.25, .8, .3, 1);--soft: cubic-bezier(.3, 1.25, .5, 1);--line: 1.5px;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;background:#fbf3e6}body{font-family:var(--font);font-weight:400;font-synthesis:none;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px dashed var(--ink);outline-offset:3px}[hidden]{display:none!important}.stage{--paper: #fbf3e6;--paper2: #f6e6cf;--ink: #4a3428;--sub: #86705f;--rule: rgba(74, 52, 40, .22);--faint: rgba(74, 52, 40, .08);--accent: #c4532d;--blush: #f8dcc4;--blush2: #e9efd9;--pop0: #f5bca2;--pop1: #f5d88b;--pop2: #e6cfb1;--pop: var(--pop0);--d0: #e88f68;--d1: #e9be4a;--d2: #d9a77e;--card: color-mix(in srgb, var(--paper) 45%, #fff);--c0: var(--pop0);--c1: var(--pop1);--c2: var(--pop2);--c3: var(--blush2);--c4: var(--paper2);--top-h: calc(env(safe-area-inset-top, 0px) + 68px) ;--bot-h: calc(env(safe-area-inset-bottom, 0px) + 80px) ;position:fixed;inset:0;overflow:hidden;container:stage / size;color:var(--ink);background:var(--paper);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:pan-y;transition:--paper .8s,--paper2 .8s,--ink .8s,--accent .8s,--blush .8s,--blush2 .8s}.backdrop{position:absolute;inset:0;pointer-events:none;overflow:hidden}.motif{position:absolute;inset:0}[data-mood=server] .motif{background-image:linear-gradient(var(--faint) 1px,transparent 1px),linear-gradient(90deg,var(--faint) 1px,transparent 1px);background-size:24px 24px;background-position:-1px -1px}[data-mood=server] .motif:before{content:"";position:absolute;top:0;bottom:0;left:clamp(8px,2.2cqw,28px);width:4px;border-left:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-right:1px solid color-mix(in srgb,var(--accent) 45%,transparent)}.blob{position:absolute;border-radius:50%;translate:-50% -50%;transition:left 1.2s var(--ease),top 1.2s var(--ease),scale 1.2s var(--ease)}.b1{width:62cqmin;aspect-ratio:1;left:var(--b1x, 78%);top:var(--b1y, 14%);scale:var(--b1s, 1);background:var(--blush)}.b2{width:48cqmin;aspect-ratio:1;left:var(--b2x, 8%);top:var(--b2y, 82%);scale:var(--b2s, .8);background:var(--blush2)}[data-mood=server] .b1{background:repeating-radial-gradient(circle,transparent 0 21px,var(--rule) 21px 22.5px);-webkit-mask-image:radial-gradient(circle,#000 52%,transparent 71%);mask-image:radial-gradient(circle,#000 52%,transparent 71%)}[data-mood=server] .b2{display:none}.grain,.fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pages{position:absolute;inset:0}.pg{position:absolute;inset:0;margin-inline:auto;max-width:1180px;padding:var(--top-h) clamp(18px,5cqw,60px) var(--bot-h);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(auto,1fr) auto;row-gap:clamp(10px,2cqh,22px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.pg::-webkit-scrollbar{display:none}.pg>.pg-meta{grid-row:1}.pg>.pg-head{grid-row:2}.pg>.pg-viz{grid-row:3}.pg>.say{grid-row:4}.pg.no-viz{grid-template-rows:auto minmax(auto,1fr) 0 auto}.pg.no-viz .pg-head{align-self:center}.pg-head{min-width:0;display:grid;align-content:start}.pg-viz{min-width:0;display:grid;place-items:center;container-type:inline-size}.pg--cover>.pg-viz,.pg--bignum .pg-viz,.pg--hero .pg-viz,.pg--clock .pg-viz,.pg--podium .pg-viz,.pg--bubbles .pg-viz{container-type:size;min-height:190px}.pg--podium>.pg-viz{min-height:240px}.pg-viz:has(.cal){min-height:250px}.pg-meta{display:flex;align-items:center;gap:7px;min-width:0;font-size:12.5px;color:var(--sub);white-space:nowrap;animation:fadeIn .5s both}.meta-title{color:var(--ink);overflow:hidden;text-overflow:ellipsis;min-width:0}.meta-period{flex:none}.meta-dot{opacity:.6}.meta-ava{width:20px;height:20px;border-radius:50%;flex:none;border:var(--line) solid var(--ink);object-fit:cover}.kicker{display:flex;align-items:center;gap:9px;margin-bottom:clamp(6px,1.4cqh,14px);font-size:14px;color:var(--ink)}.kicker-no{width:26px;height:26px;flex:none;display:grid;place-items:center;border-radius:50%;border:var(--line) solid var(--ink);background:var(--pop);font-size:11px;letter-spacing:0;animation:stampIn .45s .05s var(--soft) both}.kicker-txt{letter-spacing:.04em;animation:fadeIn .5s .1s both}.kicker-badge{flex:none;display:inline-flex;align-items:baseline;gap:4px;padding:3px 9px;border-radius:999px;background:var(--accent);color:#fffdf8;border:var(--line) solid var(--ink);font-size:12px;rotate:4deg;animation:stickIn .45s .5s var(--soft) both}.kicker-badge small{font-size:9.5px;letter-spacing:.1em}.kicker-rule{flex:1;height:0;border-top:1px solid var(--rule);transform-origin:left;animation:lineIn .8s .15s var(--ease) both}.hl{min-width:0}.hl-mask{overflow:hidden;padding:.06em 0 .1em;margin:-.06em 0 -.1em}.hl-num{display:inline-block;max-width:100%;vertical-align:bottom;padding:0 .06em;white-space:nowrap;overflow:hidden;text-overflow:clip;font-size:clamp(46px,min(17cqw,11.5cqh),150px);line-height:1.12;letter-spacing:-.01em;color:var(--ink);background:linear-gradient(var(--pop),var(--pop)) no-repeat 0 86% / 100% 34%;animation:rise .75s .1s var(--ease) both,marker .7s .55s var(--ease) both}.hl-row{display:flex;flex-wrap:wrap;align-items:flex-end;column-gap:12px;row-gap:4px;min-width:0}.hl-row>.hl-mask{min-width:0;max-width:100%}.delta{display:inline-flex;align-items:center;gap:5px;margin-bottom:.55em;padding:4px 10px 4px 8px;border-radius:999px;border:var(--line) solid var(--ink);background:#fffdf8;font-size:13px;white-space:nowrap;animation:stickIn .45s .7s var(--soft) both}.delta svg{width:11px;height:11px;flex:none;overflow:visible}.delta.is-up{color:var(--accent)}.delta.is-up path{fill:var(--accent)}.delta.is-down{color:#4f6378}.delta.is-down path{fill:#4f6378}.delta.is-flat{color:var(--sub)}.delta.is-flat path{fill:none;stroke:var(--sub);stroke-width:2;stroke-linecap:round}.delta b{font-weight:inherit}.delta small{font-size:11px;color:var(--sub)}.hl-num.is-name{font-size:clamp(34px,min(11.5cqw,8cqh),104px)}.hl-label{margin-top:8px;font-size:clamp(16px,2.4cqh,21px);line-height:1.4;color:var(--ink);animation:fadeUp .5s .35s var(--ease) both}.strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,92px),1fr));margin:clamp(12px,2.4cqh,24px) 0 0;border-top:var(--line) solid var(--ink)}.strip-cell{min-width:0;padding:8px 10px 2px 0;animation:fadeUp .5s calc(.5s + var(--i) * .08s) var(--ease) both}.strip-cell+.strip-cell{padding-left:10px;border-left:1px solid var(--rule)}.strip dt{font-size:12px;line-height:1.35;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1.35em}.strip dd{margin:3px 0 0;font-size:clamp(16px,2.5cqh,21px);line-height:1.25;letter-spacing:-.005em;word-break:keep-all}.notes{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:2px}.notes li{font-size:13.5px;line-height:1.5;color:var(--sub);animation:fadeIn .6s calc(.8s + var(--i) * .12s) both}.notes li:before{content:"– ";color:var(--accent)}.say{display:flex;align-items:flex-end;gap:12px;min-width:0;animation:fadeUp .5s .9s var(--ease) both}.say-face{--s: 42px;flex:none;width:var(--s);height:var(--s);border-radius:50%;background:#fff url(/kaling.png) no-repeat;background-size:calc(var(--s) * 1.54);background-position:calc(var(--s) * -.27) calc(var(--s) * -.58);image-rendering:pixelated;border:var(--line) solid var(--ink)}.say-bubble{position:relative;margin:0 0 4px;min-width:0;max-width:600px;padding:8px 14px 9px;border-radius:14px 14px 14px 4px;background:var(--card);border:var(--line) solid var(--ink);font-size:clamp(14px,2.1cqh,16.5px);line-height:1.5;letter-spacing:-.005em;word-break:keep-all}.say-bubble:before,.say-bubble:after{content:"";position:absolute;left:-9px;bottom:6px;border-style:solid}.say-bubble:before{border-width:6px 9px 6px 0;border-color:transparent var(--ink) transparent transparent}.say-bubble:after{left:-6.5px;bottom:7.5px;border-width:4.5px 7px 4.5px 0;border-color:transparent var(--card) transparent transparent}.say-bubble b{display:block;font-weight:inherit;font-size:11px;letter-spacing:.08em;color:var(--accent);margin-bottom:1px}.chrome{position:absolute;left:0;right:0;z-index:5;margin-inline:auto;max-width:1180px;padding-inline:clamp(18px,5cqw,60px)}.chrome:before{content:"";position:absolute;left:0;right:0;z-index:-1;pointer-events:none;height:calc(100% + 14px)}.chrome-top:before{top:0;background:linear-gradient(to bottom,var(--paper) 70%,transparent)}.chrome-bottom:before{bottom:0;background:linear-gradient(to top,var(--paper) 70%,transparent)}.chrome-top{top:0;padding-top:calc(env(safe-area-inset-top,0px) + 10px)}.progress{display:flex;gap:5px;height:4px}.seg{flex:1;border-radius:2px;overflow:hidden;background:var(--faint)}.seg i{display:block;height:100%;background:var(--ink);transform-origin:left;transform:scaleX(0);transition:transform .3s var(--ease)}.seg.is-done i{transform:none;opacity:.45}.seg.is-current i{transform:none}.seg.is-running i{animation:fill var(--dur, 7.5s) linear both}.stage.is-held .seg.is-running i{animation-play-state:paused}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.scope{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:10px;border:var(--line) solid var(--ink);background:var(--card)}.scope button{position:relative;z-index:1;border:0;background:none;padding:6px 13px;font-size:13px;color:var(--sub);white-space:nowrap;transition:color .3s}.scope button[aria-selected=true]{color:var(--ink)}.scope-thumb{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:7px;background:var(--pop);border:1px solid var(--ink);transition:transform .4s var(--ease),background-color .4s}.stage[data-scope=me] .scope-thumb{transform:translate(100%)}.top-actions{display:flex;align-items:center;gap:6px}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:10px;border:var(--line) solid var(--ink);background:var(--card);font-size:12.5px;white-space:nowrap}.pill svg{width:12px;height:12px}.pill .ico-pause,.pill[aria-pressed=true] .ico-play{display:none}.pill[aria-pressed=true] .ico-pause{display:block}.pill[aria-pressed=true]{background:var(--pop)}.chrome-bottom{bottom:0;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 14px);display:flex;align-items:center;justify-content:space-between;gap:12px}.nav{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;padding:0;border:var(--line) solid var(--ink);background:var(--card);color:var(--ink);transition:opacity .3s,transform .15s}.nav svg{width:20px;height:20px}.nav:active{transform:scale(.94)}.nav:disabled{opacity:.25;cursor:default}.share{height:44px;padding:0 18px;border-radius:12px;min-width:0;display:inline-flex;align-items:center;gap:8px;font-size:14px;white-space:nowrap;border:var(--line) solid var(--ink);background:var(--pop);color:var(--ink);box-shadow:2px 2px 0 var(--ink);transition:transform .12s,box-shadow .12s}.share svg{width:17px;height:17px;flex:none}.share:active:not(:disabled){transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}.share:disabled{cursor:default;color:var(--sub);background:transparent;border-style:dashed;border-color:var(--rule);box-shadow:none}.share.is-busy{color:var(--ink);background:var(--pop);border:var(--line) solid var(--ink)}.share.is-busy svg{animation:nudge .7s ease-in-out infinite alternate}.toast{position:absolute;left:50%;bottom:calc(var(--bot-h) + 4px);z-index:8;max-width:calc(100% - 36px);padding:9px 15px;border-radius:10px;background:var(--ink);color:var(--paper);font-size:13.5px;text-align:center;pointer-events:none;opacity:0;transform:translate(-50%,10px);transition:opacity .25s,transform .35s var(--ease)}.toast.is-on{opacity:1;transform:translate(-50%)}.toast.is-err{background:#b8443a;color:#fff6f0}.pg.is-in{animation:pgIn .55s var(--ease) both}.pg.is-out{animation:pgOut .45s cubic-bezier(.4,0,.6,1) both;pointer-events:none}.pg.is-bump{animation:bump .35s var(--ease)}.mono{--sz: 40px;width:var(--sz);height:var(--sz);flex:none;border-radius:50%;overflow:hidden;display:inline-grid;place-items:center;line-height:1;font-size:calc(var(--sz) * .44);color:var(--ink);background:var(--pop0);border:var(--line) solid var(--ink)}.mono[data-v="1"]{background:var(--pop1)}.mono[data-v="2"]{background:var(--pop2)}.mono img{width:100%;height:100%;object-fit:cover}.mono--sm{--sz: 28px}.mono--md{--sz: 46px}.mono--lg{--sz: 60px}.who{display:flex;align-items:center;gap:9px;min-width:0}.who-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.who-monos{display:flex;flex:none}.who-monos .mono+.mono{margin-left:-9px}.amp{font-style:normal;color:var(--accent);margin:0 .25em}.val{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap}.val small{font-size:.82em;color:var(--sub)}.leaf-body{stroke:var(--ink);stroke-width:1.2;vector-effect:non-scaling-stroke;stroke-linejoin:round}.leaf.l1 .leaf-body{fill:var(--d0)}.leaf.l2 .leaf-body{fill:var(--d1)}.leaf.l3 .leaf-body{fill:var(--d2)}.leaf-vein{fill:none;stroke:var(--ink);stroke-width:1;vector-effect:non-scaling-stroke;stroke-linecap:round;opacity:.55}.leaf{animation:leafIn .9s var(--ease) both}.leaf.l1{animation-delay:.7s}.leaf.l2{animation-delay:.85s}.leaf.l3{animation-delay:1s}.pg--cover{grid-template-rows:auto minmax(150px,1fr) auto auto}.pg--cover>.pg-viz{grid-row:2}.pg--cover>.pg-head{grid-row:3}.pg--cover>.say{grid-row:4}.cover-art{position:relative;width:min(100cqw,100cqh);max-width:400px;aspect-ratio:1;display:grid;place-items:center}.stamp{width:100%;height:100%;overflow:visible}.stamp-body{transform:rotate(-6deg);animation:stampIn .55s .15s var(--soft) both}.stamp-disc{fill:var(--pop)}.stamp-edge{fill:none;stroke:var(--ink);stroke-width:2;stroke-dasharray:3 4}.stamp-line{fill:none;stroke:var(--ink);stroke-width:1.3}.stamp-ring-txt{font-size:12px;letter-spacing:.06em;fill:var(--ink)}.stamp-month{font-size:40px;fill:var(--ink);text-anchor:middle}.stamp-word{font-size:11px;letter-spacing:.32em;fill:var(--accent);text-anchor:middle}.stamp-waves path{fill:none;stroke:var(--ink);stroke-width:1.4;stroke-linecap:round;stroke-dasharray:1 2;stroke-dashoffset:1;animation:draw .7s .55s var(--ease) forwards}.stamp-waves path:nth-child(2){animation-delay:.65s}.stamp-waves path:nth-child(3){animation-delay:.75s}.photo-deco{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.photo{position:relative;width:60%;padding:7% 7% 0;background:#fffdf8;border:var(--line) solid var(--ink);rotate:-3deg;animation:photoIn .7s .1s var(--soft) both}.photo-img{aspect-ratio:1;border:var(--line) solid var(--ink);overflow:hidden;background:var(--pop);display:grid}.photo-img .mono{--sz: 100%;border:0;border-radius:0;font-size:clamp(36px,20cqmin,96px);background:var(--pop)}.photo-cap{display:block;padding:7% 0 8%;text-align:center;font-size:clamp(13px,5.5cqmin,20px);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tape{position:absolute;z-index:1;left:50%;top:-11px;width:42%;height:22px;translate:-50% 0;rotate:4deg;background:color-mix(in srgb,var(--d1) 70%,transparent);clip-path:polygon(0 0,100% 0,97% 25%,100% 50%,97% 75%,100% 100%,0 100%,3% 75%,0 50%,3% 25%)}.is-stamp .sticker{right:2%;top:4%;width:21%}.sticker{position:absolute;right:6%;top:12%;width:24%;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;line-height:1.05;background:var(--accent);color:#fffdf8;border:var(--line) solid var(--ink);box-shadow:0 0 0 4px #fffdf8,0 0 0 5.5px var(--ink);rotate:10deg;animation:stickIn .5s 1s var(--soft) both}.sticker small{font-size:clamp(9px,3cqmin,12px);letter-spacing:.12em}.sticker b{font-weight:inherit;font-size:clamp(16px,7cqmin,28px)}.pie-wrap{margin:0;display:grid;justify-items:center;gap:8px}.pie{width:min(100cqw,100cqh - 64px);max-width:300px;aspect-ratio:1;overflow:visible}.pie-base{fill:var(--pop)}.pie-rim{fill:none;stroke:var(--ink);stroke-width:1.6}.pie-slice{fill:none;stroke:var(--accent);stroke-width:50;stroke-dasharray:var(--pct) 100;animation:slice 1.2s .4s var(--ease) both}.pie-cap{display:flex;align-items:baseline;gap:8px}.pie-cap b{font-weight:inherit;font-size:clamp(24px,9cqmin,40px);color:var(--ink)}.pie-cap span{font-size:13px;color:var(--sub)}.dots-wrap{margin:0;width:100%;max-width:460px;display:grid;gap:12px}.dots{display:grid;grid-template-columns:repeat(auto-fill,minmax(13px,1fr));gap:8px}.dots i{aspect-ratio:1;border-radius:50%;border:1.3px solid var(--ink);background:var(--card);animation:stampIn .35s calc(.35s + var(--d) * .8) var(--soft) both}.dots i.is-accent,.dots-legend li.is-accent i{background:var(--accent)}.dots i.is-mid,.dots-legend li.is-mid i{background:var(--pop)}.dots-legend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12.5px;color:var(--sub);animation:fadeIn .5s 1.3s both}.dots-legend li{display:inline-flex;align-items:center;gap:6px}.dots-legend i{width:11px;height:11px;border-radius:50%;border:1.2px solid var(--ink);background:var(--card)}.dots-wrap figcaption{display:flex;align-items:baseline;gap:8px;animation:fadeUp .5s 1.2s both}.dots-wrap figcaption b{font-weight:inherit;font-size:24px}.dots-wrap figcaption span{font-size:13px;color:var(--sub)}.cal{margin:0;width:100%;max-width:460px;display:grid;gap:8px;align-content:center}.cal-head{display:flex;align-items:baseline;gap:10px;min-width:0;animation:fadeIn .4s .2s both}.cal-head b{font-weight:inherit;font-size:22px}.cal-head span{font-size:12.5px;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;grid-auto-rows:auto;--ch: clamp(20px, calc((100cqh - 112px) / var(--rows) - 5px), 52px)}.cal-wd{text-align:center;font-size:11.5px;color:var(--ink);padding-bottom:2px}.cal-wd.is-sun{color:var(--accent)}.cal-day{position:relative;height:var(--ch);border-radius:6px;border:1.3px solid var(--ink);background:var(--card);animation:stampIn .35s calc(.3s + var(--k) * 22ms) var(--soft) both}.cal-day i{position:absolute;left:5px;top:3px;font-style:normal;font-size:10.5px;line-height:1}.cal-day b{position:absolute;right:5px;bottom:3px;font-weight:inherit;font-size:11px;line-height:1}.t1{background:color-mix(in srgb,var(--pop) 55%,var(--card))}.t2{background:var(--pop)}.t3{background:color-mix(in srgb,var(--pop) 60%,var(--accent))}.cal-day.t4,.cal-sw.t4{background:var(--accent);color:#fffdf8;border-width:2px}.cal-foot{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px;animation:fadeIn .5s 1.1s both}.cal-foot span{color:var(--sub);white-space:nowrap}.cal-foot b{font-weight:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-sw{flex:none;width:13px;height:13px;border-radius:3px;border:1.2px solid var(--ink);background:var(--card)}.cal-sw.t4{border-width:1.2px}.cal-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px}.cal-legend{display:flex;align-items:center;justify-content:flex-end;margin-left:auto;gap:5px;font-size:11.5px;color:var(--sub);animation:fadeIn .5s 1.2s both}.cal-legend span:first-child{margin-right:3px}.cal-legend span:last-child{margin-left:3px}.clock-wrap{position:relative;margin:0;width:min(100cqw,100cqh);max-width:440px;aspect-ratio:1}.clock{width:100%;height:100%;overflow:visible}.clock-band{fill:none;stroke:var(--rule);stroke-width:2;stroke-linecap:round;stroke-dasharray:1 2;stroke-dashoffset:1;animation:draw .9s .2s var(--ease) forwards}.clock-band.is-on{stroke:var(--ink);stroke-width:2.4}.clock-band-txt{font-size:8px;fill:var(--sub);text-anchor:middle;animation:fadeIn .5s .9s both}.clock-band-txt.is-on{fill:var(--ink)}.clock-face{fill:var(--card);stroke:var(--ink);stroke-width:1.3}.clock-num{font-size:7.5px;fill:var(--sub);text-anchor:middle}.spoke{stroke:var(--ink);stroke-width:4.6;stroke-linecap:round;opacity:calc(.14 + var(--v) * .5);stroke-dasharray:1 2;stroke-dashoffset:1;animation:draw .6s calc(.3s + var(--i) * 35ms) var(--ease) forwards}.spoke.is-peak{stroke:var(--accent);stroke-width:6.5;opacity:1}.spoke-glow{display:none}.clock-hand{fill:var(--ink);transform:rotate(var(--deg));animation:hand 1.3s .45s var(--ease) both}.clock-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:1px;pointer-events:none}.clock-center b{font-weight:inherit;font-size:clamp(24px,11cqmin,52px);animation:fadeIn .5s 1.1s both}.clock-center span{font-size:clamp(12px,4cqmin,17px);color:var(--sub);margin-top:.5em;animation:fadeIn .5s 1.2s both}.footnote{position:absolute;right:0;bottom:0;margin:0;font-size:11.5px;color:var(--sub)}.podium-wrap{width:100%;max-width:540px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:10px}.podium{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:6px;border-bottom:var(--line) solid var(--ink)}.pod{min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.pod-who{min-width:0;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;animation:fadeUp .5s calc(.7s + var(--k) * .2s) var(--ease) both}.pod-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;margin-top:4px}.pod--1 .pod-name{font-size:16px}.pod-val{flex-direction:column;align-items:center;gap:0;line-height:1.3;font-size:12.5px}.pod-block{width:100%;height:calc(var(--h) * clamp(34px,100cqh - 240px,200px));margin-top:8px;display:grid;place-items:start center;padding-top:6px;border:var(--line) solid var(--ink);border-bottom:0;border-radius:8px 8px 0 0;background:var(--card);transform-origin:bottom;animation:grow .7s calc(.2s + var(--k) * .2s) var(--ease) both}.pod--1 .pod-block{background:var(--pop)}.pod-rank{font-size:clamp(24px,8cqh,52px);line-height:1;color:var(--ink)}.crown{width:28px;height:18px;margin-bottom:1px;overflow:visible;animation:stickIn .45s 1.5s var(--soft) both}.crown path{fill:var(--d1);stroke:var(--ink);stroke-width:1.4;stroke-linejoin:round}.rest{list-style:none;margin:0;padding:0;display:grid}.rest-row{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 2px;border-bottom:1px dashed var(--rule);font-size:14px;animation:fadeUp .45s calc(1.4s + var(--i) * .1s) var(--ease) both}.rest-no{color:var(--sub)}@container (max-height: 300px){.rest{display:none}.pod-block{height:calc(var(--h) * clamp(26px,100cqh - 172px,200px))}.pod .mono--lg{--sz: 46px}.pod .mono--md{--sz: 36px}.pod-name{font-size:13px}.pod--1 .pod-name{font-size:14px}}.split-wrap{width:100%;max-width:600px;display:grid;gap:14px;align-content:center}.band{display:flex;height:clamp(44px,9cqh,70px);border:var(--line) solid var(--ink);border-radius:8px;overflow:hidden;animation:wipe 1s .3s var(--ease) both}.band-seg{flex:var(--w) 1 0px;min-width:6px;background:var(--c)}.band-seg+.band-seg{border-left:var(--line) solid var(--ink)}.legend{list-style:none;margin:0;padding:0;display:grid}.legend-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto 48px;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed var(--rule);font-size:14.5px;animation:fadeUp .45s calc(.8s + var(--i) * .07s) var(--ease) both}.legend-row:first-child{font-size:16px}.legend-dot{width:12px;height:12px;border-radius:50%;background:var(--c);border:1.2px solid var(--ink)}.legend-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-pct{text-align:right;color:var(--sub)}.legend-row:first-child .legend-pct{color:var(--accent)}.duo{width:100%;max-width:620px;display:grid;gap:12px;align-content:center}.panel{min-width:0;padding:10px 12px 8px;border-radius:10px;background:var(--card);border:var(--line) solid var(--ink);animation:fadeUp .55s calc(.3s + var(--s) * .25s) var(--ease) both}.panel-title{margin:0 2px 6px;font-weight:inherit;font-size:13px;color:var(--accent)}.panel-rows{list-style:none;margin:0;padding:0;display:grid}.prow{position:relative;isolation:isolate;display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 4px;font-size:14px;border-top:1px dashed var(--rule);animation:fadeIn .45s calc(.5s + var(--s) * .25s + var(--i) * .08s) both}.prow-no{font-size:13px;color:var(--sub)}.prow.is-first .prow-no{color:var(--accent)}.prow-bar{position:absolute;left:0;top:22%;bottom:22%;width:100%;z-index:-1;border-radius:3px;background:var(--pop);opacity:.7;transform-origin:left;transform:scaleX(var(--w));animation:barIn .8s calc(.65s + var(--s) * .25s + var(--i) * .08s) var(--ease) both}.prow.is-first .prow-bar{opacity:1}@container (min-width: 600px){.duo{grid-template-columns:1fr 1fr}}.pg--duo .hl-num:not(.is-name){font-size:clamp(40px,min(14cqw,8.5cqh),120px)}.pg--duo .who .mono{--sz: 24px;font-size:11px}.bars{list-style:none;margin:0;padding:0;width:100%;max-width:600px;display:grid;gap:clamp(10px,1.8cqh,16px);align-content:center}.bar-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;grid-template-areas:"no name val" "no track meta";align-items:center;gap:4px 10px;animation:fadeUp .45s calc(.3s + var(--i) * .09s) var(--ease) both}.bar-no{grid-area:no;font-size:19px;color:var(--sub)}.bar-name{grid-area:name;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.bar-val{grid-area:val;font-size:14px;white-space:nowrap}.bar-meta{grid-area:meta;justify-self:end;font-size:12px;color:var(--sub)}.bar-track{grid-area:track;height:10px;border-radius:5px;border:1.2px solid var(--ink);background:var(--card);overflow:hidden}.bar-fill{display:block;height:100%;width:calc(var(--w) * 100%);background:var(--pop);transform-origin:left;animation:barIn .9s calc(.45s + var(--i) * .09s) var(--ease) both}.bar-fill{border-right:1.2px solid var(--ink)}.bar-row.is-first .bar-no{font-size:28px;color:var(--accent)}.bar-row.is-first .bar-name{font-size:19px}.bar-row.is-first .bar-track{height:14px;border-radius:7px}.bar-row.is-first .bar-fill{background:var(--accent)}.bubbles{--B: min(19cqw, 34cqh, 140px);list-style:none;margin:0;padding:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:clamp(4px,2cqw,18px)}.bub{min-width:0;width:max(58px,calc(var(--r) * var(--B)));display:flex;flex-direction:column;align-items:center;gap:6px}.bub:nth-child(1){order:3}.bub:nth-child(2){order:2}.bub:nth-child(3){order:4}.bub:nth-child(4){order:1}.bub:nth-child(5){order:5}.bub-ball{position:relative;width:calc(var(--r) * var(--B));aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--pop1);border:var(--line) solid var(--ink);animation:stampIn .55s calc(.3s + var(--i) * .12s) var(--soft) both}.bub:nth-child(2n) .bub-ball{background:var(--pop2)}.bub.is-first .bub-ball{background:var(--pop0)}.bub-ball .mono{--sz: 100%;border:0;background:transparent;font-size:calc(var(--r) * var(--B) * .4)}.bub-rank{position:absolute;top:0;right:-2px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;font-size:11px;background:var(--card);border:1.2px solid var(--ink)}.bub.is-first .bub-rank{background:var(--accent);color:#fffdf8}.bub-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;animation:fadeIn .45s calc(.6s + var(--i) * .12s) both}.bub-val{flex-direction:column;align-items:center;gap:0;font-size:12px;line-height:1.3;animation:fadeIn .45s calc(.7s + var(--i) * .12s) both}.pg--poster .pg-head{position:relative;isolation:isolate}.poster-month{position:absolute;z-index:-1;right:0;top:-8%;display:flex;align-items:flex-start;line-height:.8;font-size:clamp(100px,min(42cqw,22cqh),280px);letter-spacing:-.04em;color:var(--pop);animation:fadeIn 1s .1s both}.poster-month small{font-size:.24em;letter-spacing:0;margin:.2em 0 0 .06em}.poster{width:100%;max-width:640px;display:grid;gap:12px;align-content:center}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tile{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"ico label" "val val";align-items:center;gap:3px 7px;padding:9px 12px;border-radius:10px;background:var(--card);border:var(--line) solid var(--ink);animation:tileIn .5s calc(.3s + var(--i) * .08s) var(--soft) both}.tile.is-hero{grid-column:1 / -1;padding:12px 16px;background:var(--pop)}.tile-ico{grid-area:ico;width:16px;height:16px;color:var(--ink)}.tile-label{grid-area:label;min-width:0;font-size:12.5px;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile.is-hero .tile-label{color:var(--ink)}.tile-val{grid-area:val;display:block;min-width:0;white-space:nowrap;overflow:hidden;font-size:clamp(17px,3cqh,24px);letter-spacing:-.01em}.tile.is-hero .tile-val{font-size:clamp(30px,6.5cqh,54px);line-height:1.1}@container (min-width: 520px){.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}.poster-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;animation:fadeIn .5s 1s both}.brand{display:inline-flex;align-items:center;gap:7px;font-size:15px}.brand:before{content:"";width:12px;height:12px;border-radius:50%;background:var(--accent);border:1.2px solid var(--ink)}.replay{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:10px;border:var(--line) solid var(--ink);background:var(--card);font-size:12.5px;white-space:nowrap}.replay svg{width:15px;height:15px}@container stage (max-height: 740px){.pg{row-gap:10px}.hl-num{font-size:clamp(40px,min(15cqw,9.5cqh),110px)}.hl-num.is-name{font-size:clamp(30px,min(10.5cqw,7cqh),90px)}.strip{margin-top:10px}.strip dd{font-size:15.5px}.notes{margin-top:6px}.notes li{font-size:12.5px}.prow{padding:4px}.panel{padding:8px 10px 6px}.legend-row{padding:6px 0}.say-face{--s: 36px}.say-bubble{padding:6px 12px 7px;font-size:13.5px}.tile{padding:7px 10px}}@container stage (max-height: 660px){.notes{display:none}.pg--podium>.pg-viz{min-height:215px}}@container stage (min-width: 760px) and (orientation: landscape){.pg{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);grid-template-rows:auto minmax(auto,1fr) auto;grid-template-areas:"meta viz" "head viz" "say viz";column-gap:clamp(28px,5cqw,84px)}.pg>.pg-meta{grid-area:meta}.pg>.pg-head{grid-area:head;align-self:center}.pg>.pg-viz{grid-area:viz}.pg>.say{grid-area:say}.pg.no-viz{grid-template-columns:minmax(0,1fr);grid-template-areas:"meta" "head" "say"}.hl-num{font-size:clamp(50px,min(8.5cqw,15cqh),140px)}.hl-num.is-name{font-size:clamp(36px,min(6.2cqw,11cqh),100px)}.pg--duo .hl-num:not(.is-name){font-size:clamp(44px,min(7.5cqw,13cqh),120px)}.poster-month{font-size:clamp(120px,min(20cqw,36cqh),300px)}.pod-name{font-size:15px}.pod--1 .pod-name{font-size:18px}}@container stage (max-height: 560px){.pg-meta,.footnote,.notes{display:none}.pg{row-gap:8px}.say-face{--s: 30px}.strip{margin-top:8px}}@container stage (max-width: 359px){.pill-txt{display:none}.scope button{padding-inline:10px}}.dev-panel{position:fixed;z-index:20;right:12px;top:calc(env(safe-area-inset-top,0px) + 84px);width:min(380px,calc(100vw - 24px));max-height:62vh;overflow:auto;padding:14px 16px;border-radius:10px;background:#fffdf8;border:1.5px solid #4a3428;color:#4a3428;font:12px/1.5 system-ui,sans-serif;user-select:text;-webkit-user-select:text}.dev-panel h2{margin:0 0 8px;font-size:13px}.dev-panel ol{margin:0;padding-left:18px;color:#86705f}.dev-panel li.done{color:#2e7d4f}.dev-panel li.fail{color:#c0392b}.dev-panel pre{margin:10px 0 0;white-space:pre-wrap;word-break:break-all;font-size:11px;color:#6b5a4e}@keyframes fadeIn{0%{opacity:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}}@keyframes rise{0%{transform:translateY(100%)}}@keyframes marker{0%{background-size:0% 34%}}@keyframes lineIn{0%{transform:scaleX(0)}}@keyframes stampIn{0%{opacity:0;transform:scale(1.25) rotate(-10deg)}}@keyframes stickIn{0%{opacity:0;transform:scale(.6) rotate(-12deg)}}@keyframes photoIn{0%{opacity:0;transform:translateY(-14px) rotate(-6deg)}}@keyframes leafIn{0%{opacity:0;translate:0 -16px}}@keyframes grow{0%{transform:scaleY(0)}}@keyframes barIn{0%{transform:scaleX(0)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes slice{0%{stroke-dasharray:0 100}}@keyframes hand{0%{transform:rotate(-150deg)}}@keyframes wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes tileIn{0%{opacity:0;transform:translateY(10px) rotate(-1.5deg)}}@keyframes fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes nudge{to{transform:translateY(-2px)}}@keyframes pgIn{0%{opacity:0;transform:translate(calc(var(--dir, 1) * 4%))}}@keyframes pgOut{to{opacity:0;transform:translate(calc(var(--dir, 1) * -5%))}}@keyframes bump{35%{transform:translate(calc(var(--bump, 1) * -10px))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}html[data-platform=mobile]{--top-h: calc(env(safe-area-inset-top, 0px) + 112px) }html[data-platform=mobile] .chrome-top{padding-top:calc(env(safe-area-inset-top,0px) + 54px)}html[data-platform=mobile] .dev-panel{top:calc(env(safe-area-inset-top,0px) + 128px)}@media(max-width:640px){html[data-in-discord]:not([data-platform]){--top-h: calc(env(safe-area-inset-top, 0px) + 112px) }html[data-in-discord]:not([data-platform]) .chrome-top{padding-top:calc(env(safe-area-inset-top,0px) + 54px)}}.stage.is-locked .chrome,.stage.is-locked .fx{display:none}.locked{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:10px;padding:24px;color:var(--ink);font-family:var(--font-display, inherit)}.locked h1{margin:0;font-size:28px}.locked p{margin:0;font-size:15px;color:var(--sub)}