:root{--brand:#0f172a;--radius:14px;--bg:#0b1120;--card:#111a2e;--surface-2:#1e293b;--field:#0b1120;--border:#1f2a44;--border-strong:#334155;--text:#e5e7eb;--muted:#94a3b8;--strong:#fff;--link:#93c5fd;--accent:#22c55e;--on-accent:#052e16;--error:#f87171;--backdrop:rgba(2,6,23,.8);--ok-bg:#14532d;--ok-fg:#86efac;--bad-bg:#7f1d1d;--bad-fg:#fecaca;--warn-bg:#78350f;--warn-fg:#fde68a;--danger-border:#7f1d1d;--danger-fg:#fca5a5;color-scheme:dark}:root[data-theme=light]{--bg:#f1f5f9;--card:#fff;--surface-2:#e2e8f0;--field:#fff;--border:#e2e8f0;--border-strong:#cbd5e1;--text:#0f172a;--muted:#64748b;--strong:#0f172a;--link:#2563eb;--accent:#16a34a;--on-accent:#fff;--error:#dc2626;--backdrop:rgba(15,23,42,.55);--ok-bg:#dcfce7;--ok-fg:#166534;--bad-bg:#fee2e2;--bad-fg:#991b1b;--warn-bg:#fef3c7;--warn-fg:#92400e;--danger-border:#fca5a5;--danger-fg:#b91c1c;color-scheme:light}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}.page{max-width:640px;margin:0 auto;min-height:100vh}.header,.page{display:flex;flex-direction:column}.header-image{width:100%;height:auto;max-height:60vh;object-fit:cover}.arena-bar{background:var(--brand);color:#fff;padding:12px 76px;display:flex;align-items:center;justify-content:center;gap:10px;position:relative}.arena-bar .theme-switch{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.arena-bar h1{margin:0;font-size:18px}.arena-logo{height:32px;width:auto}.filters{display:flex;gap:8px;padding:12px 16px;overflow-x:auto;position:-webkit-sticky;position:sticky;top:0;background:var(--bg);z-index:1}.chip{border:1px solid var(--border-strong);background:transparent;color:var(--text);border-radius:999px;padding:8px 16px;font-size:15px;white-space:nowrap}.chip.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.list{padding:8px 16px 24px;display:flex;flex-direction:column;gap:16px;flex:1 1}.notice{color:var(--muted);text-align:center;padding:32px 8px}.card{background:var(--card);border-radius:var(--radius);overflow:hidden}.placeholder,.poster,.video{width:100%;aspect-ratio:16/9;display:block;background:#000}.card.vertical .poster,.card.vertical .video{aspect-ratio:9/16;width:min(100%,calc(75vh * 9 / 16));margin:0 auto}.poster{position:relative;border:0;padding:0;cursor:pointer}.poster img{width:100%;height:100%;object-fit:cover}.play{position:absolute;inset:0;margin:auto;width:64px;height:64px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:26px;display:grid;place-items:center}.duration{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.7);color:#fff;font-size:12px;padding:2px 6px;border-radius:4px}.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted);background:var(--surface-2);text-align:center;padding:16px}.spinner{width:32px;height:32px;border-radius:50%;border:3px solid var(--border-strong);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.meta{display:flex;justify-content:space-between;align-items:baseline;padding:12px 14px 4px;gap:8px}.meta span{color:var(--muted);font-size:14px}.actions{display:flex;gap:8px;padding:10px 14px 14px}.btn{flex:1 1;text-align:center;text-decoration:none;font-size:15px;font-weight:600;padding:11px 8px;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn:disabled{opacity:.6}.footer{color:var(--muted);font-size:12px;padding:16px}.empty,.footer{text-align:center}.empty{min-height:100vh;display:grid;place-content:center;padding:16px}.badge-preview{position:absolute;left:8px;top:8px;background:rgba(0,0,0,.7);color:#fde68a;font-size:12px;font-weight:600;padding:2px 8px;border-radius:4px;text-transform:uppercase}.modal-backdrop{position:fixed;inset:0;background:var(--backdrop);z-index:10;display:flex;align-items:flex-end;justify-content:center}.modal{position:relative;background:var(--card);width:100%;max-width:480px;max-height:92vh;overflow-y:auto;border-radius:18px 18px 0 0;padding:20px 18px 28px}@media (min-width:640px){.modal-backdrop{align-items:center}.modal{border-radius:18px}}.modal-close{position:absolute;right:10px;top:8px;background:none;border:0;color:var(--muted);font-size:28px;line-height:1}.form{display:flex;flex-direction:column;gap:12px}.form h2{margin:0;font-size:20px}.form label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted)}.form input{background:var(--field);border:1px solid var(--border-strong);color:var(--text);border-radius:10px;padding:12px;font-size:16px}.form label.check{flex-direction:row;align-items:flex-start;gap:10px;font-size:13px}.form label.check input{width:20px;height:20px;flex:none;margin-top:2px}.form .btn{flex:none;padding:14px;font-size:16px}.muted{color:var(--muted)}.small{font-size:13px}.error{color:var(--error);margin:0}.pix-qr{width:240px;height:240px;margin:4px auto;background:#fff;padding:8px;border-radius:12px}.small-spinner{display:inline-block;width:12px;height:12px;border-width:2px;vertical-align:-2px}.theme-switch{display:inline-flex;align-items:center;flex:none;width:52px;height:28px;padding:3px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface-2);cursor:pointer;position:relative}.theme-switch .knob{width:22px;height:22px;border-radius:50%;background:var(--card);box-shadow:0 1px 3px rgba(0,0,0,.35);display:grid;place-items:center;font-size:13px;line-height:1;transition:transform .2s ease}.theme-switch[aria-checked=true] .knob{transform:translateX(24px)}.theme-float{position:fixed;top:12px;right:12px;z-index:5}