:root{--bg:#0c0f0e;--panel:#1b201d;--inset:#141816;--raised:#232a26;--line:#2c342f;--line-2:#3d4740;--bronze:#d3b064;--bronze-dim:#9c7f3f;--bronze-glow:rgba(211,176,100,0.16);--moss:#697e58;--moss-2:#8fa77a;--rust:#c96b5d;--rust-2:#e08a7c;--info:#7aa7c7;--info-dim:#4b6d87;--focus:#ffd36d;--log-r:#e08a7c;--log-b:#7aa7c7;--log-g:#8fa77a;--log-m:#c98ac1;--log-c:#7fc4c9;--log-l:#9fc27a;--log-s:#8fbfe0;--log-o:#e0a06a;--log-y:#e6cf7a;--log-w:#ece6d8;--text:#ece6d8;--text-2:#b9b2a3;--muted:#8e8879;--ink:#161410;--bg-base:var(--bg);--bg-elevated:var(--inset);--bg-card:var(--panel);--bg-hover:var(--raised);--bg-active:var(--line);--gold:var(--bronze);--gold-dim:var(--bronze-dim);--crimson:var(--rust);--crimson-dim:#8a4a40;--jade:var(--moss);--jade-dim:#4d5d41;--text-primary:var(--text);--text-secondary:var(--text-2);--text-muted:var(--muted);--text-inverse:var(--ink);--border-subtle:var(--line);--border-medium:var(--line-2);--border-accent:var(--bronze);--color-primary:var(--bronze);--color-text:var(--text);--color-text-muted:var(--muted);--color-border:var(--line-2);--color-surface:var(--panel);--color-surface-2:var(--raised);--color-danger:var(--rust);--color-danger-bg:rgba(201,107,93,0.12);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--font-serif:var(--font-serif-next,"Noto Serif KR"),"Nanum Myeongjo","Apple SD Gothic Neo",serif;--font-sans:"Pretendard Variable",Pretendard,"Noto Sans KR","Apple SD Gothic Neo",system-ui,sans-serif;--font-mono:var(--font-mono-next,"JetBrains Mono"),ui-monospace,"SF Mono",Menlo,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--radius-sm:0;--radius-md:0;--radius-lg:0;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 12px 32px rgba(0,0,0,0.5);--shadow-gold:0 0 18px rgba(211,176,100,0.18);--frame-bronze:0 0 0 1px var(--bg),0 0 0 2px var(--line-2),0 10px 30px rgba(0,0,0,0.5);--overlay-scrim:rgba(0,0,0,0.6);--focus-ring:3px solid var(--focus);--touch-target:44px;--transition-fast:150ms ease;--transition-base:250ms ease;--motion-turn:300ms}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0ms;--transition-base:0ms;--motion-turn:0ms}}.os-serif{font-family:var(--font-serif)}.os-mono,.os-num{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.os-focusable:focus-visible{outline:var(--focus-ring);outline-offset:2px}.os-brand{display:block;height:auto;max-width:100%}.os-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 14px;font:inherit;font-size:13px;font-weight:500;color:var(--text);background:var(--raised);border:1px solid var(--line-2);border-radius:0;cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.os-button:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--bronze-dim)}.os-button:focus-visible{outline:var(--focus-ring);outline-offset:2px}.os-button.os-button--primary{background:linear-gradient(180deg,#e2c37a,#c9a656);color:var(--ink);font-weight:700;border-color:var(--bronze-dim);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),var(--shadow-gold)}.os-button.os-button--primary:hover:not(:disabled):not([aria-disabled=true]){background:linear-gradient(180deg,#ecd08a,#d3b064)}.os-button.os-button--ghost{background:transparent;color:var(--text-2)}.os-button.os-button--ghost:hover:not(:disabled):not([aria-disabled=true]){background:var(--raised);color:var(--text)}.os-button.os-button--danger{background:rgba(201,107,93,.12);color:var(--rust-2);border-color:var(--rust)}.os-button.os-button--danger:hover:not(:disabled):not([aria-disabled=true]){background:rgba(201,107,93,.22)}.os-button.os-button--disabled,.os-button:disabled,.os-button[aria-disabled=true]{color:var(--muted);background:transparent;border-style:dashed;border-color:var(--line-2);box-shadow:none;cursor:not-allowed;opacity:1}.os-button.os-button--sm{min-height:28px;padding:0 10px;font-size:12px}.os-button.os-button--block{width:100%}.os-card,.os-panel{background:var(--panel);border:1px solid var(--line);border-radius:0;transition:border-color var(--transition-base)}.os-card{padding:var(--space-md)}.os-card:hover{border-color:var(--bronze-dim);box-shadow:0 0 0 1px rgba(211,176,100,.25)}.os-panel--static:hover{border-color:var(--line);box-shadow:none}.os-inset{background:var(--inset);border:1px solid var(--line)}.os-section-header{display:flex;align-items:center;gap:10px;min-height:36px;padding:0 12px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--raised),var(--panel))}.os-section-header__bar{width:3px;height:14px;background:var(--bronze);flex:none}.os-section-header__bar--rust{background:var(--rust)}.os-section-header__bar--info{background:var(--info)}.os-section-header__title{font-family:var(--font-serif);font-weight:700;font-size:14px;letter-spacing:.02em;color:var(--text)}.os-section-header__sub{font-size:11px;color:var(--muted);font-family:var(--font-mono)}.os-section-header__spacer{flex:1 1}.os-frame--bronze{border:1px solid var(--bronze-dim);box-shadow:var(--frame-bronze)}.os-frame--rust{border:1px solid var(--rust);box-shadow:0 0 0 1px var(--bg),0 0 0 2px rgba(201,107,93,.35),0 10px 30px rgba(0,0,0,.5)}.os-divider{height:1px;background:var(--line)}.os-icon{display:inline-block;flex:none;vertical-align:-.15em}.os-chip{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;font-size:11px;font-weight:500;border:1px solid var(--line-2);color:var(--text-2);background:var(--inset);white-space:nowrap}.os-chip--bronze{color:var(--bronze);border-color:var(--bronze-dim);background:rgba(211,176,100,.1)}.os-chip--moss{color:var(--moss-2);border-color:var(--moss);background:rgba(105,126,88,.16)}.os-chip--rust{color:var(--rust-2);border-color:var(--rust);background:rgba(201,107,93,.14)}.os-chip--info{color:var(--info);border-color:var(--info-dim);background:rgba(122,167,199,.12)}.os-nav-item{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;font-size:13px;font-weight:500;color:var(--text-2);border-bottom:2px solid transparent;text-decoration:none;white-space:nowrap}.os-nav-item:hover{color:var(--text);text-decoration:none}.os-nav-item.os-nav-item--on{color:var(--bronze);border-bottom-color:var(--bronze);background:linear-gradient(180deg,transparent,rgba(211,176,100,.08))}.os-nav-item:focus-visible{outline:var(--focus-ring);outline-offset:-3px}.os-pill-tabs{display:flex;border:1px solid var(--line-2);background:var(--inset)}.os-pill-tabs>*{padding:0 12px;min-height:30px;display:inline-flex;align-items:center;font:inherit;font-size:12px;color:var(--muted);border:0;border-right:1px solid var(--line);background:transparent;cursor:pointer}.os-pill-tabs>:last-child{border-right:0}.os-pill-tabs>.os-pill-tabs__on,.os-pill-tabs>[aria-selected=true]{color:var(--bronze);background:rgba(211,176,100,.1);font-weight:700}.os-pill-tabs>:focus-visible{outline:var(--focus-ring);outline-offset:-3px}.os-kv{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:4px 10px;gap:4px 10px;font-size:12px;margin:0}.os-kv dt{color:var(--muted);white-space:nowrap}.os-kv dd{margin:0;color:var(--text);font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.os-stat-row{display:grid;grid-template-columns:28px 1fr 34px;align-items:center;grid-gap:8px;gap:8px;font-size:12px}.os-stat-row__label{color:var(--muted)}.os-stat-row__bar{height:6px;background:var(--inset);border:1px solid var(--line);position:relative}.os-stat-row__bar>i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--bronze-dim),var(--bronze))}.os-stat-row__value{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.os-gauge{display:grid;grid-gap:3px;gap:3px;font-size:12px}.os-gauge__top{display:flex;justify-content:space-between;color:var(--text-2)}.os-gauge__bar{height:8px;background:var(--inset);border:1px solid var(--line);position:relative}.os-gauge__bar>i{position:absolute;left:0;top:0;bottom:0;background:var(--moss)}.os-gauge--rust .os-gauge__bar>i{background:var(--rust)}.os-gauge--bronze .os-gauge__bar>i{background:var(--bronze)}.os-feed{display:grid}.os-feed-item{display:grid;grid-template-columns:32px 1fr;grid-gap:10px;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line)}.os-feed-item__who{font-size:12px;font-weight:700;color:var(--text)}.os-feed-item__what{font-size:12px;color:var(--text-2);line-height:1.45;text-wrap:pretty}.os-feed-item__when{font-size:10px;color:var(--muted);font-family:var(--font-mono)}.os-slot{display:grid;grid-template-columns:34px 1fr auto;align-items:center;grid-gap:10px;gap:10px;min-height:44px;padding:0 10px;border-bottom:1px solid var(--line)}.os-slot__n{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.os-slot__cmd{font-size:13px;font-weight:500}.os-slot__tgt{font-size:11px;color:var(--muted)}.os-slot--now{background:rgba(211,176,100,.08);box-shadow:inset 3px 0 0 var(--bronze)}.os-slot--rest .os-slot__cmd{color:var(--muted);font-weight:400}.os-tile{display:grid;grid-gap:6px;gap:6px;padding:10px;border:1px solid var(--line-2);background:var(--panel);min-height:64px;color:var(--text);text-align:left;font:inherit;cursor:pointer}.os-tile--ok:hover{border-color:var(--bronze);box-shadow:0 0 0 1px rgba(211,176,100,.25)}.os-tile--need{border-color:var(--info-dim)}.os-tile--no,.os-tile--sealed{border-style:dashed;color:var(--muted);cursor:not-allowed}.os-tile__name{font-size:13px;font-weight:700}.os-tile__cost{font-size:11px;color:var(--muted);font-family:var(--font-mono)}.os-tile__reason{font-size:11px;color:var(--text-2)}.os-tile:focus-visible{outline:var(--focus-ring);outline-offset:2px}.os-portrait{position:relative;overflow:hidden;background:var(--inset);border:1px solid var(--line-2);flex:none;display:block}.os-portrait>img{display:block;width:100%;height:100%;object-fit:contain;object-position:top center}.os-portrait--ring{outline:2px solid var(--nation,var(--bronze));outline-offset:-2px}.os-portrait--inactive>img{filter:grayscale(1);opacity:.6}.os-portrait--hero>img{object-fit:contain;object-position:top center}.os-portrait--icon>img{object-fit:cover;object-position:top center}.os-portrait--hero:after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(180deg,rgba(27,32,29,0) 0,var(--panel) 100%);pointer-events:none}.os-portrait-stack{display:inline-flex}.os-portrait-stack>.os-portrait{margin-left:-6px;box-shadow:0 0 0 1px var(--bg)}.os-portrait-stack>.os-portrait:first-child{margin-left:0}.os-flag{display:inline-block;vertical-align:middle;flex:none}.os-table-wrap{overflow-x:auto}.os-table{width:100%;border-collapse:collapse;font-size:12px}.os-table th{height:32px;text-align:left;color:var(--muted);font-weight:500;background:var(--inset);border-bottom:1px solid var(--line-2);white-space:nowrap}.os-table td,.os-table th{padding:0 10px;vertical-align:middle}.os-table td{height:40px;border-bottom:1px solid var(--line)}.os-table--nowrap td{white-space:nowrap}.os-table tbody tr:hover td{background:var(--raised)}.os-modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-md);background:var(--overlay-scrim)}.os-modal{width:100%;max-height:80vh;overflow-y:auto;background:var(--panel);border:1px solid var(--bronze-dim);border-radius:0;box-shadow:var(--frame-bronze)}.os-confirm-dialog{display:flex;flex-direction:column;gap:var(--space-md);max-width:440px;padding:var(--space-lg);background:var(--panel)}.os-confirm-dialog__title{color:var(--bronze);font-family:var(--font-serif);font-size:var(--text-lg)}.os-confirm-dialog__body{color:var(--text-2);font-size:var(--text-sm);line-height:1.6}.os-confirm-dialog__actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}.os-empty{display:grid;place-items:center;grid-gap:6px;gap:6px;padding:24px 12px;color:var(--muted);font-size:12px;text-align:center;border:1px dashed var(--line-2)}.os-empty__title{color:var(--text-2);font-weight:700;font-size:13px}.os-empty__art{width:96px;height:96px;opacity:.9;margin-bottom:2px}.os-reason{position:relative;display:inline-flex}.os-reason__tip{position:absolute;left:0;top:calc(100% + 6px);z-index:20;min-width:160px;max-width:260px;padding:6px 8px;font-size:11px;color:var(--text);background:var(--raised);border:1px solid var(--line-2);box-shadow:var(--shadow-md);white-space:normal}.os-log{white-space:pre-wrap;overflow-wrap:anywhere}.os-log__R{color:var(--log-r)}.os-log__B{color:var(--log-b)}.os-log__G{color:var(--log-g)}.os-log__M{color:var(--log-m)}.os-log__C{color:var(--log-c)}.os-log__L{color:var(--log-l)}.os-log__S{color:var(--log-s)}.os-log__D,.os-log__O{color:var(--log-o)}.os-log__Y{color:var(--log-y)}.os-log__W{color:var(--log-w)}.os-log__small{font-size:.9em}.os-log__b{font-weight:700}.os-log__failed{color:var(--muted);text-decoration:line-through}.os-place-gloss{margin-left:.3em;font-size:.8em;font-weight:400;opacity:.72}