.op{max-width:1280px;margin:0 auto;padding:12px 16px 24px;display:grid;gap:10px}.op-stage{width:100%;height:auto;display:block;border-radius:28px;box-shadow:var(--shadow);background:#fffdfb}.op-bg{fill:#fffdfb;stroke:var(--line);stroke-width:2}.op-digit{font-family:var(--f-mono);font-weight:700;font-size:200px}.op-mono{font-family:var(--f-mono);font-weight:700;font-size:112px;fill:var(--ink)}.op-carry{font-family:var(--f-mono);font-weight:700;font-size:46px;fill:var(--bad)}.op-ssak{font-family:var(--f-display);font-size:54px;fill:#3a8bbb}.op-frac{font-family:var(--f-mono);font-weight:700;font-size:56px}.op-small{font-family:var(--f-display);font-size:28px;fill:var(--muted)}.op-cap{font-family:var(--f-display);font-size:56px;fill:#d24f76}.op-ui{display:grid;gap:8px}.op-btns{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.tt-open{font-size:.95rem}.li{display:grid;gap:6px;justify-items:center;cursor:pointer}.li-svg{width:100%;height:auto;display:block;border-radius:28px;box-shadow:var(--shadow)}.li-chip-t{font-family:var(--f-display);font-size:26px;fill:#fff}.li-topic{font-family:var(--f-display);font-size:24px;fill:var(--muted)}.li-skip{margin:0;font-size:.9rem;color:var(--muted)}.op-say{font-family:var(--f-display);font-size:34px;fill:var(--ink)}.title{min-height:100%;display:grid;place-items:center;padding:24px 16px}.tt-stage{display:grid;justify-items:center;gap:10px;text-align:center;width:100%}.tt-logo{width:min(680px,100%);height:auto;display:block}.tt-sub{font-family:var(--f-display);font-size:26px;fill:var(--muted)}.tt-cast{position:relative;width:min(540px,92vw);height:200px}.tt-kj{position:absolute;left:50%;bottom:0;width:250px;margin-left:-125px}.tt-kj svg,.tt-rc svg{width:100%;height:auto;display:block}.tt-rc{position:absolute;right:0;top:6px;width:120px}.tt-start{font-size:1.35rem;padding:14px 32px}.tt-note{font-size:.88rem;color:var(--muted);margin:0}.tt-ask{max-width:420px;padding:14px 18px;display:grid;gap:10px;text-align:center;border-color:#f4b8bf}.tt-ask p{margin:0}.tt-ask-btns{display:flex;gap:10px;justify-content:center}.tt-ask-go{border-color:var(--bad);color:var(--bad)}.map{max-width:1120px;margin:0 auto;padding:18px 16px 48px;display:grid;gap:16px}.map-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.map-brand{display:flex;align-items:center;gap:10px}.map-brand h1{font-family:var(--f-display);font-weight:400;font-size:clamp(1.8rem,4vw,2.6rem);margin:0}.map-kj{width:84px;height:64px}.map-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.map-rank,.map-stamps{font-family:var(--f-display);background:var(--panel);border:2px solid var(--line);border-radius:999px;padding:4px 14px}.map-rank{color:var(--glow-s)}.map-boss{display:flex;align-items:center;gap:12px}.map-rc{width:92px;height:84px;flex:none}.map-bubble{margin:0;background:var(--panel);border:2px solid var(--line);border-radius:20px;padding:8px 16px;font-size:1.3rem}.map-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.corner{position:relative;background:var(--panel);border:2px solid var(--line);border-radius:22px;padding:14px;display:grid;gap:4px;align-content:start}.corner.locked{opacity:.55;background:var(--line-2)}.corner.clear{border-color:var(--good)}.corner-top{display:flex;justify-content:space-between;align-items:start;font-size:.85rem;color:var(--muted);min-height:46px}.corner-cr{width:52px;height:46px}.corner h2{font-family:var(--f-display);font-weight:400;font-size:1.28rem;margin:0}.corner-topic{font-size:.82rem;color:var(--muted);margin:0}.corner-level{font-family:var(--f-hand);font-weight:700;font-size:1.15rem;margin:4px 0;color:var(--accent)}.corner-level.muted{color:var(--muted)}.corner-btns{display:flex;gap:6px;flex-wrap:wrap}.corner-stk{position:absolute;right:64px;top:6px;width:50px;height:50px;transform:rotate(8deg)}.cs{max-width:980px;margin:0 auto;padding:14px 16px 40px;display:grid;gap:12px}.cs-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.cs-title{display:grid}.cs-title b{font-family:var(--f-display);font-weight:400;font-size:1.45rem}.cs-title span{font-size:.85rem;color:var(--muted)}.cs-dots,.day-dots{display:flex;gap:6px;list-style:none;margin:0;padding:0}.cs-dots li,.day-dots li{width:12px;height:12px;border-radius:50%;background:var(--line)}.cs-dots li.now,.day-dots li.now{background:var(--accent);transform:scale(1.25)}.cs-dots li.done,.day-dots li.done{background:var(--glow-s)}.day-dots li.miss{background:#e9c9a8}.cs-box{padding:16px;display:grid;gap:10px}.cs-motion{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:var(--butter);border-radius:16px;padding:8px 12px}.cs-motion p{margin:0}.cs-scene-title{font-family:var(--f-display);font-weight:400;font-size:1.35rem;margin:0}.cs-scene-title .num{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;font-size:1rem;margin-right:6px}.cs-stage{width:100%;height:auto;display:block;border-radius:20px}.cs-bg{fill:#fffdf7;stroke:var(--line);stroke-width:2}.cs-t{font-family:var(--f-display);fill:var(--ink)}.cs-t.mono{font-family:var(--f-mono);font-weight:600}.cs-bubble,.cs-bubble-tail{fill:#fff;stroke:#4a3b36;stroke-width:2}.cs-btxt{font-family:var(--f-hand);font-weight:700;font-size:21px;fill:#3e3230}.cs-pill{font-family:var(--f-display);font-size:19px;fill:#fff}.cs-stamp{font-family:var(--f-display);font-size:28px}.cs-dots circle{fill:#e3d8c3}.lp-dot{fill:#4a3b36}.leak-p{fill:#e4f27a;stroke:#b9d64a;stroke-width:1}.cs-caption{margin:0;font-size:1.4rem;line-height:1.4;text-align:center}.cs-ask{background:var(--butter);border-radius:18px;padding:12px 14px;display:grid;gap:8px;text-align:center}.cs-q{margin:0;font-family:var(--f-display);font-size:1.2rem}.cs-opts{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.cs-opt:disabled{opacity:.55}.cs-opt.right{background:var(--good);color:#fff;border-color:var(--good);opacity:1}.cs-opt.picked{background:var(--bad-soft);border-color:var(--bad);opacity:1}.cs-explain{margin:0;font-size:1.25rem}.cs-nav{display:flex;justify-content:space-between;gap:8px}.day{max-width:980px;margin:0 auto;padding:14px 16px 40px;display:grid;gap:12px}.day-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.day-title{display:grid;text-align:center}.day-title b{font-family:var(--f-display);font-weight:400;font-size:1.4rem}.day-title span{font-size:.85rem;color:var(--muted)}.ord{display:grid;gap:12px}.ord-head{display:flex;align-items:center;gap:12px}.ord-cust{width:96px;height:88px;flex:none}.ord-say{margin:0;padding:10px 16px;font-size:1.35rem;line-height:1.35;border-radius:20px}.ord-say small{display:block;font-family:var(--f-body);font-weight:400;font-size:.8rem;color:var(--muted)}.ord-body{display:grid;gap:10px;justify-items:center}.ord-give,.ord-next{justify-self:center;font-size:1.2rem;padding:12px 30px}.ord-count{margin:0;font-size:1.3rem}.ord-msg{display:flex;align-items:center;gap:10px;justify-content:center;border-radius:18px;padding:6px 14px}.ord-msg.good{background:var(--good-soft)}.ord-msg.hmm{background:var(--warn-soft)}.ord-msg p{margin:0;font-size:1.3rem}.ord-kj{width:74px;height:56px;flex:none}.lb{display:grid;gap:8px;justify-items:center;width:100%}.lb-svg{width:100%;max-width:560px;height:auto;display:block;touch-action:none;-webkit-user-select:none;user-select:none}.lb-bg{fill:#fffdf7;stroke:var(--line);stroke-width:2}.lb-guide{fill:#dff27e2e;stroke:#c6e05a;stroke-width:9;stroke-linejoin:round;stroke-dasharray:2 14;stroke-linecap:round}.lb-fill{fill:var(--light)}.lb-fill.still{fill:#fffbe0}.lb-edge{stroke:#4a3b36;stroke-width:4;stroke-linecap:round}.lb-edge.bad{stroke:var(--bad)}.lb-pt{cursor:pointer}.lb-hit{fill:transparent}.lb-dot{fill:#d8ccb6}.lb-pt:hover .lb-dot{fill:var(--glow-s)}.lb-on{fill:#4a3b36}.lb-first{fill:#c6e05a8c;stroke:var(--glow-s);stroke-width:2.5;animation:breathe 1.1s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.lb-tools{display:flex;gap:8px}.lb-note{margin:0;font-size:1.2rem;color:var(--ink-2);text-align:center}.lb-note.bad{color:var(--bad)}.lb-note.good{color:var(--good)}.db-line{stroke:var(--silk);stroke-width:4;stroke-linecap:round}.db-hint{fill:none;stroke:var(--silk);stroke-width:2.5;stroke-dasharray:4 4}.db-sel{fill:var(--accent)}.fc{display:grid;grid-template-columns:repeat(5,auto);gap:4px 16px;padding:10px 16px;border-radius:18px}.fc-row{display:grid;justify-items:center}.fc-row span{font-size:.8rem;color:var(--muted)}.fc-row b{font-family:var(--f-display);font-weight:400;font-size:1.1rem}.sv{width:100%;height:auto;display:block}.sv-fill{fill:var(--light)}.sv-edge{fill:none;stroke:#4a3b36;stroke-width:3.6;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.sv-dot{fill:#4a3b36}.sv-diag{stroke:var(--silk);stroke-width:2.6;vector-effect:non-scaling-stroke}.sv-num-bg{fill:var(--accent)}.sv-num{font-family:var(--f-mono);font-weight:600;font-size:13px;fill:#fff}.pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;width:100%}.pick-card{position:relative;background:var(--panel);border:3px solid var(--line);border-radius:18px;padding:14px 10px 30px;cursor:pointer;display:grid;place-items:center;min-height:180px}.pick-card .sv{max-height:150px}.pick-card.on{border-color:var(--accent);background:var(--accent-soft)}.pick-card.right{border-color:var(--good);background:var(--good-soft)}.pick-card.wrong{border-color:var(--bad);background:var(--bad-soft);animation:shake .4s}.pick-tag{position:absolute;left:10px;top:6px;font-family:var(--f-display);color:var(--muted)}.pick-why{position:absolute;left:6px;right:6px;bottom:4px;font-size:.78rem;color:var(--bad);line-height:1.2}.name-fig{padding:12px;display:grid;justify-items:center;gap:6px;width:min(460px,100%)}.name-fig .sv{max-height:260px}.name-opts{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.name-opt{min-width:110px;font-size:1.15rem}.name-opt.right{background:var(--good);color:#fff;border-color:var(--good);opacity:1}.name-opt.picked{background:var(--bad-soft);border-color:var(--bad);opacity:1}.sm{min-height:100%;display:grid;place-items:center;padding:24px 16px}.sm-card{max-width:640px;width:100%;padding:26px;display:grid;gap:14px;text-align:center;justify-items:center}.sm-card h1{font-family:var(--f-display);font-weight:400;margin:0;font-size:1.9rem}.sm-kj{width:150px;height:114px}.sm-stamps{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.sm-stamp{display:inline-grid;place-items:center;width:58px;height:58px;border:3px solid var(--accent);color:var(--accent);border-radius:50%;font-family:var(--f-display);transform:rotate(-8deg);font-size:1rem;background:#fff}.sm-stamp.empty{border-color:var(--line);color:var(--muted)}.sm-next{margin:0;font-size:1.35rem}.sm-stickers{display:flex;gap:10px}.sm-new{width:120px;height:132px}.sm-rank{margin:0;font-size:1.1rem}.sm-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.stk-label{font-family:var(--f-display);font-size:13px;fill:var(--ink)}.stk-label.off{fill:var(--muted)}.stk-n{font-family:var(--f-display);font-size:24px;fill:#7a5a12}.stk-q{font-family:var(--f-display);font-size:34px;fill:#b9aca6}@media(max-width:960px){.map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.map-grid{grid-template-columns:1fr}.ord-say{font-size:1.15rem}.ord-cust{width:70px;height:64px}.fc{grid-template-columns:repeat(3,auto)}.cs-caption{font-size:1.2rem}}.say-btn{margin-left:8px;border:2px solid var(--line);background:#fff;border-radius:999px;width:38px;height:38px;font-size:1.05rem;cursor:pointer;vertical-align:middle;line-height:1}.say-btn:hover{border-color:var(--accent)}.say-btn:active{transform:scale(.92)}.tb{display:grid;gap:8px;justify-items:center;width:100%}.tb-palette{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center}.tb-kind{display:grid;justify-items:center;gap:2px;width:92px;padding:6px;border:3px solid var(--line);border-radius:16px;background:#fff;cursor:pointer;font-family:var(--f-display);font-size:.9rem}.tb-kind svg{width:56px;height:56px}.tb-kind.on{border-color:var(--accent);background:var(--accent-soft)}.tb-svg{width:100%;max-width:600px;height:auto;display:block;touch-action:none;-webkit-user-select:none;user-select:none}.tb-cell{fill:transparent;stroke:#efe3cc;stroke-width:1.2;cursor:pointer}.tb-cell.in{fill:#fffbe0}.tb-cell:hover{fill:#e07b2a1f}.tb-seam{stroke:#4a3b362e;stroke-width:1}.tb-edge line{stroke:#4a3b36;stroke-width:3.4;stroke-linecap:round}.tb-piece{cursor:pointer}.rf-label{font-family:var(--f-mono);font-weight:600;font-size:22px;fill:var(--accent)}.mini-body{display:grid;gap:10px;justify-items:center}.mini-count{margin:0;color:var(--muted)}.mini-say{margin:0;font-size:1.3rem;text-align:center}.mini-say.bad{color:var(--bad)}.mini-stars{margin:0;font-size:2.4rem;letter-spacing:.1em;color:#e8dccb}.mini-stars .on{color:#f5b83d}.pick-why.ok{color:var(--good);font-family:var(--f-display);font-size:.95rem}.st-table{border-collapse:separate;border-spacing:6px;font-size:1.15rem}.st-table th{font-family:var(--f-display);font-weight:400;color:var(--muted);padding:4px 8px}.st-table td{min-width:52px;height:52px;text-align:center;background:#fff;border:2px solid var(--line);border-radius:12px;font-size:1.4rem}.st-table td.now{border-color:var(--silk);background:#f6f2fd}.st-diff td{background:transparent;border:none;color:var(--silk);font-size:1.1rem;height:30px}.cb{display:grid;gap:10px;justify-items:center;width:100%}.cb-key{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.cb-swatch{display:flex;align-items:center;gap:6px;padding:6px 10px;border:3px solid var(--line);border-radius:14px;background:#fff;font-family:var(--f-display);cursor:pointer}.cb-swatch i{width:22px;height:22px;border-radius:6px;border:2px solid #4a3b36}.cb-swatch.on{border-color:var(--accent);background:var(--accent-soft)}.cb-svg{width:100%;max-width:560px;height:auto;display:block;touch-action:none}.cb-piece{fill:#fffdf7;stroke:#4a3b36;stroke-width:3;stroke-linejoin:round;cursor:pointer;transition:fill .25s ease}.cb-piece:hover:not(.done){fill:#fff3d6}.cb-piece.sel:not(.done){fill:#fff0c9}.sb{max-width:980px;margin:0 auto;padding:14px 16px 40px;display:grid;gap:14px}.sb-kj{width:74px;height:56px}.sb-sec{padding:16px 18px;display:grid;gap:8px}.sb-sec h2{font-family:var(--f-display);font-weight:400;margin:0;font-size:1.35rem}.sb-note{margin:0;color:var(--muted);font-size:.92rem}.sb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.sb-stk{width:100%;height:auto}.sb-board{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;max-width:520px}.sb-dot{aspect-ratio:1;border-radius:50%;border:2px dashed var(--line);display:grid;place-items:center;font-family:var(--f-display);font-size:.85rem;color:#fff}.sb-dot.on{border:2px solid #8db52a;background:#b9d64a}.dg-silk{stroke:var(--silk);stroke-width:4;stroke-linecap:round;vector-effect:non-scaling-stroke}.th-q{font-family:var(--f-display);font-size:21px;fill:var(--ink)}@font-face{font-family:Jua;src:url(./jua-400-zoPkc0fF.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Gowun Dodum;src:url(./gowun-dodum-400-CylY2wWI.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Gaegu;src:url(./gaegu-700-CkeeRVqg.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(./ibm-plex-mono-500-Cxne0wVk.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(./ibm-plex-mono-600-D9cDT8QX.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--paper: #fffaf0;--panel: #ffffff;--ink: #3e3230;--ink-2: #5e504c;--muted: #8a7b76;--line: #f0e4cf;--line-2: #f8f0e2;--dot: rgba(141, 181, 42, .14);--accent: #e07b2a;--accent-ink: #ffffff;--accent-soft: #fdebd6;--glow: #dff27e;--glow-s: #8db52a;--light: #fff3a8;--silk: #9b8bc4;--angle: #5a7fd6;--mint: #e4f4ea;--butter: #fff4cf;--sky: #e5f2fb;--good: #2c8a4f;--bad: #cc3d4a;--good-soft: #e3f4e8;--bad-soft: #fde6e8;--warn-soft: #fff3d6;--shadow: 0 1px 2px rgba(62, 50, 48, .05), 0 10px 28px rgba(62, 50, 48, .08);--f-display: "Jua", "Gowun Dodum", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--f-body: "Gowun Dodum", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--f-hand: "Gaegu", "Gowun Dodum", "Apple SD Gothic Neo", system-ui, sans-serif;--f-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.6;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background-image:radial-gradient(var(--dot) 1.6px,transparent 1.7px);background-size:20px 20px}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.num{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.hand{font-family:var(--f-hand);font-weight:700}.btn{font-family:var(--f-display);font-size:1.05rem;line-height:1.2;min-height:48px;padding:10px 18px;border-radius:16px;cursor:pointer;border:2px solid var(--line);background:var(--panel);color:var(--ink);transition:transform .12s ease,border-color .12s ease,background-color .12s ease;touch-action:manipulation;-webkit-user-select:none;user-select:none}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:active:not(:disabled){transform:scale(.94)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn.hot{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);animation:boing 1.4s ease-in-out infinite}.btn.ghost{background:transparent;border-color:transparent;color:var(--accent)}.btn.small{min-height:40px;padding:6px 12px;font-size:.95rem;border-radius:12px}@keyframes boing{0%,to{transform:none}50%{transform:translateY(-3px)}}@keyframes shake{0%,to{transform:none}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.panel{background:var(--panel);border:2px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}:root[data-motion=off] *,:root[data-motion=off] *:before,:root[data-motion=off] *:after{animation:none!important;transition:none!important}