:root{--bg: #120e14;--panel: #1d1720;--panel-2: #262028;--line: #3a3140;--text: #ece4d4;--muted: #9a8f88;--accent: #f0a03a;--accent-2: #f6c25a;--good: #7fc46a;--bad: #e0574a;--info: #6fb0d8;--sans: "Inter", system-ui, sans-serif;--pixel: "Press Start 2P", monospace;--speech: "VT323", monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--sans);overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}.pixel{font-family:var(--pixel)}.muted{color:var(--muted)}#viewport{position:fixed;top:0;right:0;bottom:0;left:0}#stage{position:absolute;left:50%;top:50%;translate:-50% -50%;width:1280px;height:720px;display:grid;grid-template-columns:864px 416px;transform-origin:center;background:var(--bg)}#left{display:grid;grid-template-rows:576px 144px}#mapwrap{position:relative;width:864px;height:576px}#map{display:block;width:864px;height:576px;image-rendering:pixelated}#caption{position:absolute;left:50%;bottom:18px;transform:translate(-50%);width:max-content;max-width:760px;padding:10px 18px;border-radius:10px;background:#120e14e6;border:1px solid var(--line);font:600 17px/1.35 var(--sans);text-align:center;box-shadow:0 8px 30px #0006;animation:rise .35s ease-out}#caption b{color:var(--accent-2)}#hint{position:absolute;left:16px;top:14px;padding:8px 12px;border-radius:8px;background:#f0a03af2;color:#1b1420;font:600 13px var(--sans);animation:bob 1.6s ease-in-out infinite}#bar{display:grid;grid-template-columns:380px 484px;background:var(--panel);border-top:2px solid var(--line);min-height:0}#log{padding:8px 10px;overflow-y:auto;font-size:13px;line-height:1.35;border-right:1px solid var(--line);scrollbar-width:thin}.logline{padding:3px 6px;border-radius:6px;cursor:pointer;animation:slidein .3s ease-out}.logline:hover{background:var(--panel-2)}.logline .who{font-weight:700;margin-right:4px}.logline .q{font-family:var(--speech);font-size:18px;line-height:1}.logline.sys{color:var(--muted);font-style:italic;cursor:default}.logline.sys:hover{background:none}.who.kael{color:#e06a5a}.who.brenna{color:#7fa7e8}.who.mags{color:#c98ad8}.who.odo{color:#e0a84a}.who.player{color:#9fe08a}#actions{padding:8px 10px;display:flex;flex-direction:column;gap:5px;overflow-y:auto}.arow{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.arow .lbl{width:54px;font:600 11px var(--sans);color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.act{padding:5px 10px;border-radius:7px;font:600 12.5px var(--sans);background:transparent;border:1.5px solid #5a4e5e;color:var(--text);transition:background .15s,transform .1s}.act:hover:not(:disabled){background:var(--panel-2);border-color:var(--accent)}.act:active:not(:disabled){transform:translateY(1px)}.act.ends{background:var(--accent);border-color:var(--accent);color:#1b1420}.act.ends:hover:not(:disabled){background:var(--accent-2)}.act.ends:before{content:"◷ ";font-weight:700}.act:disabled{opacity:.38;cursor:not-allowed}.act.pulse{animation:pulse 1.2s ease-in-out infinite}#side{display:grid;grid-template-rows:48px auto 38px 1fr;background:var(--panel);border-left:2px solid var(--line);min-height:0;height:720px}#top{display:flex;align-items:center;gap:10px;padding:0 12px;border-bottom:1px solid var(--line)}#clock{font-size:10px;color:var(--accent-2);flex:1}#coins{font:700 13px var(--sans);color:var(--accent-2)}#coins:before{content:"●";margin-right:4px}.ghost{background:transparent;border:1.5px solid var(--line);border-radius:7px;padding:4px 10px;font-size:12px;font-weight:600}.ghost:hover{border-color:var(--accent)}.badge{display:inline-block;padding:1px 6px;border-radius:999px;font:700 10px var(--sans);text-transform:uppercase;letter-spacing:.05em;vertical-align:1px}.badge.llm,.badge.model{background:#2f4d2a;color:#a8e08f}.badge.cache{background:#263f55;color:#9fcdf0}.badge.fallback{background:#4d3a25;color:#f0c48a}.badge.offline{background:#5a2a26;color:#f2a59b}#narrator{padding:8px 12px 10px;border-bottom:1px solid var(--line);height:170px;display:flex;flex-direction:column;min-height:0}#narrator h2{margin:0 0 6px;font:600 11px var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}#feed{overflow-y:auto;font-size:13.5px;line-height:1.45;scrollbar-width:thin;min-height:0;flex:1}.digest{padding:6px 8px;border-left:3px solid var(--accent);background:var(--panel-2);border-radius:0 6px 6px 0;margin-bottom:6px;animation:slidein .35s ease-out}.digest .when{font:600 10px var(--sans);color:var(--muted);text-transform:uppercase;margin-bottom:2px}.digest .hook{margin-top:4px;font-style:italic;color:var(--accent-2)}.digest.waiting{color:var(--muted);font-style:italic;border-color:var(--line)}#tabs{display:flex;border-bottom:1px solid var(--line)}#tabs button{flex:1;background:none;border:0;border-bottom:2px solid transparent;font:600 13px var(--sans);color:var(--muted)}#tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--accent)}#tabs button.flash{color:var(--accent-2)}#panel{overflow-y:auto;padding:10px 12px;font-size:13px;scrollbar-width:thin;min-height:0}.npc{background:var(--panel-2);border-radius:10px;padding:9px 10px;margin-bottom:8px}.npc h4{margin:0 0 6px;display:flex;align-items:center;gap:6px;font-size:14px}.npc h4 .where{margin-left:auto;font:500 11px var(--sans);color:var(--muted)}.drive{display:grid;grid-template-columns:70px 1fr 24px;align-items:center;gap:6px;font-size:12px;margin:3px 0}.meter{height:8px;background:#120e14;border-radius:4px;overflow:hidden;position:relative}.meter>i{position:absolute;top:0;bottom:0;left:0;border-radius:4px;transition:width .6s ease,left .6s ease,background .3s}.meter.trust:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--muted)}.chip{display:inline-block;padding:1px 6px;margin:1px 2px 1px 0;border-radius:5px;background:#120e14;border:1px solid var(--line);font:600 11px var(--sans)}.chip.id{font-family:ui-monospace,monospace;cursor:pointer}.chip.id:hover{border-color:var(--accent)}.chip.chosen{background:var(--accent);color:#1b1420;border-color:var(--accent)}.frozen{color:var(--info);font-size:12px}.persona{margin:6px 0 2px;font-size:12px;color:var(--muted);line-height:1.35}.persona q{font-style:italic}.persona .edited{color:var(--accent);font-weight:600;margin-left:4px}.persona .persona-edit{background:none;border:0;padding:0 2px;color:var(--accent);text-decoration:underline;font-size:12px}.persona.edit textarea{width:100%;box-sizing:border-box;min-height:64px;font:12px var(--sans);background:var(--bg);color:var(--text);border:1px solid #5a4e5e;border-radius:6px;padding:6px;resize:vertical}.persona.edit .row{display:flex;gap:6px;margin-top:4px}.persona.edit .row button{font-size:12px;padding:3px 8px;border-radius:6px;border:1px solid #5a4e5e;background:transparent}.belief{display:grid;grid-template-columns:18px 1fr 64px;gap:2px 6px;align-items:center;padding:5px 4px;border-bottom:1px dashed var(--line);border-radius:4px}.belief.retracted .claim{text-decoration:line-through;color:var(--muted)}.belief .mark{font-weight:800;text-align:center}.mark.t{color:var(--good)}.mark.f{color:var(--bad)}.mark.q{color:var(--muted)}.belief .src{grid-column:2 / 4;font-size:11px;color:var(--muted)}.belief.new{animation:flash 1.6s ease-out}.group{margin-bottom:10px}.group>h5{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:6px 0 2px}.ev{display:grid;grid-template-columns:46px 1fr 16px;gap:6px;padding:4px 6px;border-radius:6px;font-size:12.5px}.ev .id{font-family:ui-monospace,monospace;color:var(--muted);font-size:11px}.ev.new{animation:flash 1.8s ease-out,slidein .35s ease-out}.ev.hl{outline:1.5px solid var(--accent)}.phase-h{font:700 10px var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:8px 0 2px}.dcard{background:var(--panel-2);border-radius:10px;padding:8px 10px;margin-bottom:8px;cursor:pointer;border:1.5px solid transparent}.dcard:hover{border-color:var(--accent)}.dcard .head{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:4px}.dcard .head .badge{margin-left:auto}.dcard .line{font-family:var(--speech);font-size:19px;line-height:1.05;margin:4px 0}.dcard .meta{font-size:11.5px;color:var(--muted)}.chain{margin-bottom:14px}.chain h3{margin:0 0 8px;font:700 12px var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);display:flex;align-items:center}.chain h3 button{margin-left:auto}.node{position:relative;margin-left:18px;padding:8px 10px;border-radius:10px;background:var(--panel-2);border:1.5px solid var(--line);margin-bottom:14px;animation:drop .4s ease-out backwards}.node:before{content:"";position:absolute;left:-14px;top:13px;width:8px;height:8px;border-radius:50%;background:var(--accent)}.node:after{content:"";position:absolute;left:-11px;top:23px;bottom:-27px;width:2px;background:var(--line)}.node:last-child:after{display:none}.node .k{font:700 10px var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);display:flex;gap:6px;align-items:center}.node .body{margin-top:3px}.node .sub{margin-top:4px;font-size:12px;color:var(--muted)}.node.line .body{font-family:var(--speech);font-size:21px;line-height:1.05}.node.root.t{border-color:var(--good);box-shadow:0 0 0 3px #7fc46a26}.node.root.f{border-color:var(--bad);box-shadow:0 0 0 3px #e0574a2e}.node.root.t:before{background:var(--good)}.node.root.f:before{background:var(--bad)}.verdict{font:800 12px var(--sans);padding:2px 8px;border-radius:6px;margin-left:auto}.verdict.t{background:var(--good);color:#10200c}.verdict.f{background:var(--bad);color:#2a0b08}.empty{color:var(--muted);font-style:italic;padding:10px 0}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;grid-column:1 / -1;grid-row:1 / -1;display:grid;place-items:center;background:#0c090eb8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:20;animation:fade .3s ease-out}.overlay[hidden]{display:none}#landing{background:linear-gradient(180deg,#0c090e26,#0c090e8c 45%,#0c090eeb 75%);-webkit-backdrop-filter:none;backdrop-filter:none}.title-card{text-align:center;max-width:780px;padding:0 24px;margin-top:170px}.title-card h1{font-size:46px;line-height:1.2;margin:6px 0 16px;color:var(--accent-2);text-shadow:4px 4px 0 #1b1420,0 0 30px rgba(240,160,58,.35)}.kicker{font:600 13px var(--sans);text-transform:uppercase;letter-spacing:.2em;color:#cfc6b8;margin:0}.tagline{font-size:20px;font-weight:600;margin:0 0 8px}.premise{color:#cfc6b8;margin:0 0 22px;font-size:15px}.cta{display:flex;gap:12px;justify-content:center;margin-top:18px}.primary{background:var(--accent);color:#1b1420;border:0;border-radius:10px;padding:12px 22px;font-weight:700;font-size:16px;box-shadow:0 4px #a5641a}.primary:hover{background:var(--accent-2)}.primary:active{transform:translateY(2px);box-shadow:0 2px #a5641a}.secondary{background:#120e1499;color:var(--text);border:2px solid #5a4e5e;border-radius:10px;padding:10px 20px;font-weight:700;font-size:16px}.secondary:hover{border-color:var(--accent)}.link{background:none;border:0;color:var(--muted);margin-top:18px;text-decoration:underline;font-size:13px}.card{width:640px;max-height:660px;overflow-y:auto;background:var(--panel);border:2px solid var(--line);border-radius:16px;padding:24px 28px;box-shadow:0 20px 60px #0009}.card h1{font-size:26px;margin:0 0 8px;color:var(--accent-2)}.card h3{font:700 12px var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin:18px 0 6px}.card a{color:var(--accent-2)}.card ul{margin:0;padding-left:18px;line-height:1.6}.card p{line-height:1.5}.epilogue{background:var(--panel-2);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;padding:10px 12px;font-size:14.5px;line-height:1.5;min-height:44px}#endcard{background:#0c090e8c}#endcard.lost h1{color:var(--bad)}#dev{position:absolute;right:12px;bottom:12px;z-index:30;width:340px;background:#0d0a0f;border:1px solid var(--accent);border-radius:10px;padding:10px 12px;font-size:12px;box-shadow:0 10px 30px #0009}#dev h3{margin:0 0 6px;font-size:13px}#dev .row{display:flex;gap:6px;align-items:center;margin:5px 0}#dev .row>span{width:56px;color:var(--muted);flex:none}#dev button{background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:3px 8px;font-size:12px}#dev button.on{border-color:var(--accent);color:var(--accent-2)}#dev input{width:64px;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:3px 6px}#dev code{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#pop{position:absolute;z-index:25;background:#0d0a0f;border:1.5px solid var(--accent);border-radius:12px;padding:12px;width:400px;box-shadow:0 12px 40px #0009}#pop h4{margin:0 0 4px;font-size:14px}#pop .row{display:flex;gap:6px;align-items:center;margin-top:8px}#pop select,#pop input{flex:1;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:7px;padding:7px 8px;font:500 13px var(--sans);min-width:0}#pop .preview{margin-top:8px;font-size:12.5px;color:var(--muted)}#pop .count{font-size:11px;color:var(--muted)}#toast{position:absolute;left:50%;top:16px;transform:translate(-50%);z-index:40;background:#3a1d1a;border:1px solid var(--bad);color:#f6d0ca;padding:8px 14px;border-radius:8px;font-size:13px;animation:rise .25s ease-out}@keyframes slidein{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes drop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes flash{0%{background:#f0a03a59}to{background:transparent}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pulse{0%,to{box-shadow:0 0 #f0a03a99}50%{box-shadow:0 0 0 6px #f0a03a00}}