/* A client-only skin; the original LPC world stays untouched. */
:root{--bg:#101e1d;--fg:#d9dfd4;--dim:#8faaa0;--accent:#c8aa70;--panel:#152724;--border:#30413a;color-scheme:dark}
body{max-width:1100px;margin:auto;box-shadow:0 0 120px #0008;font-family:system-ui,-apple-system,'PingFang SC',sans-serif;background:radial-gradient(ellipse at 15% 0,#22392f,transparent 55%),#101e1d}
header{padding:16px 24px 14px;gap:12px;background:transparent;align-items:center;flex-shrink:0}
.brand{display:flex;align-items:center;gap:12px}.seal{display:grid;place-items:center;border:1px solid #b7a06c;color:#deca96;font-family:serif;font-size:26px;width:43px;height:48px;border-radius:2px;background:#ad8c3b10}.brand small{font-size:10px;color:#92a89a;letter-spacing:3px}.brand h1{font-family:serif!important;color:#e6e3d1;font-size:25px;letter-spacing:5px;font-weight:400;margin-top:1px}.brand h1 span{font-size:12px;color:#b4b898;letter-spacing:2px;margin-left:5px}
header #status{display:none}#wrapToggle{margin-left:auto;color:#b8c1b4;border-color:#46604d}header button{min-height:36px}#fsToggle{min-width:36px}
#tabs{background:#101c18aa;padding:0 18px;border-bottom-color:#3b4a39}#tabs .tab{font-size:11px;padding:9px 8px}#tabAdd{display:none}#tabLogs{margin-left:auto}.tab .close{display:none}
.chapterbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 24px;border-bottom:1px solid #bca96c25;background:linear-gradient(90deg,#b59e4f0c,transparent);font-size:11px;letter-spacing:2px;flex-shrink:0}.chapterbar b{font-weight:400;color:#baad7f}.chapterbar span{color:#849c8c;font-size:10px;letter-spacing:1px}.online-dot{display:inline-block;width:5px;height:5px;background:#8baf80;border-radius:50%;margin-right:6px}
#term{padding:12px 20px 8px;background:#0f1d1b;min-height:100px}#term .pane .xterm-viewport{background:#0f1d1b!important}.xterm-screen{padding-left:1px}#boot{background:#101e1d}#bootText{font-family:system-ui;color:#b5bba7}#bootBar{background:#334737}#bootFill{background:#c8aa70}
.play-controls{padding:10px 20px 12px;background:linear-gradient(#162723,#14221e);border-top:1px solid #bca96c33;flex-shrink:0}.control-tabs{display:flex;gap:22px;margin-bottom:10px;border-bottom:1px solid #c2ab7020}.control-tabs button{font:inherit;background:none;color:#8d9d8d;border:none;padding:0 0 7px;cursor:pointer;font-size:12px;letter-spacing:2px;border-bottom:2px solid transparent}.control-tabs button.active{color:#dfcb94;border-color:#b9a36a}.control-tabs .help-button{margin-left:auto;letter-spacing:0}.control-body{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:stretch}.compass{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.play-controls button,.send-btn,.utility button,.sheet button{touch-action:manipulation}.compass button,.action-grid button{border:1px solid #46523e;background:#21332b;color:#c3c8b5;border-radius:5px;min-height:38px;font-family:inherit;cursor:pointer;font-size:12px}.compass button{font-size:11px;background:#1b2e27}.compass .center{color:#e7cd8a;background:#3c402b;border-color:#7b7048;font-family:serif;font-size:17px}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.action-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.action-grid button small{font-size:9px;color:#859682;font-family:monospace}.action-grid button.primary{background:#36452e;border-color:#6c784d;color:#e1d8a8}button:active{filter:brightness(1.35);transform:translateY(1px)}button:focus-visible{outline:2px solid #d7c384;outline-offset:2px}
.utility{display:flex;gap:7px;margin-top:9px;align-items:center}.utility input{width:100%;min-width:0;border:1px solid #354d3e;background:#0f211a;color:#cbd4bf;border-radius:5px;padding:9px 10px;font:12px system-ui}.utility button{white-space:nowrap;background:transparent;border:1px solid #40543f;border-radius:4px;color:#abbb9c;padding:8px;font:11px system-ui}.utility #save-state{font-size:10px;color:#839680;white-space:nowrap}
#inputbar{margin:0;background:#0d1916;padding:10px 20px max(12px,env(safe-area-inset-bottom));align-items:center;gap:9px;border-top-color:#364b36;flex-shrink:0}#inputbar .prompt{font-size:16px;color:#c6b078;padding:0}#cmd{padding:9px 6px;font-size:16px;min-height:38px}#cmdPlaceholder{font-size:12px;color:#698777}.send-btn{background:#b9a16b;border:none;border-radius:5px;color:#17261c;min-height:38px;padding:0 15px;font:13px system-ui;cursor:pointer}.sheet{position:fixed;inset:0;background:#06110ddd;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.sheet[hidden]{display:none}.sheet article{max-width:440px;background:#1c3027;border:1px solid #7f7950;border-radius:10px;padding:26px;color:#c7d0b9;line-height:1.9;font-size:13px}.sheet h2{font:26px serif;color:#e0cc9b;letter-spacing:3px;margin:0 0 16px}.sheet p{margin:10px 0}.sheet button{width:100%;padding:12px;background:#b6a16b;color:#16251a;border:none;border-radius:5px;margin-top:14px;font-size:14px}.sheet code{color:#d7c089}.client-note{text-align:center;font-size:10px;color:#6e836e;margin-top:8px;letter-spacing:1px}
@media(min-width:760px){header{padding-top:22px;padding-bottom:20px}.play-controls{padding:14px 24px}.control-body{grid-template-columns:170px 1fr;gap:24px}.compass button{min-height:40px}.action-grid button{font-size:14px}.chapterbar{padding-top:13px;padding-bottom:13px}#term{padding-top:18px}}
@media(max-width:480px){header{padding:11px 14px;gap:7px}.brand{gap:9px}.brand h1{font-size:22px}.brand small{font-size:9px;letter-spacing:2px}.seal{width:34px;height:41px;font-size:23px}#wrapToggle{font-size:10px;padding:2px 6px}#tabs{padding:0 10px}.chapterbar{padding:9px 14px;letter-spacing:1px}#term{padding:9px 10px 5px}.play-controls{padding:9px 12px 10px}.control-body{grid-template-columns:132px 1fr;gap:10px}.compass button{min-height:36px}.action-grid button{font-size:12px;min-height:42px}.control-tabs{gap:20px;margin-bottom:8px}.utility{margin-top:8px}.utility #save-state{display:none}#inputbar{padding:7px 12px max(8px,env(safe-area-inset-bottom))}.client-note{font-size:9px}.chapterbar span{font-size:9px}.send-btn{padding:0 12px}}
@media(max-height:550px){.chapterbar,.client-note,.utility,.control-tabs{display:none}.play-controls{padding:5px 10px}.control-body{grid-template-columns:120px 1fr;gap:8px}.compass button{min-height:25px}.action-grid button{min-height:28px}.action-grid button small{display:none}header{padding:5px 12px}.seal{height:30px}.brand small{display:none}#tabs{display:none}#term{min-height:50px}body.compact header h1{display:block}.brand h1{font-size:19px}#inputbar{padding:4px 10px}}
.control-tabs{gap:12px}.control-tabs button{white-space:nowrap;letter-spacing:1px}.action-grid button{padding:4px 2px;white-space:nowrap}
.sheet article{max-height:90dvh;overflow:auto}.sheet #export-save,.sheet #import-save{background:transparent;border:1px solid #6d7653;color:#c8cba4;padding:8px;margin-top:6px;font-size:12px}
@media(max-width:360px){.control-body{grid-template-columns:116px 1fr;gap:8px}.action-grid button{font-size:11px}.control-tabs button{font-size:11px}.control-tabs{gap:10px}}