@import"https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Noto+Sans+KR:wght@400;500;700&family=Chakra+Petch:wght@600;700&display=swap";:root{--bg: #EDEAE0;--panel: #FBFAF6;--panel2: #E6E8DE;--line: #CBD2C3;--text: #16261C;--dim: #5E6B61;--accent: #C8322B;--accent-ink: #FFFFFF;--good: #1E7A3C;--bad: #B3261E;--gold: #9A6400;--field: #1F5E3B;--field-deep: #143F28;--board: #121B14;--board-line: #2A3A2E;--led: #FFB020;--led-dim: #8A6A2A;--chalk: #F6F3E7;--clay: #B9733D;--display: "Black Han Sans", "Noto Sans KR", "Malgun Gothic", sans-serif;--body: "Noto Sans KR", "Pretendard", "Malgun Gothic", system-ui, sans-serif;--digits: "Chakra Petch", "Noto Sans KR", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--body);-webkit-tap-highlight-color:transparent;line-height:1.5}body{background-image:repeating-linear-gradient(0deg,transparent 0 27px,rgba(22,38,28,.035) 27px 28px)}#root{display:flex;justify-content:center}.app{width:100%;max-width:480px;min-height:100vh;padding:10px 12px 40px}button{font-family:inherit;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:4px;padding:10px 14px;font-size:14px;cursor:pointer;transition:background .12s,border-color .12s,transform .06s}button:hover{border-color:var(--text)}button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-family:var(--display);font-weight:400;letter-spacing:.02em;font-size:17px;box-shadow:inset 0 -3px #0000002e}button.primary:hover{border-color:#a1261f;background:#b52c26}button:disabled{opacity:.45;cursor:default;transform:none}button.primary:disabled{background:var(--panel2);border-color:var(--line);color:var(--dim);box-shadow:none}input[type=text],input:not([type]){font-family:inherit}input[type=range]{accent-color:var(--accent)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:12px;margin-bottom:10px}.dim{color:var(--dim)}.good{color:var(--good)}.bad{color:var(--bad)}.gold{color:var(--gold)}h1{font-family:var(--display);font-weight:400;font-size:24px;letter-spacing:.01em;margin-bottom:6px;line-height:1.2}h2{font-family:var(--display);font-weight:400;font-size:17px;margin-bottom:8px}h3{font-size:13px;font-weight:700;margin-bottom:6px;color:var(--text)}h3 .dim{font-weight:400}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:4px 6px;text-align:right;border-bottom:1px solid var(--line)}th:first-child,td:first-child{text-align:left}th{color:var(--dim);font-weight:500}tbody tr:nth-child(2n) td{background:#16261c06}.scoreboard{background:var(--board);color:var(--chalk);border:1px solid var(--board-line);border-radius:6px;padding:12px 14px;margin-bottom:10px;position:relative;overflow:hidden}.scoreboard:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 2px,transparent 2px 4px)}.scoreboard .dim{color:#a6b3a8}.scoreboard h1,.scoreboard .title{font-family:var(--display);font-weight:400;color:var(--chalk)}.led{font-family:var(--digits);font-weight:700;color:var(--led);text-shadow:0 0 8px rgba(255,176,32,.45);letter-spacing:.04em;font-variant-numeric:tabular-nums}.led-label{font-size:10px;color:#a6b3a8;letter-spacing:.02em}.led.off{color:var(--led-dim);text-shadow:none}.chip-dark{display:inline-block;border:1px solid var(--board-line);background:#1b2820;color:var(--chalk);border-radius:3px;padding:1px 6px;font-size:11px}.chalkboard{background:var(--field-deep);color:var(--chalk);border:4px solid #8A5A2B;border-radius:4px;padding:12px;margin-bottom:10px;box-shadow:inset 0 0 40px #00000040}.chalkboard h3{color:var(--chalk)}.chalkboard .dim{color:#b9c9bc}.chalkboard .good{color:#9fe2b0}.chalkboard .bad{color:#ffb3a7}.chalkboard .gold{color:var(--led)}.chalkboard button{background:#ffffff0f;color:var(--chalk);border-color:#ffffff40}.chalkboard button:hover{border-color:var(--chalk)}.chalkboard button.on{background:var(--chalk);color:var(--field-deep);border-color:var(--chalk);font-weight:700}.chalkbar{height:10px;background:#ffffff1f;border-radius:2px;overflow:hidden}.chalkbar>div{height:100%;background:var(--chalk)}.chalkbar.off>div{background:#ffffff4d}.chalkboard input[type=range]{accent-color:var(--led)}.tcard{position:relative;padding:10px 6px;min-height:92px;border-radius:6px;background:var(--panel);border:2px solid var(--line);color:var(--text);box-shadow:0 1px #0000000f,0 6px 14px -10px #00000059;transition:transform .15s,box-shadow .15s}.tcard:not(:disabled):hover{transform:translateY(-3px) rotate(-1deg)}.tcard.back{background:repeating-linear-gradient(135deg,var(--field) 0 6px,var(--field-deep) 6px 12px);color:var(--chalk)}.tcard.common{border-color:#9aa69c}.tcard.rare{border-color:#2f6fb5}.tcard.epic{border-color:var(--led);box-shadow:0 0 0 1px var(--led),0 0 16px #ffb02059}.tcard.cursed{border-color:#7a3e9d;box-shadow:0 0 0 1px #7a3e9d,0 0 12px #7a3e9d59}.tcard .rarity{position:absolute;top:4px;left:6px;font-size:10px;font-weight:700}.tcard.picked{transform:none}.field-night{background:radial-gradient(ellipse at 50% 0%,#2E7A4E 0%,var(--field) 40%,var(--field-deep) 100%);color:var(--chalk);border-radius:6px;padding:18px 14px;margin-bottom:10px;text-align:left;border:1px solid var(--board-line)}.field-night .dim{color:#b9c9bc}.field-night .gold{color:var(--led)}.scorecard{background:var(--panel);border:1px solid var(--line);border-left:5px solid var(--accent);border-radius:4px;padding:10px 12px;margin-bottom:10px}.scorecard .row{display:flex;gap:8px;padding:5px 0;border-bottom:1px dashed var(--line);font-size:13px;line-height:1.5}.scorecard .row:last-child{border-bottom:none}.scorecard .row .ic{width:20px;flex:none;text-align:center}.phasebar{display:flex;gap:2px}.phasebar .seg{flex:1;text-align:center;font-size:10px;padding:5px 0;border-radius:2px;background:var(--panel2);color:var(--dim);overflow:hidden;white-space:nowrap;border-bottom:2px solid transparent}.phasebar .seg.past{background:var(--panel2);color:#8e9b90}.phasebar .seg.cur{background:var(--field);color:var(--chalk);font-weight:700;border-bottom-color:var(--led)}.phasebar .seg.next{background:transparent;border:1px dashed var(--line)}.chip{text-align:left;padding:7px 8px;font-size:12px;border-radius:4px;background:var(--panel);border-left:3px solid var(--field)}.chip.on{background:#e7f1e9;border-color:var(--field);border-left-color:var(--accent)}.chip .t{font-weight:700}.chip .d{font-size:10px;color:var(--dim)}.stat-tile{background:var(--panel2);border-radius:4px;padding:8px}.stat-tile .v{font-family:var(--display);font-size:20px;line-height:1.1}.stat-tile .k{font-size:10px;color:var(--dim)}.tag{display:inline-block;font-size:11px;border:1px solid var(--line);border-radius:3px;padding:2px 7px;background:var(--panel)}.tag.gold{border-color:var(--gold)}.tag.accent{border-color:var(--accent);color:var(--accent)}@keyframes popIn{0%{transform:scale(.94);opacity:0}60%{transform:scale(1.02);opacity:1}to{transform:scale(1);opacity:1}}@keyframes shakeX{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes glowPulse{0%{box-shadow:0 0 #ffb02000}50%{box-shadow:0 0 18px #ffb0208c}to{box-shadow:0 0 6px #ffb02040}}@keyframes floatUp{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes ledBlink{0%,to{opacity:1}50%{opacity:.55}}.pop{animation:popIn .35s ease-out both}.shake{animation:shakeX .5s ease-in-out both;border-color:var(--bad)!important}.glow{animation:glowPulse 1.6s ease-in-out both;border-color:var(--gold)!important}.float{animation:floatUp .5s ease-out both}.blink{animation:ledBlink 1.2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.pop,.shake,.glow,.float,.blink{animation:none}.tcard,button{transition:none}}.app{padding-bottom:132px}.bottombar{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:480px;display:flex;background:var(--board);border-top:1px solid var(--board-line);z-index:20;padding-bottom:env(safe-area-inset-bottom)}.bottombar .tab{flex:1;background:transparent;border:none;border-radius:0;color:#a6b3a8;padding:8px 0 6px;display:flex;flex-direction:column;align-items:center;gap:1px;font-size:11px}.bottombar .tab .ic{font-size:18px;line-height:1}.bottombar .tab.on{color:var(--led);border-top:2px solid var(--led);margin-top:-1px}.bottombar .tab:hover{color:var(--chalk)}.sticky-cta{position:fixed;left:50%;transform:translate(-50%);bottom:56px;width:100%;max-width:480px;padding:8px 12px;background:linear-gradient(180deg,rgba(237,234,224,0) 0%,var(--bg) 35%);z-index:19;display:flex;gap:8px}.sticky-cta .primary{flex:3;padding:14px}.sticky-cta .ghost{flex:1;padding:14px 8px;font-size:13px;background:var(--panel)}.grade{display:inline-block;font-family:var(--display);font-weight:400;line-height:1;border-radius:3px;text-align:center;color:#fff}.grade.sm{font-size:11px;padding:2px 5px;min-width:18px}.grade.lg{font-size:18px;padding:4px 8px;min-width:28px}.grade-S{background:#9a6400}.grade-A{background:var(--accent)}.grade-B{background:var(--field)}.grade-C{background:#2f6fb5}.grade-D{background:#6b7a70}.grade-F{background:#9aa69c}.checklist{list-style:none;display:flex;gap:6px}.checklist li{flex:1;display:grid;grid-template-columns:18px 1fr;column-gap:6px;align-items:center;padding:6px 8px;border-radius:4px;background:var(--panel2);font-size:12px;border:1px solid transparent;min-width:0}.checklist li .txt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}.checklist li .hint{grid-column:2;margin-left:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checklist li .mark{width:18px;height:18px;border-radius:50%;background:var(--line);color:var(--text);font-size:11px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex:none}.checklist li.done{background:#e7f1e9;border-color:var(--field)}.checklist li.done .mark{background:var(--field);color:var(--chalk)}.checklist li.opt .txt{color:var(--dim)}.checklist li .hint{font-size:10px;color:var(--dim);margin-left:auto}.collapsible .sum{width:100%;display:flex;align-items:center;gap:8px;border:none;background:transparent;padding:10px 12px;font-size:13px;border-radius:4px}.collapsible .sum:hover{background:#16261c08}@keyframes flipIn{0%{transform:rotateY(90deg);opacity:.2}to{transform:rotateY(0);opacity:1}}.tcard.picked{animation:flipIn .45s ease-out both;transform-origin:center}@keyframes rowIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}.scorecard .row{animation:rowIn .35s ease-out both}.scorecard .row:nth-child(2){animation-delay:.05s}.scorecard .row:nth-child(3){animation-delay:.1s}.scorecard .row:nth-child(4){animation-delay:.15s}.scorecard .row:nth-child(5){animation-delay:.2s}.scorecard .row:nth-child(6){animation-delay:.25s}.scorecard .row:nth-child(7){animation-delay:.3s}.scorecard .row:nth-child(n+8){animation-delay:.35s}.banner{border-radius:4px;padding:10px 12px;margin-bottom:10px;display:flex;gap:10px;align-items:center}.banner.gold{background:linear-gradient(90deg,#FFF3D6,var(--panel));border:1px solid var(--gold)}.banner .big{font-size:26px;line-height:1}.growth{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:6px}.growth .cell{background:var(--panel2);border-radius:4px;padding:8px 6px;text-align:center}.growth .cell .v{font-family:var(--display);font-size:18px;line-height:1.1}.growth .cell .d{font-size:11px;font-weight:700}.growth .cell .k{font-size:10px;color:var(--dim)}@media(prefers-reduced-motion:reduce){.tcard.picked,.scorecard .row{animation:none}}.live-top{position:sticky;top:0;z-index:3;padding:10px}.live-ctl{display:flex;gap:6px}.live-ctl button{flex:1;padding:7px 4px;font-size:12px;background:var(--panel2);border:1px solid var(--line);color:var(--dim)}.live-ctl button.on{background:var(--board);color:var(--led);border-color:var(--board);font-weight:700}.live-card{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:4px;padding:8px 10px;margin-bottom:8px;animation:floatUp .3s ease-out both}.live-card.latest{border-left-color:var(--accent)}.live-head{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:4px}.live-week{font-family:var(--digits);font-weight:700;font-size:14px;letter-spacing:.02em}.live-line{display:flex;gap:6px;font-size:12px;line-height:1.55;padding:2px 0}.live-line .ic{width:18px;flex:none;text-align:center}.live-row{display:grid;grid-template-columns:auto 1fr auto;column-gap:8px;align-items:baseline;font-size:13px;padding:5px 0;border-top:1px dashed var(--line);animation:rowIn .3s ease-out both}.live-row .tag{grid-column:1;font-size:10px;color:var(--dim);border:1px solid var(--line);border-radius:3px;padding:0 5px;white-space:nowrap}.live-row .opp{grid-column:2}.live-row b{grid-column:3;font-family:var(--digits)}.live-row .line{grid-column:2 / 4;font-size:11px}.wk-row{display:grid;grid-template-columns:34px 1fr auto auto 14px;gap:6px;align-items:center;padding:7px 0;font-size:12px;cursor:pointer}.wk-no{font-family:var(--digits);font-weight:700}.wk-main{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wk-marks{font-size:11px;letter-spacing:1px}.wk-fat{font-size:11px;font-variant-numeric:tabular-nums}.wd-block{border-left:3px solid var(--line);padding:4px 8px;margin:6px 0;background:var(--panel2);border-radius:0 4px 4px 0}.wd-title{font-weight:700;font-size:13px;margin-bottom:2px}.portrait{position:relative;flex:none;background:var(--bg);border:2px solid var(--text);border-radius:3px;box-shadow:2px 2px #00000047}.portrait img{display:block;width:100%;height:100%;object-fit:cover;border-radius:1px}.portrait-emoji{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.portrait-mood{position:absolute;right:-6px;bottom:-6px;font-size:15px;line-height:1}.scoreboard .portrait{border-color:var(--chalk);box-shadow:0 0 0 1px var(--board),3px 3px #ffb02059}body{font-size:14px}.cap{font-size:11px;color:var(--dim);line-height:1.45}.num{font-family:var(--digits);font-variant-numeric:tabular-nums;font-weight:700}.sec{display:flex;align-items:center;gap:8px;margin:16px 0 8px}.sec:first-child{margin-top:4px}.sec-t{font-family:var(--display);font-size:15px;line-height:1;white-space:nowrap}.sec-rule{flex:1;height:0;border-top:2px solid var(--text);opacity:.85}.sec-aside{font-size:11px;color:var(--dim);white-space:nowrap}.segmented{display:flex;border:1.5px solid var(--text);border-radius:4px;overflow:hidden;background:var(--panel)}.segmented button{flex:1;border:none;border-radius:0;background:transparent;padding:9px 6px;font-size:12px;min-height:38px;color:var(--text);border-left:1px solid var(--line);white-space:nowrap}.segmented button:first-child{border-left:none}.segmented button.on{background:var(--text);color:var(--chalk);font-weight:700}.segmented button:hover:not(.on){background:var(--panel2)}.segmented.sm button{padding:6px;min-height:32px;font-size:11px}.segmented.scroll{overflow-x:auto}.segmented.scroll button{flex:1 0 auto;padding-left:12px;padding-right:12px}.indextabs{display:flex;gap:4px;margin:12px 0 0;padding:0 2px;border-bottom:2px solid var(--text)}.itab{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 10px 7px;border:1.5px solid var(--line);border-bottom:none;border-radius:6px 6px 0 0;background:var(--panel2);color:var(--dim);min-height:48px;position:relative;top:2px}.itab:hover{border-color:var(--text)}.itab.on{background:var(--panel);color:var(--text);border-color:var(--text);border-width:2px;padding-bottom:9px}.itab-name{font-family:var(--display);font-size:15px;line-height:1.1;display:inline-flex;align-items:center;gap:5px}.itab-note{font-size:10px;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.itab-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);display:inline-block}.sheet{background:var(--panel);border:2px solid var(--text);border-top:none;border-radius:0 0 6px 6px;padding:12px;margin-bottom:10px}.sheet>.panel:last-child,.sheet>.chalkboard:last-child{margin-bottom:0}.hud-top{display:flex;gap:12px;align-items:center}.hud-name{font-family:var(--display);font-size:21px;line-height:1.1;color:var(--chalk)}.hud-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px;text-align:center}.hud-stats .led{font-size:21px}.hud-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:11px;color:#a6b3a8}.gauge{display:flex;align-items:center;gap:8px;margin-top:8px}.gauge-track{flex:1;height:10px;background:#2a3a2e;border-radius:3px;overflow:hidden;position:relative}.gauge-track i{position:absolute;top:0;bottom:0;width:1px;background:#ffffff40}.gauge-fill{height:100%;transition:width .3s}.alert-chip{display:inline-block;font-size:11px;padding:1px 7px;border-radius:3px;background:#ff8a7a29;color:#ff9d8f;border:1px solid rgba(255,138,122,.5)}.track{margin-bottom:10px}.track-line{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:12px;margin-top:5px}.abil{display:grid;gap:4px;background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:8px 6px 6px;margin-bottom:0}.abil-cell{text-align:center;min-width:0}.abil-v{font-family:var(--display);font-size:17px;line-height:1.05}.abil-bar{height:3px;background:var(--panel2);border-radius:2px;margin:3px 5px 2px;overflow:hidden}.abil-bar>div{height:100%}.abil-k{font-size:10px;color:var(--dim)}.rows{border-top:1px solid var(--line)}.rowitem{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:9px 2px;border-bottom:1px solid var(--line);font-size:13px}.rowitem .k{color:var(--dim);font-size:12px;flex:none}.rowitem .v{text-align:right;min-width:0}.chips{display:flex;flex-wrap:wrap;gap:6px}.story{display:block;width:100%;text-align:left;padding:0;border:1.5px solid var(--line);border-radius:6px;background:var(--panel);overflow:hidden;position:relative}.story+.story{margin-top:8px}.story:hover{border-color:var(--text)}.story.on{border-color:var(--accent);border-width:2px;background:#fdf3f1}.story-in{display:grid;grid-template-columns:6px 1fr}.story-spine{background:var(--line)}.story-body{padding:10px 12px 10px 10px;min-width:0}.story-head{display:flex;gap:10px;align-items:flex-start}.story-title{font-weight:700;font-size:14px;line-height:1.35;flex:1;min-width:0}.story-tier{flex:none;font-size:10px;font-weight:700;padding:2px 6px;border-radius:3px;border:1px solid currentColor;white-space:nowrap}.story-text{font-size:12.5px;line-height:1.6;margin:6px 0 8px;color:#2b3b30}.story-do{font-size:12px;font-weight:700;margin-bottom:6px}.stake{display:grid;grid-template-columns:44px 1fr;row-gap:3px;column-gap:8px;font-size:11.5px;line-height:1.45;border-top:1px dashed var(--line);padding-top:6px}.stake dt{color:var(--dim)}.stake dd{min-width:0}.story-check{position:absolute;right:8px;bottom:8px;font-family:var(--display);font-size:12px;color:var(--accent);border:2px solid var(--accent);border-radius:3px;padding:1px 6px;transform:rotate(-4deg);background:var(--panel)}.trow{display:grid;grid-template-columns:46px 30px 28px 34px 1fr 36px 34px 46px;align-items:center;column-gap:5px;font-size:12px;padding:3px 0}.trow button{padding:0;width:34px;height:32px;font-size:15px;line-height:1}.trow.rest{border-top:1px dashed rgba(255,255,255,.25);margin-top:6px;padding-top:8px}.trow.off{opacity:.4}.board-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.board-title{font-family:var(--display);font-size:16px}.fatecall{border:2px solid var(--gold);background:linear-gradient(180deg,#FFF8E6,var(--panel));border-radius:6px;padding:12px;margin:10px 0 0}.app{padding-bottom:172px}.sticky-cta{flex-direction:column;gap:6px;bottom:44px;padding:14px 12px 18px;background:linear-gradient(180deg,rgba(237,234,224,0) 0,var(--bg) 22px)}.cta-sum{display:flex;gap:6px}.cta-chip{flex:1;min-width:0;text-align:left;padding:6px 9px;font-size:11px;line-height:1.3;border-radius:4px;background:var(--panel);border:1px solid var(--line);min-height:40px}.cta-chip b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cta-chip .k{color:var(--dim)}.sticky-cta .primary{flex:none;width:100%;padding:13px}.result-cta{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:480px;padding:16px 12px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(237,234,224,0) 0,var(--bg) 22px);z-index:19}.result-cta .primary{width:100%;padding:14px}@media(prefers-reduced-motion:reduce){.gauge-fill{transition:none}}