.hormuz-main{max-width:1600px;margin:auto;padding:24px}.hormuz-main h1{font-size:clamp(28px,4vw,50px)}.hormuz-controls{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin:24px 0}.hormuz-controls label{display:flex;gap:7px;align-items:center}.hormuz-workspace{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,1fr);border:1px solid #657463}.hormuz-stage{position:relative;min-width:0;background:#07111b}.hormuz-stage canvas{display:block;width:100%;height:650px;touch-action:pan-y}.hormuz-key{padding:10px 18px;font-size:12px;color:#eee3c2}.tanker{color:#f2c76c}.cargo{color:#7ecdd1}.other{color:#d4b4d8}.hormuz-workspace aside{padding:20px;overflow:hidden}#ship-list{max-height:300px;overflow:auto;display:grid;gap:4px}#ship-list button{text-align:left;padding:8px}#ship-details dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:13px}#ship-details dd{margin:0;overflow-wrap:anywhere}.hormuz-history{margin:32px 0}#crossing-chart{width:100%;height:220px;display:block}#daily-table{overflow:auto;max-height:400px}#daily-table table{width:100%;text-align:right}#daily-table th,#daily-table td{padding:7px}#counts{border-block:1px solid #657463;padding:12px 0;margin-top:20px}html[data-theme=light] .hormuz-stage{background:#344854}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #d5ad5b;outline-offset:3px}@media(max-width:750px){.hormuz-workspace{grid-template-columns:1fr}.hormuz-stage canvas{height:440px}.hormuz-main{padding:14px}}