.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:radial-gradient(ellipse at top,#1c2540,#0a1428 60%);display:flex;align-items:center;justify-content:center;color:#e6ebf5;font:14px/1.4 -apple-system,system-ui,sans-serif}.loading-card{width:min(380px,80vw);text-align:center;display:flex;flex-direction:column;gap:14px}.loading-logo{font:700 32px/1 Bangers,Luckiest Guy,sans-serif;letter-spacing:.06em;color:#ffd166;text-transform:uppercase;text-shadow:0 2px 0 #000,0 4px 0 #000}.loading-bar-track{height:8px;background:#ffffff1a;border-radius:999px;overflow:hidden}.loading-bar{height:100%;background:linear-gradient(90deg,#ffd166,#f7a325);border-radius:999px;transition:width .15s ease-out}.loading-meta{display:flex;justify-content:space-between;font-size:11px;color:#8a93ac}.loading-pct{color:#ffd166;font-variant-numeric:tabular-nums}.loading-current{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.load-report{position:fixed;bottom:18px;left:18px;width:min(360px,90vw);max-height:50vh;background:#141c30f0;color:#e6ebf5;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 12px 30px #00000073;font:12px/1.3 ui-monospace,monospace;z-index:200;display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.load-report-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.08);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#8a93ac}.load-report-header button{background:transparent;border:0;color:#8a93ac;cursor:pointer;font-size:18px;line-height:1;padding:0 4px}.load-report-header button:hover{color:#e6ebf5}.load-report-body{overflow:auto;padding:4px 0}.load-report-body table{width:100%;border-collapse:collapse}.load-report-body th,.load-report-body td{padding:4px 10px;text-align:left}.load-report-body th{font-size:10px;letter-spacing:.06em;color:#8a93ac;font-weight:500;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.08)}.load-report-body tr:nth-child(odd) td{background:#ffffff08}.load-report-body td:nth-child(2){text-align:right;color:#06d6a0;font-variant-numeric:tabular-nums;white-space:nowrap;width:90px}.load-report-body td.slow{color:#ef476f;font-weight:600}.load-report-body tfoot td{border-top:1px solid rgba(255,255,255,.12);font-weight:600;color:#ffd166;background:#ffd1660f}body.hud-hidden .load-report{display:none!important}.dbg-overlay{position:fixed;top:18px;right:18px;width:280px;max-height:calc(100vh - 36px);display:flex;flex-direction:column;background:#141c30eb;color:var(--text);border:1px solid rgba(255,255,255,.1);border-radius:8px;z-index:100;font:12px/1.3 ui-monospace,monospace;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 10px 30px #0006}.dbg-header{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#00000040;border-bottom:1px solid rgba(255,255,255,.08);border-radius:8px 8px 0 0;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.dbg-header button{background:transparent;border:0;color:var(--muted);cursor:pointer;font-size:16px}.dbg-header button:hover{color:var(--text)}.dbg-body{padding:8px 10px;display:flex;flex-direction:column;gap:6px;overflow-y:auto;overscroll-behavior:contain}.dbg-body::-webkit-scrollbar{width:6px}.dbg-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.dbg-body::-webkit-scrollbar-thumb:hover{background:#ffffff40}.dbg-row{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:8px}.dbg-row label{color:var(--muted);font-size:11px}.dbg-row select,.dbg-row input[type=range]{background:#00000059;color:var(--text);border:1px solid rgba(255,255,255,.1);border-radius:3px;padding:3px 6px;font:inherit;width:100%}.dbg-row input[type=checkbox]{width:auto}.dbg-row .dbg-val{color:var(--text);font-variant-numeric:tabular-nums}.dbg-windows{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:4px}.dbg-windows-title{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.dbg-win-btn{display:flex;align-items:center;gap:8px;text-align:left;background:#00000059;color:var(--text);border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:6px 8px;cursor:pointer;font:inherit}.dbg-win-btn:hover{background:#ffffff0f}.dbg-win-btn .dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.dbg-win-btn.on{border-color:var(--accent);color:var(--accent)}.dbg-win-btn.on .dot{background:var(--accent)}.fw{position:fixed;min-width:220px;min-height:80px;background:#141c30f0;color:var(--text);border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 12px 30px #00000073;font:12px/1.3 ui-monospace,monospace;display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.fw-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.08);cursor:grab;-webkit-user-select:none;user-select:none}.fw-header:active{cursor:grabbing}.fw-title{font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.fw-close{background:transparent;border:0;color:var(--muted);cursor:pointer;font-size:18px;line-height:1;padding:0 4px}.fw-close:hover{color:var(--text)}.fw-body{flex:1;padding:8px 10px;overflow:auto}.fw-resize{position:absolute;right:0;bottom:0;width:16px;height:16px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 0%,transparent 45%,rgba(255,255,255,.4) 45%,rgba(255,255,255,.4) 55%,transparent 55%,transparent 70%,rgba(255,255,255,.4) 70%,rgba(255,255,255,.4) 80%,transparent 80%);z-index:11000}.fw-resize:hover{background-color:#ffffff0d}.fw-header-actions{display:flex;align-items:center;gap:4px}.fw-header-actions button{background:transparent;border:0;color:var(--muted);cursor:pointer;padding:0 6px;font:inherit}.fw-header-actions button:hover{color:var(--text)}.fw-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-start;justify-content:center;z-index:10000;border-radius:0 0 8px 8px}.fw-modal{margin-top:0;background:#1e263cfa;border:1px solid rgba(255,255,255,.12);border-radius:0 0 8px 8px;padding:14px 16px;min-width:240px;box-shadow:0 10px 30px #00000080;animation:fwSheetIn .18s ease-out}@keyframes fwSheetIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.fw-modal h4{margin:0 0 8px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.fw-modal .fw-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:10px}.fw-modal input[type=text]{width:100%;background:#0006;color:var(--text);border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:6px 8px;font:inherit}.fw-modal button.action{background:#0006;color:var(--text);border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:4px 10px;cursor:pointer;font:inherit}.fw-modal button.action.primary{background:var(--accent);color:#111;border-color:var(--accent)}.anim-toolbar{display:flex;gap:6px;margin-bottom:8px}.anim-btn{background:#00000059;color:var(--text);border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:4px 10px;cursor:pointer;font:inherit}.anim-btn:hover{background:#ffffff0f}.anim-btn.primary{background:var(--accent);color:#111;border-color:var(--accent)}.anim-btn.ghost{background:transparent}.anim-btn.danger{color:var(--bad);border-color:#ef476f73}.anim-empty{color:var(--muted);font-style:italic;padding:6px 4px}.anim-list{display:flex;flex-direction:column;gap:4px}.anim-item{display:grid;grid-template-columns:1fr auto auto auto auto;gap:6px;align-items:center;padding:4px 6px;border-radius:4px;background:#ffffff08}.anim-item:hover{background:#ffffff0f}.anim-name{cursor:pointer;font-weight:600}.anim-meta{color:var(--muted);font-size:11px}.tl-root{display:flex;flex-direction:column;gap:6px;min-height:0;height:100%}.tl-palette{background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:6px 8px}.tl-palette-title{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.tl-palette-list{display:flex;flex-wrap:wrap;gap:4px}.tl-palette-item{padding:3px 8px;border-radius:3px;font-size:11px;color:#111;cursor:grab;-webkit-user-select:none;user-select:none}.tl-palette-item:active{cursor:grabbing}.tl-scroll{flex:1;overflow:auto;background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:4px}.tl{position:relative;padding:4px 0 8px}.tl-ruler{position:relative;height:22px;border-bottom:1px solid rgba(255,255,255,.12);cursor:col-resize}.tl-tick{position:absolute;top:0;width:1px;height:6px;background:#ffffff2e}.tl-tick.major{height:12px;background:#ffffff73}.tl-tick span{position:absolute;top:-2px;left:4px;font-size:9px;color:var(--muted);white-space:nowrap}.tl-anchor{position:absolute;top:0;bottom:-300px;width:0;border-left:1px dashed currentColor;z-index:1;pointer-events:none;opacity:.6}.tl-anchor span{position:absolute;top:-16px;left:4px;font-size:10px;padding:1px 4px;background:currentColor;color:#111;border-radius:2px;white-space:nowrap}.tl-cursor{position:absolute;top:0;bottom:-300px;width:0;border-left:2px solid #fff;z-index:4;pointer-events:none}.tl-cursor span{position:absolute;top:-16px;left:4px;font-size:10px;padding:1px 4px;background:#fff;color:#111;border-radius:2px}.tl-track{position:relative;height:40px;margin-top:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:3px}.tl-track-label{position:absolute;left:6px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:10px;pointer-events:none}.tl-step{position:absolute;height:40px;border-radius:4px;padding:4px 14px;color:#111;cursor:grab;overflow:hidden;box-shadow:0 1px #ffffff2e inset,0 -1px #00000040 inset;z-index:3}.tl-step:active{cursor:grabbing}.tl-step.selected{outline:2px solid #ffd166;outline-offset:-2px;box-shadow:0 0 0 2px #ffd1668c,0 0 14px #ffd1668c,0 1px #ffffff2e inset,0 -1px #00000040 inset;z-index:5}.tl-step .tl-step-label{display:block;font-weight:600;font-size:11px;white-space:nowrap}.tl-step .tl-step-meta{display:block;font-size:10px;opacity:.7}.tl-handle{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize}.tl-handle.left{left:0;background:#00000026}.tl-handle.right{right:0;background:#00000026}.tl-inspector{background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:8px 10px;display:grid;grid-template-columns:80px 1fr;gap:4px 8px;align-items:center}.tl-inspector h4{grid-column:1 / -1;margin:0 0 4px;font-size:11px;color:var(--muted)}.tl-inspector .ins-row{display:contents}.tl-inspector .ins-row label{color:var(--muted);font-size:11px}.tl-inspector input,.tl-inspector select{background:#0006;color:var(--text);border:1px solid rgba(255,255,255,.1);border-radius:3px;padding:2px 4px;font:inherit}.kb-table{width:100%;font-size:11px;border-collapse:collapse}.kb-table td{padding:3px 8px}.kb-table tr:nth-child(odd) td{background:#ffffff0a}.kb-table td:first-child{color:var(--accent);font-family:ui-monospace,monospace;white-space:nowrap}.seg-list{display:flex;flex-direction:column;gap:4px}.seg-row-header{margin-top:6px;padding-bottom:4px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center}.seg-row-actions{display:flex;gap:4px}.seg-add{background:#ffd1662e;color:var(--accent);border:1px solid rgba(255,209,102,.45);border-radius:3px;padding:2px 8px;cursor:pointer;font:inherit;letter-spacing:0;text-transform:none}.seg-add:hover{background:#ffd16647}.seg-add.ghost{background:transparent;color:var(--muted);border-color:#ffffff2e}.seg-add.ghost:hover{background:#ffffff0d;color:var(--text)}.seg-add:disabled{opacity:.4;cursor:not-allowed}.seg-row{display:grid;grid-template-columns:44px 50px 50px 1fr auto;gap:6px;align-items:center;padding:4px 6px;border-radius:4px;cursor:pointer}.seg-del{background:#0006;color:var(--bad);border:1px solid rgba(239,71,111,.4);border-radius:3px;padding:2px 8px;cursor:pointer;font:inherit}.seg-del:hover{background:#ef476f2e}.seg-del:disabled{opacity:.35;cursor:not-allowed}.seg-row:hover{background:#ffffff0a}.seg-row.selected{background:#ffd1661f;outline:1px solid rgba(255,209,102,.5)}.seg-row .seg-label{color:var(--muted);font-size:10px;letter-spacing:.05em;text-transform:uppercase}.seg-row input[type=number],.seg-row select{background:#00000059;color:var(--text);border:1px solid rgba(255,255,255,.1);border-radius:3px;padding:2px 4px;font:inherit;width:100%}.dbg-row.windows{grid-template-columns:90px auto auto;gap:6px}.dbg-row.windows .btn{background:#0006;border:1px solid rgba(255,255,255,.1);color:var(--text);border-radius:3px;padding:3px 8px;cursor:pointer;font:inherit}.dbg-row.windows .btn:hover{background:#ffffff0f}:root{--bg: #0a1428;--panel: #141c30;--panel2: #1e2a45;--line: #243155;--text: #e6ebf5;--muted: #8a93ac;--accent: #ffd166;--good: #06d6a0;--bad: #ef476f}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(ellipse at top,#1c2540,#0a1428 60%);color:var(--text);font:14px/1.4 -apple-system,system-ui,sans-serif;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit}.app{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a1428}.stage{position:fixed;top:0;left:0;width:100svw;height:100svh;overflow:hidden}.stage canvas{position:fixed!important;top:0;left:0;width:100svw!important;height:100svh!important;display:block}.hud,.hint,.shoot-btn,.debug-btn,.message{position:fixed!important}body.hud-hidden .hud,body.hud-hidden .hint,body.hud-hidden .shoot-btn,body.hud-hidden .debug-btn,body.hud-hidden .message,body.hud-hidden .dbg-overlay,body.hud-hidden .fw{display:none!important}.hud{position:absolute;top:14px;left:14px;display:flex;gap:8px;z-index:5;pointer-events:none}.hud .chip{background:#0000008c;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:6px 12px;font-size:12px;letter-spacing:.05em;color:var(--muted);text-transform:uppercase;display:flex;gap:8px;align-items:center}.hud .chip b{color:var(--text);font-size:16px}.hint{position:absolute;bottom:110px;left:50%;transform:translate(-50%);color:var(--muted);font-size:12px;letter-spacing:.04em;text-transform:uppercase;background:#0000008c;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:6px 14px;pointer-events:none;z-index:5;transition:opacity .2s}.shoot-btn{position:absolute;bottom:24px;left:50%;transform:translate(-50%);background:linear-gradient(180deg,#ffd166,#f7a325);color:#1a1a1a;border:0;border-radius:999px;padding:12px 36px;font-weight:700;font-size:16px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;box-shadow:0 6px 18px #00000073;z-index:5;transition:transform .12s}.shoot-btn:active{transform:translate(-50%) scale(.96)}.shoot-btn:disabled{opacity:.4;cursor:not-allowed}.debug-btn{position:absolute;top:14px;right:14px;background:#0000008c;border:1px solid rgba(255,255,255,.12);color:var(--muted);border-radius:14px;padding:6px 12px;font-size:12px;cursor:pointer;z-index:5}.debug-btn:hover{color:var(--text)}.message{position:absolute;top:36%;left:50%;transform:translate(-50%,-50%) scale(.9);z-index:11;font-family:Bangers,Arial Black,sans-serif;font-size:clamp(40px,12vw,72px);letter-spacing:.06em;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;white-space:nowrap;color:transparent}.message.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.message.gol{font-family:Luckiest Guy,Bangers,Arial Black,sans-serif;font-size:clamp(56px,16vw,110px);letter-spacing:.04em;text-shadow:0 0 0 #79ff9a,0 1px 0 #4fdb7a,0 2px 0 #41cc6c,0 3px 0 #34bc5f,0 4px 0 #28ac53,0 5px 0 #1d9a47,0 6px 0 #138239,0 8px 12px rgba(0,0,0,.55),0 18px 40px rgba(0,70,30,.55)}.message.pegou{text-shadow:0 0 0 #ffd166,0 1px 0 #e6b756,0 2px 0 #cc9d46,0 3px 0 #b38338,0 4px 0 #99692a,0 5px 0 #80501e,0 6px 0 #663915,0 8px 12px rgba(0,0,0,.55),0 18px 40px rgba(70,50,0,.55)}.message.fora{text-shadow:0 0 0 #ff6b78,0 1px 0 #e64f5e,0 2px 0 #d23e4d,0 3px 0 #bc2e3d,0 4px 0 #a4222f,0 5px 0 #8b1721,0 6px 0 #730e16,0 8px 12px rgba(0,0,0,.55),0 18px 40px rgba(80,10,15,.55)}body.cinematic .hud,body.cinematic .hint,body.cinematic .shoot-btn,body.cinematic .debug-btn{opacity:0;pointer-events:none;transition:opacity .25s ease-out}.editor-drawer{flex:1;height:100vh;display:flex;background:var(--panel);border-left:1px solid var(--line)}@media (max-width: 1100px){.editor-drawer{display:none}}button.btn{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:4px;padding:6px 12px;cursor:pointer}button.btn:hover{background:var(--line)}button.btn.primary{background:var(--accent);color:#111;border-color:var(--accent)}button.btn.good{background:var(--good);color:#111;border-color:var(--good)}button.btn.danger{color:var(--bad);border-color:var(--bad)}