:root{--bg:#fff;--panel:#fff;--panel-2:#eef5fc;--line:#d6e0ec;--text:#1a2433;--muted:#5d6b80;--accent:#2b8fe8;--accent-ink:#fff;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);flex-direction:column;font:14px/1.5 Pretendard,Noto Sans KR,Malgun Gothic,system-ui,sans-serif;display:flex}.muted{color:var(--muted)}button,input,select{font:inherit;color:inherit}button{background:var(--accent);color:var(--accent-ink);cursor:pointer;border:0;border-radius:8px;padding:8px 14px;font-weight:600}button.ghost{color:var(--text);border:1px solid var(--line);background:0 0}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 20px;padding:10px 16px;display:flex}.brand{align-items:baseline;gap:10px;display:flex}.brand strong{font-size:16px}.stats{flex-wrap:wrap;gap:6px 18px;margin-left:auto;display:flex}.stat b{margin-left:4px}.stat.points b{color:var(--accent)}.actions{gap:8px;display:flex}.layout{flex:1;grid-template-columns:minmax(240px,1fr) minmax(300px,1.1fr) minmax(320px,1.2fr);gap:12px;min-height:0;padding:12px;display:grid}.pane{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-height:0;position:relative;overflow:hidden}.canvas-host{position:absolute;inset:0}.canvas-host canvas{touch-action:none;display:block}.humanoid-pane{background:var(--panel);flex-direction:column;display:flex}.humanoid-stage{flex:1;min-height:0;position:relative}.affect-panel{border-top:1px solid var(--line);gap:5px;padding:10px 12px;font-size:12.5px;display:grid}.inventory{border-top:1px solid var(--line);padding:8px 12px 10px;font-size:12.5px}.inventory .look{margin:0 0 6px}.inventory .items{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.item-chip{border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:500}.item-chip:disabled{opacity:1;cursor:default}.item-chip.held{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.item-chip.making{color:var(--muted);border-style:dashed;animation:1.2s infinite blink}.msg.system.milestone{color:var(--accent);font-weight:600}.affect-row{grid-template-columns:5.6em 1fr 3.8em 6.4em;align-items:center;gap:8px;display:grid}.affect-row .name{white-space:nowrap}.affect-row .value{text-align:right;font-variant-numeric:tabular-nums}.affect-row .need{color:var(--muted);white-space:nowrap;font-size:11.5px}.affect-row .need.experience{color:var(--accent);font-weight:600}.affect-bar{background:var(--line);border-radius:4px;height:8px;position:relative;overflow:hidden}.affect-bar i{border-radius:4px;transition:width .4s;position:absolute;inset:0 auto 0 0}.affect-bar .waiting{background:repeating-linear-gradient(135deg,#f3c56b 0 3px,#fbe7b9 3px 6px)}.affect-bar .cap{background:#a9d0f5}.affect-bar .shown{background:var(--accent)}.affect-row.bond .shown{background:#e8668a}.affect-row.condition .shown{background:#b9c2d0}.affect-row.condition.mild .shown{background:#e3b341}.affect-row.condition.marked .shown{background:#e0803a}.affect-row.condition.severe .shown{background:#cf4a4a}.affect-row.condition.marked .need,.affect-row.condition.severe .need{color:#a8431f;font-weight:600}.affect-row.scarred .name:after{content:" ⚠";color:#a8431f}.affect-balance,.affect-legend{color:var(--muted);margin:2px 0 0}.affect-legend{font-size:11px}.speech-bubble{background:var(--panel-2);border:1px solid var(--accent);border-radius:14px;max-height:38%;padding:10px 14px;font-size:15px;position:absolute;top:14px;left:14px;right:14px;overflow:auto;box-shadow:0 4px 14px #2b8fe826}.badge{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:12px;position:absolute;bottom:14px;left:14px}.chat-pane{flex-direction:column;display:flex}.chat-log{flex-direction:column;flex:1;gap:8px;min-height:0;padding:14px;display:flex;overflow-y:auto}.msg{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px;max-width:88%;padding:8px 12px}.msg.user{background:var(--accent);color:var(--accent-ink);align-self:flex-end}.msg.user.pending{opacity:.6}.msg.bot{background:var(--panel-2);align-self:flex-start}.msg.bot .note{border-top:1px dashed var(--line);color:var(--muted);margin-top:6px;padding-top:6px;font-size:12.5px;font-style:italic}.msg.bot .gain{color:var(--accent);margin-top:4px;font-size:12px;font-weight:600}.msg.system{max-width:100%;color:var(--muted);text-align:center;align-self:center;padding:2px 10px;font-size:12.5px}.msg.system.scar{color:#a8431f;font-weight:600}.msg.typing{animation:1s infinite blink}@keyframes blink{50%{opacity:.35}}.chat-form{border-top:1px solid var(--line);gap:8px;padding:10px;display:flex}.chat-form input{border:1px solid var(--line);background:var(--bg);border-radius:8px;flex:1;min-width:0;padding:9px 12px}.brain-pane{flex-direction:column;display:flex;overflow-y:auto}.brain-stage{background:var(--panel);flex:260px;min-height:240px;position:relative}.hint{color:var(--muted);text-align:center;pointer-events:none;padding:0 10px;font-size:11.5px;position:absolute;bottom:6px;left:0;right:0}.tooltip{z-index:2;background:var(--text);color:#fff;white-space:nowrap;pointer-events:none;border-radius:6px;padding:3px 8px;font-size:12px;position:absolute}.region-detail{border-top:1px solid var(--line);border-left:4px solid var(--region,var(--accent));padding:12px 14px}.region-detail p{margin:6px 0}.detail-title{align-items:baseline;gap:8px;display:flex}.detail-title b{font-size:16px}.detail-title .lv{font-variant-numeric:tabular-nums;margin-left:auto}.deprivation-warning{color:#7a4d06;background:#fdf0d8;border-radius:8px;padding:6px 10px;font-size:12.5px}.upgrade{width:100%;margin-top:6px}.region-list{border-top:1px solid var(--line);gap:2px;padding:6px 8px 10px;display:grid}.region-row{color:var(--text);text-align:left;background:0 0;grid-template-columns:12px 3.6em 3.4em 1fr 2.4em;align-items:center;gap:8px;padding:5px 6px;font-weight:400;display:grid}.region-row.selected{background:var(--panel-2)}.region-row .dot{border-radius:50%;width:12px;height:12px}.region-row .lv{text-align:right;font-variant-numeric:tabular-nums}.phase b,.region-row .tag{white-space:nowrap;border-radius:999px;padding:0 7px;font-size:11.5px;font-weight:600;line-height:1.7;display:inline-block}.phase b{margin-right:6px}.phase.sensitive b,.region-row .tag.sensitive{background:var(--accent);color:var(--accent-ink)}.phase.early b,.phase.mature b{background:var(--panel-2);border:1px solid var(--line);color:var(--muted)}.region-row .tag{color:var(--muted);justify-self:start}.region-row .tag:empty{visibility:hidden}.level-bar{background:var(--line);border-radius:4px;height:8px;overflow:hidden}.level-bar i{border-radius:4px;height:100%;transition:width .3s;display:block}.report-dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);width:min(900px,94vw);height:min(86vh,900px);color:var(--text);padding:0}.report-dialog[open]{flex-direction:column;display:flex}.report-dialog::backdrop{background:#1a243359}.report-head,.report-controls{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex}.report-head{justify-content:space-between}.report-controls select{border:1px solid var(--line);background:var(--bg);border-radius:8px;max-width:100%;padding:7px 8px}.spacer{flex:1}.report-status{color:var(--muted);padding:6px 14px;font-size:12.5px}.report-status:empty{display:none}.report-body{color:#1c1c1c;background:#fff;flex:1;min-height:0;padding:8px 28px 28px;font-family:Noto Serif KR,Batang,Georgia,serif;font-size:15px;line-height:1.75;overflow:auto}.report-body h1{text-align:center;font-size:22px}.report-body h2{border-bottom:1px solid #ccc;margin-top:1.6em;font-size:17px}.report-body table{border-collapse:collapse;max-width:100%;font-size:13.5px;display:block;overflow-x:auto}.report-body th,.report-body td{border:1px solid #bbb;padding:4px 8px}.report-body blockquote{color:#444;border-left:3px solid #bbb;margin:.8em 0;padding-left:12px}.report-body a{color:#1a4fa0;overflow-wrap:anywhere}.research-body{flex:1;min-height:0;padding:6px 22px 24px;line-height:1.65;overflow:auto}.research-body .key-summary{border:1px solid var(--accent);background:var(--panel-2);border-radius:10px;margin:10px 0 4px;padding:14px 16px}.research-body .key-summary h3{margin-bottom:2px}.research-body .key-item{border-top:1px solid var(--line);padding:10px 0}.research-body .key-item:first-of-type{border-top:0}.research-body .key-item h4{margin:0 0 4px;font-size:14.5px}.research-body .key-item p{margin:3px 0}.research-body .label{color:var(--muted);margin-right:6px;font-size:12px;font-weight:600;display:inline-block}.research-body .situation{background:#fff7ec;border-left:3px solid #e0803a;border-radius:0 8px 8px 0;padding:8px 12px}.research-body .topic{border-bottom:1px solid var(--line);padding:14px 0}.research-body h3{margin:0 0 6px;font-size:16px}.research-body p{margin:6px 0}.research-body a{color:#1669c1;overflow-wrap:anywhere}.research-body .findings{margin:6px 0;padding-left:20px}.research-body .findings li{margin:4px 0}.research-body .support{white-space:nowrap;border-radius:999px;padding:0 7px;font-size:11.5px;font-weight:600;display:inline-block}.research-body .support.ok{color:#17603a;background:#e2f4e8}.research-body .support.weak{color:#7a4d06;background:#fdf0d8}.research-body .applied{border-left:3px solid var(--accent);background:var(--panel-2);border-radius:0 8px 8px 0;padding:8px 12px}.research-body .topic-error{color:#8a1f2b}.research-body details{margin-top:6px;font-size:13px}.research-body summary{cursor:pointer;color:var(--muted)}.research-body .papers{padding-left:22px}.research-body .papers li{margin:4px 0}.gate-dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);width:min(380px,92vw);color:var(--text);padding:22px}.gate-dialog::backdrop{background:#fff}.gate-dialog form{gap:12px;display:grid}.gate-dialog strong{font-size:20px}.gate-dialog p{margin:0}.gate-dialog label{gap:4px;font-size:13px;display:grid}.gate-dialog input{border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:9px 12px}.gate-dialog summary{color:var(--muted);cursor:pointer;margin-bottom:8px;font-size:13px}.gate-error{color:#8a1f2b;font-size:13px}.toast{color:#8a1f2b;z-index:10;background:#fff1f1;border:1px solid #e3a3aa;border-radius:10px;max-width:min(560px,92vw);padding:10px 16px;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0000001f}@media (width<=960px){body{height:auto;min-height:100%}.layout{grid-template-columns:minmax(0,1fr)}.humanoid-stage{flex:none;height:42vh;min-height:280px}.chat-pane{height:52vh;min-height:300px}.brain-pane{overflow:visible}.brain-stage{flex:none;height:46vh;min-height:260px}.brand .muted{display:none}}@media print{body>:not(.report-dialog){display:none!important}.report-dialog{border:0;width:auto;height:auto;position:static}.report-head,.report-controls,.report-status{display:none}.report-body{padding:0;overflow:visible}}.report-body .muted{color:#5c6370}