:root{color:#101820;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#c9bfa8}*{box-sizing:border-box}html,body,#app,#viewport{width:100%;height:100%;margin:0;overflow:hidden}canvas{display:block}#enterButton{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);min-width:152px;height:46px;border:1px solid rgba(16,24,32,.22);border-radius:6px;color:#101820;background:#ffffffe0;box-shadow:0 18px 44px #241e1438;font:700 15px/1 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer;transition:opacity .16s ease,transform .16s ease}#enterButton:hover{transform:translate(-50%,-50%) scale(1.03)}#enterButton.is-hidden{opacity:0;pointer-events:none}#hud{position:fixed;left:16px;bottom:16px;display:flex;align-items:center;gap:10px;max-width:min(520px,calc(100vw - 32px));min-height:44px;padding:8px 12px 8px 8px;border:1px solid rgba(16,24,32,.18);border-radius:6px;background:#ffffffc2;color:#101820;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#selectedId{display:inline-grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#101820;color:#fffaf0;font-size:13px;font-weight:800}#selectedName{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}#crosshair{position:fixed;left:50%;top:50%;width:14px;height:14px;transform:translate(-50%,-50%);pointer-events:none}#crosshair:before,#crosshair:after{position:absolute;content:"";background:#1018209e}#crosshair:before{left:6px;top:0;width:2px;height:14px}#crosshair:after{left:0;top:6px;width:14px;height:2px}@media(max-width:680px){#hud{left:10px;right:10px;bottom:10px;max-width:none}#selectedName{white-space:normal}}