/*! (c) 2026 Lab Mio, ilo.kr. All rights reserved. No copying or reuse without written permission. */
@font-face{font-family:Archivo;src:url(/fonts/archivo-var.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap}@font-face{font-family:Fragment Mono;src:url(/fonts/fragment-mono-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--sans: "Archivo", "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, sans-serif;--mono: "Fragment Mono", ui-monospace, "SF Mono", Menlo, "Apple SD Gothic Neo", monospace;--pad: clamp(16px, 4vw, 56px);--bg: #1b1d22;--ink: #ecebe6;--acc: #ff4a1c;--paper: #f2f2ee;--flap: #262a31;--flap-hi: #30353d;--ease: cubic-bezier(.2, .7, .1, 1);color-scheme:dark}:root.is-light{--bg: #e6e7e9;--ink: #1c1e22;--flap: #1c1e22;--flap-hi: #2a2d33;color-scheme:light}body.done{--bg: #ff4a1c;--ink: #17140f;--acc: #f1ece1;--flap: #17140f;--flap-hi: #2b2823}*,*:before,*:after{box-sizing:border-box}html{touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{--soft: color-mix(in srgb, var(--ink) 62%, transparent);--line: color-mix(in srgb, var(--ink) 26%, transparent);margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:clip;touch-action:manipulation}h1,h2,h3,p,dl,dd,ol,ul,fieldset{margin:0;padding:0;border:0}ol,ul{list-style:none}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}img{display:block}[hidden]{display:none!important}[data-ko]{white-space:pre-line}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:3px}::selection{background:var(--ink);color:var(--bg)}.mono{font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;line-height:1.4}.soft{color:var(--soft)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;top:10px;left:10px;z-index:50;padding:10px 14px;background:var(--ink);color:var(--bg);border-radius:999px;font-size:13px;transform:translateY(-200%)}.skip:focus{transform:none}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;height:56px;padding:0 var(--pad)}.brand{display:inline-flex;align-items:center;gap:8px;font-size:21px;font-weight:800;font-stretch:112%;letter-spacing:-.03em}.brand i{font-style:normal;color:var(--acc)}.top-r{display:flex;gap:6px}.pill{min-width:40px;height:32px;padding:0 12px;border:1px solid var(--ink);border-radius:999px;white-space:nowrap;transition:background-color .25s,color .25s}.pill:hover{background:var(--ink);color:var(--bg)}.clock{display:flex;flex-direction:column;gap:clamp(18px,4.6svh,46px);min-height:calc(100svh - 56px);padding:clamp(6px,2svh,28px) var(--pad) 16px}.status{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-height:24px}.status>span{font-size:12px}.dot{width:9px;height:9px;border-radius:50%;border:1.5px solid currentColor}[data-state=work] .dot{border-color:var(--acc);background:var(--acc);animation:pulse 1s steps(2,jump-none) infinite}[data-state=after] .dot{background:currentColor}@keyframes pulse{50%{opacity:.2}}.demo{padding:4px 9px;border-radius:999px;background:var(--ink);color:var(--bg);text-transform:inherit;letter-spacing:inherit;text-align:left}.who{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px}.who>span{margin-right:2px}.who button{min-height:30px;padding:0 11px;border:1px solid var(--ink);border-radius:999px;text-transform:inherit;letter-spacing:inherit;transition:background-color .2s,color .2s}.who [aria-pressed=true]{background:var(--ink);color:var(--bg)}.who-note{margin-top:8px;text-transform:none;letter-spacing:0;word-break:keep-all}.label{margin-top:14px;font-size:clamp(1.05rem,4.6vw,1.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;word-break:keep-all}.board-wrap{position:relative;margin-top:10px;max-width:min(100%,86svh)}.board{display:flex;align-items:flex-start;gap:clamp(4px,1.4vw,12px)}.won{flex:none;padding-top:.06em;font-size:clamp(1.6rem,7.4vw,4.4rem);font-weight:800;font-stretch:112%;line-height:1;color:var(--acc)}.tiles{--w: 60px;flex:1;display:flex;gap:clamp(3px,.9vw,8px);min-width:0}.sep{flex:none;align-self:flex-end;width:clamp(4px,1.3vw,11px);height:calc(var(--w) * .22);margin-bottom:calc(var(--w) * -.08);border-radius:1px 1px 60% 60%;background:var(--flap)}.fl{position:relative;flex:1 1 0;min-width:0;height:calc(var(--w) * 1.44);perspective:calc(var(--w) * 6);font-size:calc(var(--w) * 1.36);font-weight:800;font-stretch:100%;line-height:1;color:var(--paper)}.fl i{position:absolute;left:0;right:0;height:50%;overflow:hidden;backface-visibility:hidden;font-style:normal}.fl b{position:absolute;left:0;right:0;display:grid;place-items:center;height:200%;font-weight:inherit}.fl .t,.fl .lt{top:0;border-radius:calc(var(--w) * .09) calc(var(--w) * .09) 0 0;background:var(--flap-hi);transform-origin:50% 100%}.fl .u,.fl .lu{bottom:0;border-radius:0 0 calc(var(--w) * .09) calc(var(--w) * .09);background:var(--flap);box-shadow:0 calc(var(--w) * .05) calc(var(--w) * .08) #0000002e;transform-origin:50% 0}.fl .t b,.fl .lt b{top:0}.fl .u b,.fl .lu b{bottom:0}.fl:after{content:"";position:absolute;inset:50% 0 auto;z-index:2;height:max(1.5px,calc(var(--w) * .022));margin-top:calc(var(--w) * -.011);background:var(--bg)}.fl .lt{transform:rotateX(-90deg)}.fl.a .lt{animation:fall-a 70ms linear both}.fl.a .lu{animation:land-a 70ms linear both}.fl.b .lt{animation:fall-b 70ms linear both}.fl.b .lu{animation:land-b 70ms linear both}.fl.end .lt,.fl.end .lu{animation-duration:.42s;animation-timing-function:cubic-bezier(.3,0,.2,1)}.fl.end .u{animation:thud .42s var(--ease)}@keyframes thud{55%{transform:translateY(0)}70%{transform:translateY(calc(var(--w) * .035))}}@keyframes fall-a{0%{transform:rotateX(0)}50%,to{transform:rotateX(-90deg);filter:brightness(.55)}}@keyframes fall-b{0%{transform:rotateX(0)}50%,to{transform:rotateX(-90deg);filter:brightness(.55)}}@keyframes land-a{0%,50%{transform:rotateX(90deg);filter:brightness(1.7)}76%{transform:rotateX(-14deg)}90%{transform:rotateX(5deg)}to{transform:rotateX(0)}}@keyframes land-b{0%,50%{transform:rotateX(90deg);filter:brightness(1.7)}76%{transform:rotateX(-14deg)}90%{transform:rotateX(5deg)}to{transform:rotateX(0)}}.stamp{color:#17140f;position:absolute;right:-4px;top:-1.12em;z-index:3;display:none;padding:.12em .42em .16em;border:.09em solid;border-radius:.2em;background:var(--acc);border-color:#17140f;box-shadow:.1em .1em #17140f;font-size:clamp(1.5rem,7.4vw,3.4rem);font-weight:800;font-stretch:118%;letter-spacing:-.03em;line-height:1;transform:rotate(-7deg)}.done .stamp{display:block;animation:slam .5s cubic-bezier(.2,1.5,.4,1) .5s backwards}.done .stamp.again{animation-name:slam2}@keyframes slam{0%{opacity:0;transform:rotate(14deg) scale(3.2)}}@keyframes slam2{0%{opacity:0;transform:rotate(14deg) scale(3.2)}}.day{display:flex;align-items:center;gap:10px;margin-top:clamp(14px,2.6svh,24px);max-width:min(100%,86svh)}.bar{position:relative;flex:1;height:9px;background:repeating-linear-gradient(90deg,var(--line) 0 1px,#0000 1px 12.5%) 0 0 / 100% 100%;border-inline:1px solid var(--ink)}.bar i{--p: 0;position:absolute;inset:2px 0;background:var(--acc);transform:scaleX(var(--p));transform-origin:0 50%;transition:transform 1s linear}.stats{display:grid;grid-template-columns:repeat(3,auto);justify-content:space-between;gap:10px;margin-top:clamp(14px,2.6svh,24px);max-width:min(100%,86svh)}.stats dt{color:var(--soft)}.stats dd,.rate{font-family:var(--mono);font-size:clamp(1.05rem,5vw,1.55rem);letter-spacing:-.02em;line-height:1.3;font-variant-numeric:tabular-nums;white-space:nowrap}.rate{border-bottom:1px dashed var(--line)}.final #cd{animation:pulse 1s steps(2,jump-none) infinite}.clock-side{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.brag{margin:2px 0 2px -.03em;font-size:clamp(2.15rem,11.4vw,5.2rem);font-weight:800;font-stretch:112%;letter-spacing:-.045em;line-height:1.02;text-align:left;word-break:keep-all;text-decoration:underline var(--acc) .1em;text-underline-offset:.12em}.brag.swap{animation:swap .4s var(--ease)}@keyframes swap{0%{opacity:0;transform:translateY(.3em)}}.acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(12px,2svh,20px)}.cta{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:10px 18px;border:1.5px solid var(--ink);border-radius:999px;background:var(--acc);box-shadow:3px 3px 0 var(--ink);color:#17140f;font-size:15px;font-weight:700;line-height:1.2;word-break:keep-all;transition:background-color .25s,color .25s,box-shadow .2s var(--ease),transform .2s var(--ease)}.cta.ghost{background:var(--bg);color:var(--ink)}.cta:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-2px,-2px)}.cta:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.cta.ping{animation:ping .9s var(--ease)}@keyframes ping{30%{transform:scale(1.08) rotate(-1.5deg)}}.mark{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:10px;border-top:1.5px solid var(--ink)}.mark b{font-family:var(--sans);font-size:13px;font-weight:800;font-stretch:118%;letter-spacing:0}@media(min-width:900px){.clock{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);grid-template-rows:1fr auto;align-items:center;gap:24px clamp(32px,5vw,80px)}.mark{grid-column:1 / -1;margin-top:0}.brag{font-size:clamp(3rem,5.2vw,5.6rem)}}.room{padding:clamp(56px,11svh,120px) var(--pad) clamp(40px,8svh,80px)}.room-kicker{display:flex;justify-content:space-between;gap:12px;padding-top:10px;border-top:1.5px solid var(--ink)}.room-title{margin:18px 0 0 -.03em;font-size:clamp(2.5rem,12.2vw,8.4rem);font-weight:800;font-stretch:112%;letter-spacing:-.05em;line-height:.98;word-break:keep-all}.room-sub{max-width:30em;margin-top:16px;font-size:15px;line-height:1.65;word-break:keep-all}.tiers{display:grid;gap:12px;margin-top:clamp(24px,5svh,48px)}.tier{--p: 0;position:relative;display:flex;flex-direction:column;padding:16px 16px 14px;border:1.5px dashed var(--line);border-radius:8px;color:var(--soft);transition:background-color .5s var(--ease),color .5s var(--ease),border-color .5s}.tier.open{border:1.5px solid var(--ink);color:var(--ink)}.tier.hot{background:var(--acc);color:#17140f;box-shadow:4px 4px 0 var(--ink)}.tier.pop{animation:pop .8s var(--ease)}@keyframes pop{30%{transform:scale(1.03) rotate(-.6deg)}}.tier-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.tier-badge{padding:3px 8px;border:1px solid currentColor;border-radius:999px}.tier h3{margin-top:18px;font-size:clamp(2.4rem,10vw,3.6rem);font-weight:800;font-stretch:112%;letter-spacing:-.05em;line-height:1}.tier-cap{margin-top:4px;font-size:15px;font-weight:600}.tier-line{margin-top:14px;min-height:2.8em}.meter{display:block;height:4px;margin-top:8px;background:var(--line)}.meter:after{content:"";display:block;height:100%;background:currentColor;transform:scaleX(var(--p));transform-origin:0 50%;transition:transform 1s linear}.goods{margin-top:14px}.goods li{border-top:1px solid var(--line)}.goods span,.goods a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:8px 0;font-size:16px;font-weight:600;word-break:keep-all}.goods a:after{content:"↗";transition:transform .3s var(--ease)}.goods a:hover:after{transform:translate(3px,-3px)}.goods a:hover{text-decoration:underline;text-underline-offset:4px}.disclosure{margin-top:18px;font-size:12px;line-height:1.6;color:var(--soft);word-break:keep-all}@media(min-width:760px){.tiers{grid-template-columns:repeat(3,1fr);align-items:stretch}}.foot{display:grid;gap:8px;padding:18px var(--pad) 24px;color:var(--soft);text-transform:none;letter-spacing:0;line-height:1.6;word-break:keep-all}.foot p{max-width:62em}.foot-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 20px;margin-top:8px;padding-top:10px;border-top:1px solid var(--line);color:var(--ink)}.foot p.foot-row{max-width:none}.foot-row a:hover{text-decoration:underline}details.more summary{width:max-content;cursor:pointer;text-decoration:underline;text-underline-offset:3px}details.more p{margin-top:8px}.maker{display:inline-flex;align-items:baseline;gap:6px}.maker b{font-family:var(--sans);font-size:18px;font-weight:800;font-stretch:118%;letter-spacing:-.02em}.maker:hover b{color:var(--acc)}.card-art canvas{display:block;width:100%;height:auto;margin-bottom:16px;border-radius:10px}.card-sheet .cta{min-height:42px;padding:8px 14px;box-shadow:none}.sheet{--ink: #f1ece1;--bg: #17140f;--flap: #17140f;--acc: #ff4a1c;--line: color-mix(in srgb, var(--ink) 30%, transparent);--soft: color-mix(in srgb, var(--ink) 66%, transparent);width:min(100%,480px);max-width:100%;max-height:92svh;margin:auto auto 0;padding:18px var(--pad) 22px;border:0;border-radius:18px 18px 0 0;background:var(--bg);color:var(--ink);color-scheme:dark;overflow-y:auto}.sheet[open]{animation:sheet .45s var(--ease)}@keyframes sheet{0%{transform:translateY(40%);opacity:0}}.sheet::backdrop{background:#17140f8c}@media(min-width:700px){.sheet{margin:auto;padding:24px 28px 26px;border-radius:18px}}.sheet-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.sheet-head h2{font-size:26px;font-weight:800;font-stretch:112%;letter-spacing:-.04em;line-height:1.1}.sheet legend,.field>span{display:block;margin-bottom:6px;color:var(--soft)}.seg{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.seg legend{width:100%}.seg label{position:relative;flex:1 1 0}.seg input,.check input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.seg span{display:grid;place-items:center;min-height:42px;border:1px solid var(--line);border-radius:8px;font-weight:700;transition:background-color .2s,color .2s}.seg input:checked+span{border-color:var(--acc);background:var(--acc);color:var(--bg)}.seg input:focus-visible+span,.check input:focus-visible+span{outline:2px solid var(--ink);outline-offset:3px}.field{display:block;min-width:0;margin-bottom:16px}.field input{width:100%;min-width:0;height:46px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:transparent;font-family:var(--mono);font-size:18px}.field input:focus{border-color:var(--ink)}#f-amount{height:58px;font-size:26px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}.check{position:relative;display:flex;align-items:center;min-height:46px;margin-bottom:16px}.check span{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600;line-height:1.25;word-break:keep-all}.check span:before{content:"";flex:none;width:20px;height:20px;border:1.5px solid var(--ink);border-radius:5px}.check input:checked+span:before{border-color:var(--acc);background:var(--acc);box-shadow:inset 0 0 0 3px var(--bg)}.calc{padding:12px;border:1px dashed var(--line);border-radius:8px;font-size:12px;line-height:1.7;text-transform:none;letter-spacing:0;white-space:pre-line}.fine{margin-top:12px;font-size:12px;line-height:1.6;color:var(--soft);word-break:keep-all}.reset{margin-top:14px;padding:6px 0;border-bottom:1px solid var(--line);color:var(--soft);text-align:left}.toast{position:fixed;left:50%;bottom:20px;z-index:40;max-width:calc(100% - 32px);padding:11px 16px;border-radius:999px;background:var(--ink);color:var(--bg);text-transform:none;letter-spacing:0;font-size:12px;text-align:center;opacity:0;transform:translate(-50%,20px);transition:opacity .3s,transform .3s var(--ease);pointer-events:none}.toast.on{opacity:1;transform:translate(-50%)}.confetti{position:fixed;inset:0;z-index:30;width:100%;height:100%;pointer-events:none}::view-transition-old(root){animation:none}::view-transition-new(root){animation:iris .9s var(--ease) both}@keyframes iris{0%{clip-path:circle(0 at 50% 36%)}to{clip-path:circle(150vmax at 50% 36%)}}.lost{display:grid;align-content:center;justify-items:start;gap:18px;min-height:100svh;padding:var(--pad)}.poster .board-wrap,.poster .day,.poster .stats{max-width:none}.poster .top-r,.poster .acts,.poster .who,.poster .demo{visibility:hidden}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}::view-transition-new(root){animation:none}}#mini{display:none}@media(min-width:900px)and (hover:hover){#mini{display:inline-block}}.mini .top,.mini .status,.mini .who,.mini .who-note,.mini .clock-side,.mini .mark,.mini .day,.mini .room,.mini .foot,.mini .skip{display:none!important}.mini .clock{display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:100vh;padding:12px 16px}.mini .label{margin:0;font-size:13px}.mini .board-wrap,.mini .stats{margin-top:0;max-width:none}.mini .stats dd,.mini .rate{font-size:15px}