*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{background:#111;font-family:Courier New,Lucida Console,monospace}.shell{height:100%;display:flex;flex-direction:column;background:#888;border:4px solid;border-color:#aaa #444 #444 #aaa}.shell.dark .titlebar{background:linear-gradient(90deg,#6a0000,#c00)}.titlebar{background:linear-gradient(90deg,navy,#1084d0);color:#fff;padding:4px 10px;font-size:12px;font-weight:700;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.titlebar.small{font-size:11px;padding:3px 8px}.titlebar .x{cursor:pointer;padding:0 4px}.conn{font-size:10px;opacity:.9}.resbar{background:silver;padding:4px 6px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-bottom:2px solid #808080;flex-shrink:0;font-size:12px}.res{background:#fff;border:2px solid;border-color:#808080 #dfdfdf #dfdfdf #808080;padding:1px 7px;font-weight:700;white-space:nowrap}.dim{color:#777;font-weight:400}.conditions{background:navy;color:#ff0;padding:2px 10px;font-size:10px;font-weight:700;flex-shrink:0}.dark .conditions{background:maroon}.environment{min-height:23px;background:linear-gradient(90deg,#dcebc8,#c8deef);border-bottom:2px solid #808080;padding:3px 8px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;flex-shrink:0;font-size:10px;color:#1e2a1b}.environment.weather-storm{background:linear-gradient(90deg,#8e98a5,#697581);color:#fff}.environment.weather-snow{background:linear-gradient(90deg,#edf5fa,#cbdce9)}.environment.weather-heat{background:linear-gradient(90deg,#f4d99b,#e9aa70)}.world-event{margin-left:auto;color:#5a2600}.bond-row{margin:2px 0}.main{flex:1;position:relative;overflow:hidden;min-height:0}.canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.canvas-wrap canvas{display:block;touch-action:none}.crt{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 4px);mix-blend-mode:multiply}.panel-toggle{position:absolute;bottom:8px;left:8px;z-index:5;background:silver;border:2px solid;border-color:#dfdfdf #808080 #808080 #dfdfdf;font-family:inherit;font-size:10px;font-weight:700;padding:4px 10px;cursor:pointer}.panel{position:absolute;top:0;right:0;bottom:0;width:320px;max-width:88vw;background:silver;border-left:3px solid #404040;display:flex;flex-direction:column;z-index:4}.tabs{display:flex;gap:2px;padding:4px 4px 0;border-bottom:2px solid #808080;flex-shrink:0}.tab{background:#a0a0a0;border:2px solid;border-color:#dfdfdf #808080 #808080 #dfdfdf;font-family:inherit;font-size:13px;padding:4px 12px;cursor:pointer}.tab.on{background:silver;border-bottom:none;position:relative;bottom:-2px}.panel-body{flex:1;overflow-y:auto;padding:7px;font-size:11px}.panel-body::-webkit-scrollbar{width:8px}.panel-body::-webkit-scrollbar-thumb{background:gray}.sec{font-size:9px;font-weight:700;color:navy;margin:8px 0 3px;letter-spacing:.5px}.box{background:#fff;border:2px solid;border-color:#808080 #dfdfdf #dfdfdf #808080;padding:5px 7px}.box.thought{background:#ffc;border-color:#880;font-style:italic;line-height:1.5}.row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.row .lbl{width:72px;font-size:10px;text-transform:capitalize}.row .num{font-size:10px;min-width:30px;text-align:right;font-weight:700}.id-row{background:#fff;border:2px solid;border-color:#808080 #dfdfdf #dfdfdf #808080;padding:5px 7px;margin-bottom:4px;font-size:11px}.bar{flex:1;height:7px;background:silver;border:1px solid #808080;overflow:hidden;display:inline-block;min-width:30px}.bar-fill{display:block;height:100%;transition:width .3s}.dot{width:18px;height:18px;border-radius:50%;border:2px solid #000;flex-shrink:0}.dot.sm{width:11px;height:11px}.pips .pip{color:silver;font-size:12px}.pips .pip.on{color:navy}.li{font-size:10px;margin-bottom:3px;line-height:1.5}.li.myth{background:#fdf3d8;border:1px solid #c8a850;padding:3px 6px}.li.log-line{border-bottom:1px dotted #999;padding-bottom:2px}.chips{display:flex;flex-wrap:wrap;gap:3px}.chip{background:#fff;border:2px solid;border-color:#dfdfdf #808080 #808080 #dfdfdf;padding:1px 6px;font-size:9px}.chip.on{background:navy;color:#fff}.chip.ai{background:#ffc;border-color:#880}button.chip{font-family:inherit;cursor:pointer}.chips{margin-bottom:5px}.trow{display:flex;align-items:center;gap:5px;margin-bottom:4px;padding:3px 5px;background:#fff;border:1px solid;border-color:#808080 #dfdfdf #dfdfdf #808080;cursor:pointer;font-size:10px}.trow:hover{background:#ffc}.tname{width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.fac{font-size:8px;color:#840}.sheet{display:flex;flex-direction:column;height:100%}.sheet-body{flex:1;overflow-y:auto;padding:7px}.god{background:silver;border-top:3px solid #808080;padding:5px 7px;flex-shrink:0}.god-hist{background:#fff;border:1px solid;border-color:#808080 #dfdfdf #dfdfdf #808080;padding:3px 6px;font-size:10px;margin-bottom:4px;line-height:1.5}.god-hist .divine{color:maroon}.god-row{display:flex;gap:5px}.god-row input{flex:1;background:#fff;border:2px solid;border-color:#808080 #dfdfdf #dfdfdf #808080;font-family:inherit;font-size:12px;padding:5px 8px;outline:none}.god-row button{background:silver;border:2px solid;border-color:#dfdfdf #808080 #808080 #dfdfdf;font-family:inherit;font-size:11px;font-weight:700;padding:5px 16px;cursor:pointer}.god-row button:disabled{color:gray;cursor:wait}@media (max-width: 800px){.panel{top:auto;left:0;right:0;height:38vh;width:auto;max-width:none;border-left:none;border-top:3px solid #404040}.panel-toggle{bottom:auto;top:8px;left:8px}.resbar{font-size:10px;gap:4px}.res{padding:1px 4px}.titlebar{font-size:10px}.environment{gap:6px 12px;max-height:43px;overflow:hidden}.world-event{width:100%;margin-left:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media (prefers-reduced-motion: reduce){.bar-fill{transition:none}}.why{font-size:10px;line-height:1.35;margin-top:2px;padding-left:6px;border-left:2px solid #555;color:#9a9a9a}.why.good{border-left-color:#4a8a3a;color:#8fbf7a}.why.bad{border-left-color:#9a3a3a;color:#d08a8a}.why.warn{border-left-color:#972;color:#ca5}.why.note{border-left-color:#555;color:#999}.li.why{border-left-width:2px;padding-left:6px}.sound-toggle{position:absolute;bottom:8px;left:92px;z-index:5;background:silver;border:2px solid;border-color:#dfdfdf #808080 #808080 #dfdfdf;font-family:inherit;font-size:12px;padding:2px 8px;cursor:pointer;line-height:1.4}@media (max-width: 800px){.sound-toggle{bottom:auto;top:8px;left:92px}}.res.age-chip{background:#1c2a3a;border:1px solid #4a7ab8;padding:1px 6px}.res.age-chip.dark{background:#2e1a1a;border-color:#9a3a3a}.headline{font-size:11px;line-height:1.5;padding:7px 8px;margin-bottom:4px;background:#16202c;border-left:3px solid #4a7ab8;color:#cfe0f0}.doing-row{display:flex;align-items:center;gap:6px;padding:1px 0}.doing-n{min-width:22px;text-align:right;font-weight:700;color:#cfe0f0}.doing-what{flex:1;font-size:10px}.doing-bar{width:54px;height:6px;background:#222;display:inline-block;flex:none}.doing-bar>span{display:block;height:100%;background:#4a7ab8}.notable{cursor:pointer;padding:3px 0;border-bottom:1px dotted #3a3a3a}.notable:hover{background:#1d2733}.trow.rich{align-items:center}.trow .rank{color:#c8a020;font-weight:700}.trow .flags{display:inline-flex;gap:2px;font-size:9px}.insp-dot{color:#ffd766;margin-left:3px}.bar.wide{display:block;width:100%;height:8px;margin-top:3px}.why{font-size:11px;line-height:1.5;color:#3b3b3b;border-left-width:3px;border-left-color:#999}.why.good{border-left-color:#1c7a2e;color:#14622a}.why.bad{border-left-color:#b01414;color:#96110f}.why.warn{border-left-color:#a86a00;color:#7a4d00}.why.note{border-left-color:#7a7a7a;color:#3b3b3b}.li{font-size:11.5px;line-height:1.55}.sec{font-size:10.5px;margin:10px 0 4px}.dim{color:#4f4f4f}.chip{font-size:10.5px;padding:2px 7px}.trow{font-size:11.5px}.fac{font-size:9.5px;color:#6b3300}.row .lbl,.row .num{font-size:10.5px}.panel-body{font-size:12px}.god-hist{font-size:11px}.headline{background:#e6eef8;border-left:4px solid #000080;color:#14233d;font-size:12px;line-height:1.55;font-weight:700}.res.age-chip{background:#fff;border:2px solid #000080;color:navy;font-weight:700}.res.age-chip.dark{background:#ffecec;border-color:#9a1111;color:#8a0f0f}.doing-n{color:navy;font-size:11.5px}.doing-what{font-size:11.5px;color:#222}.doing-bar{background:#c8c8c8;border:1px solid #808080;height:8px}.doing-bar>span{background:navy}.notable{border-bottom:1px dotted #aaa;font-size:11.5px}.notable:hover{background:#ffc}.trow .rank{color:#7a5200}.insp-dot{color:#a86a00}.prog-row{border-bottom:1px dotted #bbb;padding-bottom:5px;margin-bottom:6px}.prog{height:10px;background:#c8c8c8;border:1px solid #808080;margin:3px 0;overflow:hidden}.prog>span{display:block;height:100%;background:linear-gradient(90deg,navy,#1084d0)}