:root{--bg: #16110f;--surface: #201814;--surface-2: #2a1f19;--border: #3a2c24;--text: #f6efe7;--muted: #a08d80;--dim: #6f5e53;--accent: #de3b2b;--gold: #e8a33d;--ok: #63a375;--radius: 4px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.45 Manrope,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font:inherit;color:inherit;cursor:pointer}a{color:var(--gold)}a:hover{color:var(--accent)}.display{font-family:Anton,Arial Narrow,sans-serif;font-weight:400;letter-spacing:.01em}.app{max-width:620px;margin:0 auto;padding:0 20px calc(100px + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;padding:calc(20px + env(safe-area-inset-top)) 0 14px;background:linear-gradient(var(--bg) 74%,transparent)}.topbar h1{font-size:19px;font-weight:800;margin:0;flex:1;min-width:0}.back{border:none;background:var(--surface-2);border-radius:var(--radius);width:36px;height:36px;display:grid;place-items:center;flex-shrink:0}.section{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:26px 0 10px}.section:first-of-type{margin-top:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:10px}.row{display:flex;align-items:center;gap:12px}.col{display:flex;flex-direction:column;gap:10px}.spread{justify-content:space-between}.grow{flex:1;min-width:0}.muted{color:var(--muted);font-size:13px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{text-align:center;color:var(--muted);padding:42px 20px;font-size:15px}.hidden-input{display:none}.btn{border:1px solid var(--border);background:var(--surface-2);border-radius:var(--radius);padding:0 18px;min-height:54px;font-weight:700;font-size:16px;width:100%;display:flex;align-items:center;justify-content:center;gap:9px}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff6ef;font-weight:800}.btn.ghost{background:transparent}.btn.sm{min-height:40px;padding:0 14px;font-size:13.5px;width:auto}.btn:disabled{opacity:.45;cursor:not-allowed}.input{width:100%;min-height:54px;padding:0 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit}.input::placeholder{color:var(--dim)}.input:focus{outline:none;border-color:var(--gold)}input[type=date].input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-top:0;padding-bottom:0}.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:4px;margin-bottom:14px}.tab{border:none;background:transparent;border-radius:3px;min-height:42px;font-weight:700;font-size:15px;color:var(--muted)}.tab[data-active=true]{background:var(--accent);color:#fff6ef;font-weight:800}.chips{display:flex;gap:7px;overflow-x:auto;padding-bottom:4px;margin-bottom:14px}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--border);background:transparent;border-radius:999px;min-height:34px;padding:0 14px;font-size:13px;font-weight:600;white-space:nowrap;color:var(--muted)}.chip[data-active=true]{background:var(--text);color:var(--bg);border-color:var(--text);font-weight:800}.guirnalda{display:block;width:100%;height:46px;margin:calc(env(safe-area-inset-top) + 12px) 0 14px}.hero{font-size:56px;line-height:.88;text-transform:uppercase;margin:0 0 10px}.kicker{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--gold);margin-bottom:10px}.kicker:before{content:"";width:26px;height:3px;background:var(--accent);flex-shrink:0}.field-label{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.avatar{width:44px;height:44px;border-radius:999px;object-fit:cover;background:var(--surface-2);flex-shrink:0}.avatar.lg{width:92px;height:92px}.avatar-fallback{display:grid;place-items:center;font-weight:800;color:var(--gold);background:var(--surface-2)}.period-strip{display:flex;flex-direction:column;gap:2px;margin-bottom:12px;padding:11px 14px;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:var(--radius)}.period-strip strong{font-size:15px}.rank-pos{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border-radius:3px;font-family:Anton,Arial Narrow,sans-serif;font-size:18px;background:var(--surface-2);border:1px solid var(--border);color:var(--dim)}.rank-pos[data-medal="1"]{background:linear-gradient(150deg,#f5c560,#e8a33d 52%,#b47a22);border-color:transparent;color:#2a1a05}.rank-pos[data-medal="2"]{background:linear-gradient(150deg,#e4e8ee,#b9c0ca 52%,#838c99);border-color:transparent;color:#20242a}.rank-pos[data-medal="3"]{background:linear-gradient(150deg,#dfa070,#c87f4a 52%,#8e5528);border-color:transparent;color:#2a1608}.card[data-leader=true]{background:#24190f;border-color:var(--gold)}.points{font-family:Anton,Arial Narrow,sans-serif;font-size:27px;line-height:1}.points[data-negative=true]{color:var(--accent)}.yo{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--gold)}.code{font-family:Anton,Arial Narrow,sans-serif;font-size:22px;letter-spacing:.22em;color:var(--gold)}.code-cells{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.group-card{border-left:3px solid var(--accent)}.photo{width:100%;border-radius:3px;display:block;aspect-ratio:1;object-fit:cover;background:var(--surface-2)}.badge{font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:999px;border:1px solid var(--border);color:var(--text);display:inline-flex;align-items:center;gap:6px}.badge-icon{width:17px;height:17px;object-fit:contain}.badge .pts{font-family:Anton,Arial Narrow,sans-serif;font-size:15px;color:var(--gold)}.badge.danger{border-color:transparent;background:#de3b2b29;color:var(--accent)}.badge.ok{border-color:transparent;background:#63a37529;color:#8fc49e}.dot{width:6px;height:6px;border-radius:50%;background:currentColor}.meter{width:118px;height:4px;border-radius:2px;background:var(--border);overflow:hidden}.meter>i{display:block;height:4px;background:var(--accent)}.step{display:flex;align-items:baseline;gap:9px;margin:22px 0 10px}.step:first-of-type{margin-top:8px}.step-n{font-family:Anton,Arial Narrow,sans-serif;font-size:17px;color:var(--accent)}.step-label{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.grid-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cat{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);padding:12px 6px;text-align:center}.cat[data-active=true]{border-color:var(--accent);background:#de3b2b24}.cat:first-child{grid-column:1 / -1;padding:18px 12px}.cat:first-child .cat-icon{width:76px;height:76px;margin-bottom:10px}.cat:first-child .label{font-size:18px}.cat:first-child .cat-points{font-size:19px}.cat-icon{width:46px;height:46px;display:block;margin:0 auto 7px;object-fit:contain}.cat .label{font-weight:700;font-size:13px;display:block}.cat-points{font-family:Anton,Arial Narrow,sans-serif;font-size:14px;color:var(--dim);margin-top:2px}.cat[data-active=true] .cat-points{color:var(--accent)}.dropzone{border:1px dashed var(--border);border-radius:var(--radius);background:#1b1512;padding:30px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.dropzone-ring{width:62px;height:62px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;color:var(--gold)}.fab{position:fixed;left:50%;transform:translate(-50%);bottom:calc(22px + env(safe-area-inset-bottom));z-index:20;width:min(calc(100% - 40px),580px);border:none;background:var(--accent);color:#fff6ef;border-radius:var(--radius);min-height:58px;font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 14px 34px #00000080}.error{background:#de3b2b24;border:1px solid rgba(222,59,43,.42);color:#ffb9ae;border-radius:var(--radius);padding:11px 13px;font-size:14px;margin-bottom:12px}.aviso{display:flex;flex-direction:column;gap:8px;padding:14px 16px;margin-bottom:14px;border:1px solid var(--gold);border-radius:14px;background:#ffffff0a}.aviso strong{font-size:15px}.aviso .muted{font-size:13px;line-height:1.4}.linkish{background:none;border:0;padding:0;font:inherit;color:var(--gold);text-decoration:underline;cursor:pointer}.link-instalar{display:block;width:100%;background:none;border:0;padding:14px 0 4px;font-size:13px;font-weight:600;color:var(--muted);text-align:center;text-decoration:underline;text-underline-offset:3px}.link-instalar:hover{color:var(--gold)}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#000000b8;display:flex;align-items:flex-end;justify-content:center;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.modal{width:100%;max-width:420px;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px 18px 18px;box-shadow:0 22px 60px #0009}@media (min-width: 560px){.modal-fondo{align-items:center}}.modal-cerrar{background:none;border:0;padding:0 4px;font-size:26px;line-height:1;color:var(--muted)}.modal-cerrar:hover{color:var(--text)}.paso-cuerpo{display:flex;flex-direction:column;gap:8px;min-height:132px}.pasos-puntos{display:flex;gap:5px}.pasos-puntos>i{flex:1;height:3px;border-radius:2px;background:var(--border)}.pasos-puntos>i[data-activo=true]{background:var(--accent)}