*{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}.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:46vh;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}}@media (prefers-reduced-motion: reduce){.bar-fill{transition:none}}