*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#08111b;color:#eef4fb;font:14px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}body{overflow:hidden}main{width:100%;height:100%;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(circle at 50% 35%,#182739 0,#0b1522 45%,#070d14 100%)}header,footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:rgba(5,10,16,.9);border-color:#26394e}header{border-bottom:1px solid #26394e}footer{border-top:1px solid #26394e;color:#a9bbce;font-size:12px}header div{display:grid;gap:1px}header span{font-size:10px;font-weight:800;letter-spacing:.12em;color:#f0a24a}header strong{font-size:16px}header small{color:#9fb2c5}nav{display:flex;gap:6px}button,a{border:1px solid #36506b;background:#132237;color:#eaf2fa;border-radius:7px;padding:6px 9px;text-decoration:none;cursor:pointer}button:hover,a:hover{border-color:#e18a31}#stage{min-height:0;position:relative;overflow:hidden}#stage canvas{display:block;width:100%;height:100%}#loading{position:absolute;inset:0;display:grid;place-items:center;color:#aec0d2;background:linear-gradient(135deg,rgba(14,26,41,.72),rgba(5,10,16,.45));z-index:2}.compact header{padding:7px 10px}.compact header strong{font-size:14px}.compact header span,.compact header small{display:none}.compact nav button{padding:5px 7px;font-size:12px}.compact #fullscreen{display:none}.compact footer{padding:6px 10px}.compact footer a{display:none}@media(max-width:600px){header{align-items:flex-start}nav{flex-wrap:wrap;justify-content:flex-end}header strong{font-size:14px}footer{padding:7px 10px}}