:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f4efe4;--surface:#fffdf8;--surface-2:#ece4d2;--text:#221e18;--muted:#58503f;--border:#cbbfa8;--border-strong:#7f7258;--accent:#7a1f1f;--accent-text:#fff;--good:#1b6234;--good-bg:#e2f1e6;--warn:#7a4a00;--warn-bg:#fbeed0;--bad:#9b1c1c;--bad-bg:#f8e0e0;--info:#1d4b86;--info-bg:#e0ebf8;--focus:#0b57d0;--radius:8px;--tabbar-h:60px;--tabbar-real:66px;--topbar-h:150px;--shadow:0 1px 2px #00000026}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#15120e;--surface:#1f1b15;--surface-2:#2b261d;--text:#efe8da;--muted:#c0b59d;--border:#4a4232;--border-strong:#8d8064;--accent:#e0765f;--accent-text:#1a0d08;--good:#7fd49a;--good-bg:#17301f;--warn:#f0c060;--warn-bg:#33270e;--bad:#ff9c94;--bad-bg:#3a1815;--info:#8fbcf5;--info-bg:#14263d;--focus:#8ab4ff}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--bg);color:var(--text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;word-break:keep-all;margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif}h1,h2,h3,p,ul,ol,dl,dd{margin:0}p+p,p+ul,ul+p,p+dl,dl+p,p+.actions,.actions+p,dl+.actions{margin-top:8px}ul,ol{padding-left:1.25rem}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted);font-size:.875rem}.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.875rem}.lead{font-size:1.125rem;font-weight:600}.big{font-size:1.75rem;font-weight:700}.hanzi{font-weight:400}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:200;background:var(--accent);color:var(--accent-text);border-radius:var(--radius);padding:10px 14px;position:absolute;top:-60px;left:8px}.skip:focus{top:8px}.link{min-height:44px;font:inherit;color:var(--info);cursor:pointer;text-align:left;background:0 0;border:0;padding:4px 0;text-decoration:underline}.link--inline{align-items:center;margin-block:-10px;padding-block:0;font-weight:600;display:inline-flex}.figure{min-height:44px;color:inherit;font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;align-items:center;margin-block:-10px;padding:0 2px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;display:inline-flex}.app{flex-direction:column;min-height:100dvh;display:flex}.app__body{flex:1;min-width:0}.app__main{width:100%;min-width:0;max-width:1120px;padding:12px 12px calc(var(--tabbar-real) + 28px);outline:none;margin:0 auto}.topbar{z-index:40;background:var(--surface);border-bottom:1px solid var(--border-strong);padding:6px 12px 8px;position:sticky;top:0}.topbar__row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.topbar__title{letter-spacing:.02em;margin-right:auto;font-size:1.125rem;font-weight:800}.topbar__settings{padding-inline:12px}.chip{border:2px solid var(--info);background:var(--info-bg);min-height:44px;color:var(--info);font:inherit;cursor:pointer;border-radius:999px;padding:4px 12px;font-weight:700}.chip__label{font-weight:400}.resources{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:4px 0;display:grid}.res dt{color:var(--muted);font-size:.875rem}.res dd{flex-direction:column;display:flex}.res__value{font-size:1.25rem;font-weight:700;line-height:1.2}.res__cap{color:var(--muted);font-size:1rem;font-weight:400}.res__rate{color:var(--muted);font-size:.875rem}.goal{font-size:.9375rem}.goal__link{min-height:44px;color:var(--text);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-items:center;margin-block:-8px;padding:0;font-weight:700;text-decoration:underline;display:inline-flex}.tabs{z-index:50;background:var(--surface);border-top:2px solid var(--border-strong);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.tabs__item{min-height:var(--tabbar-h);color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-top:4px solid #0000;flex-direction:column;justify-content:center;align-items:center;padding:4px 2px;line-height:1.25;display:flex}.tabs__label{font-size:1rem}.tabs__badge{color:var(--muted);min-height:1.1em;font-size:.875rem;font-weight:700}.tabs__item[aria-current=page]{border-top-color:var(--accent);background:var(--surface-2);font-weight:800}.tabs__item[aria-current=page] .tabs__label:before{content:"▸";margin-right:2px}.banner{border-bottom:2px solid;border-left:8px solid;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:10px 12px;display:flex}.banner--warn{background:var(--warn-bg);border-color:var(--warn);color:var(--text)}.banner--bad{background:var(--bad-bg);border-color:var(--bad)}.banner__text{flex:260px}.banner__actions{flex-wrap:wrap;gap:8px;display:flex}.tutorial{background:var(--info-bg);border-bottom:1px solid var(--info);padding:0 12px}.tutorial__toggle{width:100%;min-height:44px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:4px 0;display:flex}.tutorial__caret{font-size:1.125rem;font-weight:700}.toasts{top:calc(var(--topbar-h) + 8px);z-index:90;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;left:8px;right:8px}.toasts>div{flex-direction:column;gap:8px;display:flex}.toast{pointer-events:auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);border-left-width:8px;align-items:flex-start;gap:8px;padding:8px 4px 8px 10px;display:flex;box-shadow:0 4px 12px #00000040}.toast--success{border-left-color:var(--good)}.toast--info{border-left-color:var(--info)}.toast--warn{border-left-color:var(--warn)}.toast--error{border-left-color:var(--bad)}.toast__tag{white-space:nowrap;padding-top:2px;font-size:.875rem;font-weight:800}.toast__text{flex:1;min-width:0}.toast__close{min-width:44px;min-height:44px;color:inherit;cursor:pointer;background:0 0;border:0;margin:-8px 0;font-size:1.25rem}.overlay{z-index:120;background:#000000a6;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.overlay__panel{background:var(--surface);border:2px solid var(--border-strong);border-radius:12px;gap:12px;width:100%;max-width:460px;padding:20px;display:grid}.boot .topbar__title{margin:0;font-size:1.5rem}.boot{text-align:center;place-content:center;justify-items:center;gap:12px;min-height:100dvh;padding:24px;display:grid}.screen{align-content:start;gap:12px;display:grid}.screen__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.screen__title{font-size:1.25rem}.grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;display:grid}.card{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow);padding:12px}.card--highlight{border:2px solid var(--accent)}.card--bad{border-left:8px solid var(--bad);background:var(--bad-bg)}.card--warn{border-left:8px solid var(--warn);background:var(--warn-bg)}.card--error,.card--danger{border:2px solid var(--bad)}.card--wide{grid-column:1/-1}.card__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 8px;margin-bottom:8px;display:flex}.card__title{font-size:1.125rem;font-weight:800}.card__sub{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;margin-bottom:4px;font-size:1rem;font-weight:700;display:flex}.details{padding:4px 12px}.details>summary{cursor:pointer;align-items:center;min-height:44px;font-weight:700;display:flex}.details>summary:before{content:"▸";flex:none;width:1.25em;display:inline-block}.details[open]>summary:before{content:"▾"}.details--inline{border:1px solid var(--border);border-radius:var(--radius);box-shadow:none;margin-top:8px}.facts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 16px;margin:8px 0;display:grid}.stat dt{color:var(--muted);font-size:.875rem}.stat dd{margin:0}.stat__sub{color:var(--muted);font-size:.875rem}.bullets{margin:4px 0;padding-left:1.25rem}.bullets li+li{margin-top:2px}.reason-block{border:1px dashed var(--warn);border-radius:var(--radius);background:var(--warn-bg);margin-top:8px;padding:8px}.delta{font-size:.9375rem}.tag{white-space:nowrap;vertical-align:baseline;border:1px solid;border-radius:999px;margin:0 2px;padding:1px 8px;font-size:.875rem;font-weight:700;line-height:1.5;display:inline-block}.tag--neutral{color:var(--muted)}.tag--good{color:var(--good);background:var(--good-bg)}.tag--warn{color:var(--warn);background:var(--warn-bg)}.tag--bad{color:var(--bad);background:var(--bad-bg)}.tag--info{color:var(--info);background:var(--info-bg)}.tag--good:before{content:"✓ "}.tag--bad:before{content:"✕ "}.tag--warn:before{content:"! "}.btn{border:2px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);min-width:44px;min-height:44px;color:var(--text);font:inherit;cursor:pointer;text-align:center;padding:8px 14px;font-weight:600;line-height:1.3}.btn:hover:not(:disabled){background:var(--surface-2)}.btn--primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.btn--primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.12)}.btn--danger{background:var(--bad);color:#fff;border-color:var(--bad)}@media (prefers-color-scheme:dark){.btn--danger{color:#1a0808}}.btn--wide{width:100%}.btn:disabled{opacity:.6;cursor:not-allowed;border-style:dashed}.action{flex-direction:column;align-items:flex-start;gap:4px;max-width:100%;display:inline-flex}.action>.btn--wide{width:100%}.reason{color:var(--muted);white-space:pre-line;max-width:42ch;font-size:.875rem}.reason:before{content:"⏳ "}.actions{flex-wrap:wrap;align-items:flex-start;gap:8px;margin-top:12px;display:flex}.actions__after{align-items:center;min-height:44px;font-weight:600;display:inline-flex}.form{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:4px 12px;display:grid}.field{flex-direction:column;gap:4px;min-width:0;margin:8px 0;display:flex}input[type=number],input[type=text],select,input[type=file]{border:2px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);min-height:44px;color:var(--text);font:inherit;width:100%;min-width:0;padding:8px 10px}select{padding-right:4px}input[type=range]{width:100%;min-height:44px;accent-color:var(--accent)}.check{cursor:pointer;align-items:center;gap:10px;min-height:44px;display:flex}.check input{width:24px;height:24px;accent-color:var(--accent);flex:none}.fieldset{border:0;margin:0;padding:0}.segmented{border:2px solid var(--border-strong);border-radius:var(--radius);flex-wrap:wrap;display:inline-flex;overflow:hidden}.segmented__item{background:var(--surface);min-height:44px;color:var(--text);font:inherit;cursor:pointer;border:0;padding:6px 14px;font-weight:600}.segmented__item+.segmented__item{border-left:2px solid var(--border-strong)}.segmented__item[aria-selected=true],.segmented__item[aria-checked=true]{background:var(--accent);color:var(--accent-text)}.segmented__item[aria-selected=true]:before,.segmented__item[aria-checked=true]:before{content:"✓ "}progress,.progress{width:100%;height:16px;accent-color:var(--accent)}.preview{border:2px dashed var(--border-strong);border-radius:var(--radius);margin-top:12px;padding:10px}table,.table{border-collapse:collapse;width:100%;font-size:.9375rem}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:6px 4px}.table th[scope=col]{color:var(--muted);font-size:.875rem}.table td.num,.table th.num{text-align:right}.table tfoot th,.table tfoot td{border-top:2px solid var(--border-strong);font-weight:800}.list{margin:0;padding:0;list-style:none}.list__row{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 12px;padding:10px 4px;display:flex}.list__row.is-current{background:var(--surface-2)}.list__main{flex:220px;min-width:0}.row-button{text-align:left;background:var(--surface);width:100%;min-height:44px;color:var(--text);border:2px solid var(--border);border-radius:var(--radius);font:inherit;cursor:pointer;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:6px;padding:8px 10px;display:flex}.row-button.is-selected{border-color:var(--accent);background:var(--surface-2)}.row-button.is-selected .row-button__title:before{content:"▸ "}.row-button__title{font-weight:700}.row-button__reason{flex-basis:100%}.picker{border:2px dashed var(--border-strong);border-radius:var(--radius);background:var(--bg);margin-top:12px;padding:10px}.picker__title{font-size:1rem}.option{border:2px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);flex-direction:column;align-items:flex-start;gap:8px;padding:10px;display:flex}.option__title{font-size:1.125rem}.option>.action{align-self:stretch}.split{gap:12px;display:grid}.columns2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.hp{margin:8px 0}.hp__head{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-weight:600;display:flex}.hp__track{border:2px solid var(--border-strong);background:var(--surface-2);border-radius:6px;height:20px;overflow:hidden}.hp__fill{background:var(--good);height:100%}.hp__track--enemy .hp__fill{background:var(--bad)}.hp__track{background-image:repeating-linear-gradient(90deg, transparent 0 calc(25% - 1px), var(--border-strong) calc(25% - 1px) 25%)}.planner{flex-direction:column;gap:12px;display:flex}.planner__result{display:contents}.slot{padding-block:4px}.slot+.slot{border-top:1px solid var(--border)}.slot__row{grid-template-columns:3.25rem minmax(0,1fr);align-items:center;gap:8px;display:grid}.slot__label{font-weight:700}.slot__info{margin-top:2px}.slot__syn{margin-top:8px}.stepper{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.stepper input{text-align:center;width:6rem;font-weight:700}.stepper__value{text-align:center;min-width:3.5rem;font-size:1.25rem;font-weight:800}.tactics{grid-template-columns:minmax(0,1fr);gap:6px;display:grid}.tactic{border:2px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid;position:relative}.tactic__pick{cursor:pointer;flex-direction:column;align-items:flex-start;gap:2px;min-height:44px;padding:6px 10px;display:flex}.tactic__pick input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.tactic:focus-within{outline:3px solid var(--focus);outline-offset:2px}.tactic.is-selected{border-color:var(--accent);background:var(--surface-2);box-shadow:inset 0 0 0 2px var(--accent)}.tactic.is-selected .tactic__name:before{content:"● "}.tactic--none .tactic__name{font-size:.9375rem;font-weight:600}.tactic__name{font-weight:800}.tactic__result{font-size:.9375rem}.tactic__info{z-index:1;min-width:44px;min-height:44px;color:var(--info);font:inherit;cursor:pointer;background:0 0;border:0;font-size:1.125rem;position:relative}.tactic__desc{grid-column:1/-1;padding:0 10px 8px}.enemies{gap:8px;margin:8px 0;padding:0;list-style:none;display:grid}.enemy{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);padding:8px}.stage__title{margin-top:12px;font-size:1.0625rem}.confirm{bottom:calc(var(--tabbar-real) + 6px);z-index:30;background:var(--surface);border:2px solid var(--accent);border-radius:var(--radius);gap:6px;padding:10px;display:grid;position:sticky;box-shadow:0 -4px 12px #0003}.confirm--static{box-shadow:none;position:static}.confirm__summary{font-weight:700}dialog.sheet{background:var(--surface);width:100%;max-width:560px;max-height:92dvh;color:var(--text);border:0;border-radius:16px 16px 0 0;margin:auto auto 0;padding:0;box-shadow:0 -8px 24px #00000059}dialog.sheet--danger{border-top:6px solid var(--bad)}dialog.sheet::backdrop{background:#0000008c}.sheet__body{flex-direction:column;max-height:92dvh;display:flex}.sheet__title{padding:16px 16px 8px;font-size:1.125rem}.sheet__content{flex:1;padding:0 16px 8px;overflow:auto}.sheet__footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface);flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}@media (width>=768px){.app__main{padding:16px 16px calc(var(--tabbar-real) + 28px)}.grid,.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{padding-inline:16px}.facts{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.toasts{width:400px;left:auto;right:16px}dialog.sheet{border-radius:12px;margin:auto}dialog.sheet--danger{border-top-width:6px}}@media (width>=1200px){.app__body{grid-template-columns:210px minmax(0,1fr);align-items:start;display:grid}.tabs{top:var(--topbar-h);z-index:10;border-top:0;border-right:2px solid var(--border-strong);height:calc(100vh - var(--topbar-h));background:0 0;flex-direction:column;gap:4px;padding:12px 8px;display:flex;position:sticky;bottom:auto;left:auto;right:auto}.tabs__item{border-radius:var(--radius);text-align:left;border:2px solid #0000;border-left-width:6px;flex-direction:row;justify-content:space-between;gap:8px;min-height:52px;padding:6px 12px}.tabs__item[aria-current=page]{border-left-color:var(--accent)}.app__main{max-width:1240px;margin-inline:auto;padding-bottom:32px}.resources{max-width:640px}.topbar{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0 24px;display:grid}.topbar__row{grid-area:1/1}.resources{grid-area:1/2;margin:0}.goal{grid-column:1/-1}.planner{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:12px;display:grid}.planner>*{grid-column:1}.planner__result{top:calc(var(--topbar-h) + 12px);max-height:calc(100vh - var(--topbar-h) - 24px);max-height:calc(100dvh - var(--topbar-h) - 24px);flex-direction:column;grid-area:1/2/span 6;align-self:start;gap:12px;display:flex;position:sticky}.planner__result>.card{flex:0 auto;min-height:0;overflow:auto}.planner__result>.confirm{flex:none}.confirm{box-shadow:none;position:static}.split--chronicle{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start}.split--chronicle .detail{top:calc(var(--topbar-h) + 12px);position:sticky}.toasts{top:calc(var(--topbar-h) + 8px)}}@media (width<=400px){.tabs__label{font-size:.9375rem}.btn{padding-inline:10px}.columns2{gap:8px}}