:root{color:#f4efe6;background:#1b1714;font:15px/1.45 Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root,.app,.viewport{width:100%;height:100%;margin:0}.viewport canvas{width:100%;height:100%;display:block}.hud,.panel{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#16120fb8;border:1px solid #ffffff29;position:absolute}.hud{justify-content:space-between;align-items:end;gap:16px;max-width:760px;padding:14px 16px;display:flex;top:16px;left:16px;right:16px}.kicker,h1,.summary{margin:0}.kicker{color:#e0b07a;letter-spacing:.14em;text-transform:uppercase;font-size:11px}h1{letter-spacing:-.04em;font-size:28px;font-weight:560}.summary{color:#d9d0c4;font-size:13px}.panel{grid-template-columns:1fr 1fr;gap:10px 14px;width:min(460px,100% - 32px);max-height:min(430px,100% - 140px);padding:14px;display:grid;top:118px;left:16px;overflow:auto}.field,.check{color:#efe7dc;gap:4px;font-size:13px;display:grid}.panel .check,.panel button{grid-column:1/-1}.field input,.field select,button{width:100%;color:inherit;background:#ffffff0f;border:1px solid #ffffff2e}.field select,button{min-height:34px;padding:0 8px}.check{grid-template-columns:auto 1fr;align-items:center}button{cursor:pointer}.hud button{width:auto;padding:0 12px}@media (width<=720px){.hud{align-items:start}h1{font-size:22px}.panel{top:132px}}