:root{--bg:#0e0f12;--panel:#17181d;--ink:#ece8e0;--muted:#9a958c;--accent:#d4af37;--obs:#ece8e0;--pers:#8c8c8c;--model:#d4af37;--grid:#2a2a2a}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Palatino Linotype', 'Book Antiqua', serif;line-height:1.5}
header{padding:28px 32px 8px}h1{margin:0;font-size:2rem;color:var(--accent)}header p{margin:4px 0 0;color:var(--muted)}
main{display:grid;gap:18px;padding:16px 32px 32px}.card{background:var(--panel);border:1px solid #d4af3766;border-radius:14px;padding:18px;transition:box-shadow .25s,border-color .25s}.card:hover{border-color:#d4af37;box-shadow:0 0 22px #d4af3740}
header{position:relative;overflow:hidden}.tri{position:absolute;right:28px;top:-6px;font-size:7rem;color:#d4af37;opacity:.18;line-height:1}.tricap{color:#d4af37;font-size:.85rem;letter-spacing:.04em}
.seals{display:flex;flex-wrap:wrap;gap:14px}.seal{background:#b3121b;color:#fbe9d0;border:2px solid #fbe9d0aa;outline:3px solid #b3121b;border-radius:6px;padding:8px 12px;text-align:center;font-weight:700;transform:rotate(-2deg);box-shadow:0 0 0 #0000;transition:box-shadow .25s,transform .25s;min-width:92px}.seal:hover{transform:rotate(0);box-shadow:0 0 18px #d4af3760}.seal small{display:block;font-weight:400;opacity:.85;font-size:.72rem}.seal.p{background:#5a1414}
.bil{color:var(--muted);font-size:.9rem;letter-spacing:.06em;margin:2px 0 0}.grp{color:var(--muted);font-size:.8rem;margin:10px 0 4px}
canvas{width:100%;height:320px;display:block}.legend span{margin-right:14px;font-size:.9rem}.legend i{display:inline-block;width:18px;height:3px;vertical-align:middle;margin-right:5px}
label{display:block;margin:10px 0 2px;color:var(--muted);font-size:.9rem}input[type=range]{width:100%;accent-color:var(--accent)}
table{border-collapse:collapse;width:100%}td,th{padding:6px 8px;border-bottom:1px solid var(--grid);text-align:right}td:first-child,th:first-child{text-align:left}
.warn{border-left:4px solid var(--accent);padding:10px 14px;font-size:.92rem}footer{padding:0 32px 32px;color:var(--muted);font-size:.85rem}a{color:var(--accent)}
.bar{display:inline-block;width:3.6%;margin-right:.5%;background:var(--accent);vertical-align:bottom;border-radius:3px 3px 0 0}.cap{color:var(--muted);font-size:.85rem}
.gate{height:16px;background:var(--grid);border-radius:8px;overflow:hidden}.gate div{height:100%;background:var(--model)}
.side main{grid-template-columns:2fr 1fr}.side .wide{grid-column:1/-1}.dash main{grid-template-columns:1fr 1fr}.dash .wide{grid-column:1/-1}
.center{max-width:860px;margin:auto;text-align:left}.center header{text-align:center}
@media(max-width:800px){.side main,.dash main{grid-template-columns:1fr}}