:root{--cor-fundo: #0f1419;--cor-painel: rgba(20, 28, 36, .82);--cor-texto: #e8eef2;--cor-alerta: #d85a30;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--cor-fundo);overflow:hidden}#palco{position:relative;width:100vw;height:100vh}#palco canvas{display:block}.hud{position:absolute;top:16px;left:16px;padding:14px 18px;background:var(--cor-painel);border-radius:12px;color:var(--cor-texto);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:200px;z-index:10}.hud-linha{display:flex;justify-content:space-between;gap:24px;padding:4px 0;font-size:14px}.hud-linha span{opacity:.7}.hud-linha strong{font-variant-numeric:tabular-nums}.hud-alerta{margin-top:10px;padding:8px 10px;background:var(--cor-alerta);color:#fff;border-radius:8px;font-size:13px;line-height:1.4}.ajuda{position:absolute;bottom:16px;left:16px;padding:14px 16px;background:var(--cor-painel);border-radius:12px;color:var(--cor-texto);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;font-size:13px}.ajuda-oculta{display:none}.ajuda-cabecalho{display:flex;justify-content:space-between;align-items:center;font-weight:600;margin-bottom:8px}.ajuda-cabecalho button{background:none;border:none;color:var(--cor-texto);font-size:18px;cursor:pointer;line-height:1;opacity:.7}.ajuda-cabecalho button:hover{opacity:1}.ajuda-tabela{border-collapse:collapse}.ajuda-tabela td{padding:3px 12px 3px 0}.ajuda-tabela td:last-child{opacity:.8}.ajuda kbd{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:1px 6px;font-family:inherit;font-size:12px}.ajuda-dica{margin-top:10px;opacity:.6;font-size:12px}.joystick{position:fixed;width:130px;height:130px;margin-left:-65px;margin-top:-65px;border-radius:50%;background:radial-gradient(circle,#ffffff24,#ffffff0f 70%);border:2px solid rgba(255,255,255,.35);display:none;z-index:20;touch-action:none}.joystick-ativo{display:block}.joystick-haste{position:absolute;left:50%;top:50%;width:56px;height:56px;margin-left:-28px;margin-top:-28px;border-radius:50%;background:#1d9e75a6;border:2px solid rgba(255,255,255,.8);pointer-events:none}.joystick-seta{position:absolute;left:50%;top:50%;width:0;height:0;margin:-8px 0 0 -2px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:18px solid rgba(255,255,255,.9);transform-origin:2px 8px;opacity:0;pointer-events:none;transition:opacity .1s}.joystick-dica{position:fixed;bottom:40px;left:0;right:0;display:none;justify-content:space-between;padding:0 40px;pointer-events:none;z-index:18}.joystick-dica-item{width:120px;height:120px;border-radius:50%;border:2px dashed rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff9;text-align:center}.joystick-dica-oculta{display:none!important}@media (pointer: coarse){.joystick-dica{display:flex}body{touch-action:none;-webkit-user-select:none;user-select:none}.ajuda{display:none}.hud{font-size:12px;padding:10px 12px;min-width:150px}}@media (max-width: 480px){.hud{top:8px;left:8px}.hud-alerta{font-size:12px}.joystick-dica-item{width:100px;height:100px;font-size:11px}}.missao{position:absolute;top:16px;left:50%;transform:translate(-50%);max-width:440px;width:calc(100% - 32px);padding:14px 18px;background:var(--cor-painel);border-radius:12px;color:var(--cor-texto);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:15;text-align:center}.missao-cabecalho{font-weight:600;font-size:15px;margin-bottom:6px}.missao-contador{opacity:.6;font-weight:400;font-size:13px}.missao-instrucao{font-size:13px;line-height:1.5;opacity:.9}.missao-progresso{margin-top:8px;font-size:13px;font-variant-numeric:tabular-nums;opacity:.8}.missao-sucesso{border:1px solid #1d9e75}.missao-falha{border:1px solid #d83a30}.missao-btn{margin-top:12px;padding:10px 20px;font-size:14px;font-weight:500;border:none;border-radius:8px;background:#1d9e75;color:#fff;cursor:pointer}.missao-btn:hover{background:#0f6e56}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal-card{background:#fff;border-radius:16px;padding:24px;max-width:560px;width:100%;max-height:90vh;overflow-y:auto;color:#2c2c2a}