:root{color-scheme:dark;--bg:#101614;--panel:#17211d;--edge:#355642;--accent:#8cce7d;--text:#eef5ee;--muted:#a8b9aa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px system-ui,sans-serif}header{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#132119;border-bottom:1px solid var(--edge)}h1{font-size:20px;margin:0}h2{font-size:16px;margin:0 0 12px}.tab-panel{display:grid;grid-template-columns:245px 1fr;height:calc(100vh - 98px);min-height:0}aside,article,.sheet{padding:18px}aside,article,#tabs{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}aside,article{overflow-y:auto}aside{border-right:1px solid var(--edge);background:#131b17}.player,.character,.tab{display:block;width:100%;border:0;background:transparent;color:var(--text);text-align:left;border-radius:6px;padding:9px 10px;cursor:pointer}.player:hover,.character:hover,.tab:hover,.active{background:#294034}.character{background:var(--panel);margin:7px 0;border:1px solid var(--edge)}.summary,.kind,#status,.modified{color:var(--muted);font-size:12px}.modified{display:inline-block;margin-top:4px;font-variant-numeric:tabular-nums}.tab{display:inline-block;width:auto;margin:7px 0 0 7px;border:1px solid var(--edge)}#tabs{height:40px;border-bottom:1px solid var(--edge);overflow:auto;white-space:nowrap}.sheet{display:none;max-width:1200px}.sheet.active{display:block;background:transparent}.identity{padding:15px;background:var(--panel);border:1px solid var(--edge);border-radius:8px;margin-bottom:15px;min-height:88px}.identity h2{font-size:23px}.portrait{float:right;width:112px;max-height:150px;object-fit:cover;border-radius:6px;border:1px solid var(--edge);margin:0 0 8px 14px}.assignment{clear:both;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center;margin-top:12px}.assignment label{display:grid;gap:4px;font-size:12px;color:var(--muted)}.assignment input,.browser-tools input,.browser-tools select{background:#101614;color:var(--text);border:1px solid var(--edge);border-radius:5px;padding:7px}.assignment button{background:#294034;color:var(--text);border:1px solid var(--edge);border-radius:5px;padding:7px 10px}.assignment small,.assignment-note{grid-column:1/-1;color:var(--muted);font-size:12px;margin:0}.browser-tools{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.browser-tools label{display:grid;gap:3px;color:var(--muted);font-size:12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.section{border:1px solid var(--edge);border-radius:8px;background:var(--panel);padding:12px}.section h3{margin:0 0 8px;color:var(--accent);font-size:15px}.row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:4px 0;border-bottom:1px solid #29382e}.row:last-child{border:0}.row small{grid-column:1/-1;color:var(--muted)}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--panel);padding:15px;border:1px solid var(--edge);border-radius:8px}@media(max-width:650px){.tab-panel{grid-template-rows:minmax(130px,35vh) minmax(0,1fr);grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--edge)}article{min-height:0}.browser-tools{display:grid;grid-template-columns:1fr 1fr}.browser-tools label:first-child{grid-column:1/-1}}