*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;font-family:system-ui,-apple-system,Microsoft YaHei,sans-serif}#scene{position:absolute;inset:0}#hud{position:absolute;z-index:1;left:16px;top:16px;display:flex;flex-direction:column;gap:5px;padding:12px 15px;background:#ffffffd6;border-radius:10px;color:#283b34;pointer-events:none}#hud span{font-size:12px;color:#53645e}canvas{display:block}#hud{max-width:min(310px,calc(100vw - 32px));top:calc(12px + env(safe-area-inset-top,0px));left:12px;padding:10px 12px;line-height:1.5}#hud strong{font-size:13px}#hud span{font-size:11px}#scene canvas{touch-action:none;cursor:crosshair}@media(max-width:600px){#hud{background:#ffffffc4;max-width:260px}}n #seat{pointer-events:auto;align-self:flex-start;border:0;border-radius:7px;background:#415b4f;color:#fff;padding:7px 16px;font-size:12px;cursor:pointer}#seat[hidden]{display:none}#reset{pointer-events:auto;align-self:flex-start;border:1px solid #80968a;border-radius:7px;background:#fafbf6eb;color:#31493e;padding:7px 12px;font-size:12px;cursor:pointer}