:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1115;--panel:#161920;--line:#262b34;--text:#d7dae0;--dim:#7d838f;--accent:#8fd48f;--warn:#e0a35c;--bad:#e06c6c;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.55}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}.app{flex-direction:column;height:100vh;display:flex}header{border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;display:flex}header .title{letter-spacing:.04em;font-weight:600}header .policy{color:var(--accent)}header .spacer{flex:1}.pill{border:1px solid var(--line);color:var(--dim);border-radius:999px;padding:2px 10px}.pill.live{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 40%, var(--line))}.pill.live:before{content:"● "}.pill.reconnecting,.pill.connecting{color:var(--warn)}main{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(320px,640px) 1fr;gap:16px;min-height:0;padding:16px;display:grid}.left{flex-direction:column;gap:12px;min-width:0;min-height:0;display:flex;overflow-y:auto}.right{min-width:0;min-height:0;display:flex}.screen{line-height:0;position:relative}.screen canvas{image-rendering:pixelated;outline:1px solid var(--line);background:#000;border-radius:4px;width:100%;height:auto}.screen-overlay{color:var(--warn);background:#000000b3;border-radius:4px;padding:2px 8px;line-height:1.5;position:absolute;inset:auto 8px 8px auto}.status{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:10px 12px}.status-line{align-items:baseline;gap:10px;display:flex}.place{font-size:15px;font-weight:600}.dim{color:var(--dim)}.badges{gap:2px;margin:6px 0 2px;display:flex}.badge{width:32px;height:32px;image-rendering:pixelated;opacity:.16;background-image:url(/api/badges.png);background-repeat:no-repeat;background-size:256px 32px;transition:opacity .2s ease-out}.badge.on{opacity:1}.money{color:var(--accent)}.party{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px 12px;margin:10px 0 0;padding:0;list-style:none;display:grid}.party li{grid-template-rows:auto auto;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:3px 8px;display:grid}.party .sprite{image-rendering:pixelated;object-fit:contain;grid-area:1/1/3/2;width:56px;height:56px}.mon{text-overflow:ellipsis;white-space:nowrap;grid-area:1/2/2/3;align-self:end;overflow:hidden}.party .meta{color:var(--dim);grid-area:1/3/2/4;align-self:end;align-items:baseline;gap:6px;display:flex}.party .ailment{color:var(--warn);letter-spacing:.06em;font-size:11px}.party .bar{grid-area:2/2/3/3}.party .hp{grid-area:2/3/3/4}.bar{border:1px solid var(--line);background:#0b0d11;border-radius:2px;height:8px;overflow:hidden}.fill{background:var(--accent);height:100%;display:block}.fill.hurt{background:var(--warn)}.fill.low,.fill.fainted{background:var(--bad)}.hp{color:var(--dim);text-align:right}.detail{border-top:1px solid var(--line);grid-template-columns:max-content 1fr;gap:0 12px;margin:12px 0 0;padding-top:8px;display:grid}.detail dt{color:var(--dim)}.detail dd{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.conversation{background:var(--panel);border:1px solid var(--line);border-radius:4px;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.conversation-bar{border-bottom:1px solid var(--line);justify-content:flex-end;padding:4px 12px;display:flex}.raw-toggle{border:1px solid var(--line);color:var(--dim);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:0 8px}.raw-toggle.on{color:#7fa8d4;border-color:color-mix(in srgb, #7fa8d4 40%, var(--line))}.conversation-list{flex:1;min-height:0;padding:10px 12px;overflow-y:auto}.entry{grid-template-columns:10ch 1fr;gap:10px;padding:1px 0;display:grid}.entry .chip{color:var(--dim);text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.entry .body{white-space:pre-wrap;overflow-wrap:anywhere}.entry .body .line{color:inherit;font:inherit;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;cursor:pointer;background:0 0;border:0;padding:0;display:inline}.entry .body .line:hover{text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.entry .repeat{color:var(--dim);margin-left:6px}.entry .raw{border:1px solid var(--line);background:var(--bg);color:#7fa8d4;white-space:pre;border-radius:4px;margin:4px 0 6px;padding:8px 10px;overflow-x:auto}.entry.agent .body{color:var(--accent)}.entry.text_box .body{color:var(--text)}.entry.notice .body{color:var(--warn)}.entry.error .body{color:var(--bad)}.entry.watchdog .chip,.entry.watchdog .body{color:var(--bad);font-weight:600}.jump{border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:4px 10px;position:absolute;bottom:12px;right:16px}@media (width<900px){main{grid-template-rows:auto minmax(240px,1fr);grid-template-columns:1fr}}header .context{color:var(--dim);align-items:center;gap:6px;display:inline-flex}header .gauge{border:1px solid var(--line);border-radius:3px;width:56px;height:6px;overflow:hidden}header .gauge .fill{background:var(--accent);height:100%;display:block}header .run{color:var(--dim)}header .run.awaiting_llm,header .run.streaming,header .run.running_tool,header .run.compacting{color:var(--accent)}header .run.rate_limited{color:var(--warn)}header .run.error{color:var(--bad);text-overflow:ellipsis;white-space:nowrap;max-width:40ch;overflow:hidden}.entry.compacted .chip,.entry.compacted .body{color:var(--dim);font-style:italic}.entry.turn{border-top:1px solid var(--line);margin-top:10px;padding-top:6px}.entry.turn .chip{color:var(--text)}.entry.turn .body{color:var(--dim)}.entry.battle .chip{color:var(--warn)}.entry.assistant .body{color:var(--text)}.entry.tool .chip,.entry.tool .body{color:#7fa8d4}.entry.decision .chip,.entry.decision .body{color:var(--accent);font-weight:600}.entry.cancelled .chip,.entry.cancelled .body{color:var(--dim);font-style:italic}