*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#000;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px}#app{position:relative;width:100vw;height:100vh}#game-canvas{display:block;width:100%;height:100%;outline:none}.ui-crosshair{position:fixed;top:50%;left:50%;width:24px;height:24px;transform:translate(-50%,-50%);pointer-events:none;z-index:100;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cline x1='12' y1='0' x2='12' y2='24' stroke='%23ffffff' stroke-width='2'/%3E%3Cline x1='0' y1='12' x2='24' y2='12' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;opacity:.85}.ui-fps{position:fixed;top:8px;left:8px;padding:4px 8px;background:#00000080;border-radius:4px;font-variant-numeric:tabular-nums;font-size:14px;font-weight:600;pointer-events:none;z-index:100}.ui-hotbar{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:6px;padding:6px;background:#00000080;border-radius:8px;pointer-events:none;z-index:100}.ui-hotbar-slot{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff1f;border:2px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;font-weight:700;font-size:14px;transition:border-color .1s ease,background-color .1s ease;appearance:none;cursor:pointer;padding:0;font-family:inherit;line-height:1}.ui-hotbar-slot-selected{border-color:khaki;background:#f0e68c40;box-shadow:0 0 0 2px #f0e68c66}.ui-chat-container{position:fixed;bottom:80px;left:16px;width:420px;max-width:calc(100vw - 32px);max-height:40vh;display:flex;flex-direction:column;background:#0009;border-radius:8px;z-index:200;overflow:hidden}.ui-chat-messages{flex:1;overflow-y:auto;padding:8px 12px;font-size:14px;line-height:1.5}.ui-chat-message{margin-bottom:4px;word-break:break-word}.ui-chat-input{width:100%;padding:8px 12px;border:none;border-top:1px solid rgba(255,255,255,.2);background:#000000b3;color:#fff;font-size:14px;outline:none}.ui-chat-input::placeholder{color:#ffffff80}.ui-chat-messages::-webkit-scrollbar{width:8px}.ui-chat-messages::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.ui-chat-messages::-webkit-scrollbar-track{background:transparent}.ui-chat-input:focus{box-shadow:inset 0 0 0 2px #4a9eff}.ui-hotbar-slot:focus{outline:2px solid #4a9eff;outline-offset:2px}@media(prefers-reduced-motion:reduce){.ui-hotbar-slot{transition:none}}@media(prefers-contrast:more){.ui-hotbar-slot,.ui-chat-input,.ui-fps{border:2px solid #fff}}