:root{--brand: #302088;--brand-2: #0000a0;--brand-deep: #0a0a3a;--gold: #f4c430;--gold-soft: #ffe9a8;--bg: #0a0a2e;--bg-2: #161048;--panel: rgba(255, 255, 255, .055);--panel-strong: rgba(255, 255, 255, .09);--panel-border: rgba(255, 255, 255, .14);--accent: #4334b8;--accent-2: var(--gold);--text: #eef1fb;--muted: #a9b0d8;--ok: #44d07b;--err: #ff6f6f}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;color:var(--text);background:var(--bg-2);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-2;background:radial-gradient(closest-side at 20% 20%,rgba(67,52,184,.55),transparent 70%),radial-gradient(closest-side at 85% 15%,rgba(0,0,160,.45),transparent 70%),radial-gradient(closest-side at 75% 85%,rgba(244,196,48,.16),transparent 70%),radial-gradient(closest-side at 15% 90%,rgba(48,32,136,.5),transparent 70%),linear-gradient(160deg,var(--bg),var(--brand-deep));background-size:200% 200%;animation:auroraShift 22s ease-in-out infinite;filter:saturate(1.05)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:radial-gradient(circle at 50% 0%,rgba(255,255,255,.05),transparent 45%),repeating-linear-gradient(90deg,transparent,transparent 38px,rgba(255,255,255,.02) 39px,transparent 40px);pointer-events:none}@keyframes auroraShift{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}a{color:var(--gold)}.container{max-width:1100px;margin:0 auto;padding:24px;position:relative;z-index:1}.app-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:url(/assets/fun/copa-mundo.jpeg);background-repeat:no-repeat;background-position:right -60px bottom -40px;background-size:min(42vw,460px);opacity:.07;filter:saturate(.9) blur(1px);-webkit-mask-image:radial-gradient(closest-side at 80% 80%,#000,transparent);mask-image:radial-gradient(closest-side at 80% 80%,#000,transparent)}.sound-toggle{position:fixed;right:18px;bottom:18px;z-index:5;width:44px;height:44px;border-radius:50%;border:1px solid var(--panel-border);background:#0a0a2e99;color:#fff;font-size:18px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .1s ease,background .2s ease}.sound-toggle:hover{background:#302088cc;transform:scale(1.06)}.page-header{display:flex;align-items:center;gap:16px;margin-bottom:10px}.page-accent{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);box-shadow:0 4px 14px #f4c4304d;flex:0 0 auto}.navbar{display:flex;align-items:center;gap:14px;padding:12px 24px;background:linear-gradient(90deg,#0a0a2ee6,#3020888c);border-bottom:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20;box-shadow:0 6px 24px #00000059}.navbar .brand-lockup{display:flex;align-items:center;gap:12px}.navbar .brand-divider{width:1px;height:26px;background:var(--panel-border)}.navbar .brand-title{font-weight:800;letter-spacing:.3px;line-height:1.05}.navbar .brand-title small{display:block;font-size:11px;font-weight:600;color:var(--gold);letter-spacing:1.5px;text-transform:uppercase}.navbar nav{display:flex;gap:6px;margin-left:auto;align-items:center}.navbar nav a{color:var(--muted);text-decoration:none;font-weight:600;font-size:14px;padding:7px 12px;border-radius:999px;transition:all .2s ease}.navbar nav a.active{color:#fff;background:#ffffff1a}.navbar nav a:hover{color:#fff}.navbar .user-chip{color:var(--muted);font-size:13px;padding-left:6px}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 10px 30px #00000040}.btn{background:linear-gradient(135deg,var(--accent),var(--brand-2));color:#fff;border:none;padding:11px 20px;border-radius:10px;font-weight:700;cursor:pointer;transition:transform .08s ease,box-shadow .2s ease,filter .2s ease;box-shadow:0 6px 18px #00005059}.btn:hover{filter:brightness(1.12);box-shadow:0 8px 24px #00007873}.btn:active{transform:scale(.98)}.btn.gold{background:linear-gradient(135deg,#ffe27a,var(--gold) 55%,#d99a17);color:#3a2a00;box-shadow:0 6px 20px #f4c43066}.btn:disabled{opacity:.5;cursor:not-allowed;filter:none}.input,select{width:100%;padding:11px 13px;border-radius:10px;border:1px solid var(--panel-border);background:#00000047;color:var(--text);transition:border-color .2s ease,box-shadow .2s ease}.input:focus,select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #f4c4302e}.field{margin-bottom:14px}.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.center-screen{display:grid;place-items:center;min-height:100vh;padding:24px;position:relative}.auth-box{width:100%;max-width:430px;position:relative;z-index:2}.auth-logo{display:flex;justify-content:center;margin-bottom:14px}.auth-screen{overflow:hidden}.auth-bg-video{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.auth-bg-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(closest-side at 50% 50%,#0a0a2e73,#0a0a2ec7),linear-gradient(160deg,#0a0a2eb3,#0a0a3ad1);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.title-xl{font-size:28px;font-weight:800;margin:0 0 4px}.subtitle{color:var(--muted);margin:0 0 20px}.msg-ok{color:var(--ok)}.msg-err{color:var(--err)}.fixture-day{margin-bottom:20px}.fixture-day-title{display:flex;align-items:baseline;gap:12px;margin:0 0 10px;font-size:15px;font-weight:700;color:var(--gold);border-bottom:1px solid var(--panel-border);padding-bottom:6px}.fixture-day-title .cap:first-letter{text-transform:uppercase}.fixture-day-count{font-size:12px;font-weight:600;color:var(--muted);margin-left:auto}.fixture-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.mc{padding:12px 14px;border-left:3px solid transparent;transition:border-color .2s ease}.mc:hover{border-left-color:var(--gold)}.mc-meta{font-size:11.5px;color:var(--muted);display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:8px}.mc-time{color:var(--text);font-weight:700}.mc-venue{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.locked-badge{font-size:10.5px;color:var(--gold);border:1px solid var(--gold);padding:0 6px;border-radius:999px}.mc-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.mc-team{font-weight:700;font-size:13.5px;line-height:1.15}.mc-team.right{text-align:right}.mc-score{display:flex;align-items:center;gap:6px}.mc-score input{width:42px;text-align:center;font-weight:800;font-size:15px;padding:7px 4px}.mc-score span{color:var(--gold);font-weight:800}.mc-actions{display:flex;align-items:center;gap:10px;margin-top:10px}.mc-bonus-toggle{background:none;border:none;color:var(--muted);cursor:pointer;font-weight:600;font-size:12px;padding:0}.mc-bonus-toggle:hover{color:var(--gold)}.mc-status{font-size:12px}.mc-save{margin-left:auto;padding:7px 14px;font-size:13px}.bonus-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.bonus-row .field{margin:0}.bonus-row .field label{font-size:11px}.bonus-row .field input{padding:7px 8px}.grid-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.ranking-table{width:100%;border-collapse:collapse}.ranking-table th,.ranking-table td{padding:11px 12px;border-bottom:1px solid var(--panel-border);text-align:left}.ranking-table th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.ranking-table td.num,.ranking-table th.num{text-align:center}.ranking-table tr.me{background:#f4c43021}.rank-medal{font-size:17px}.bonus-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.bonus-row .field{flex:1 1 120px;margin:0}.phase-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.phase-tab{padding:8px 15px;border-radius:999px;border:1px solid var(--panel-border);background:var(--panel);cursor:pointer;color:var(--muted);font-weight:600;transition:all .2s ease}.phase-tab.active{background:linear-gradient(135deg,var(--accent),var(--brand-2));color:#fff;border-color:transparent}.phase-tab.locked{opacity:.45;cursor:not-allowed}.brand-footer{display:flex;align-items:center;justify-content:center;gap:10px;padding:22px;margin-top:24px;color:var(--muted);font-size:13px;border-top:1px solid var(--panel-border)}.brand-footer strong{color:var(--text)}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;overflow:hidden}.confetti i{position:absolute;top:-12px;width:9px;height:14px;border-radius:2px;animation:confettiFall linear forwards}@keyframes confettiFall{to{transform:translateY(108vh) rotate(720deg);opacity:.9}}@media (max-width: 700px){.fixture-grid{grid-template-columns:1fr}}