:root{--bg: #0e1117;--bg-elevated: #161a23;--bg-card: #1b202b;--border: #2a3040;--text: #e8eaed;--text-muted: #8b93a7;--accent: #22c55e;--accent-dark: #16a34a;--danger: #ef4444;--danger-dark: #dc2626;--row-alt: #1a1f29;--row-hover: #232a38}*{box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}nav{display:flex;align-items:center;gap:1.5rem;padding:.9rem 1.5rem;background:var(--bg-elevated);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.brand{font-weight:800;font-size:1.1rem;letter-spacing:.02em;color:var(--text);text-decoration:none;margin-right:.5rem}.brand span{color:var(--accent)}nav a.nav-link{color:var(--text-muted);text-decoration:none;font-weight:600;font-size:.92rem;padding:.3rem 0;border-bottom:2px solid transparent}nav a.nav-link:hover,nav a.nav-link.active{color:var(--text);border-bottom-color:var(--accent)}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-auth-slot{margin-left:auto}.auth-controls{display:flex;align-items:center;gap:.75rem;color:var(--text-muted);font-size:.85rem}.user-menu{position:relative}.user-menu-trigger,.user-menu-backdrop{display:none}.user-menu-email{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.google-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;padding:0;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border)}.google-icon-btn:hover{border-color:var(--accent);filter:none}.google-signin-btn{display:inline-flex;align-items:center;gap:.65rem;background:#fff;color:#3c4043;border:1px solid var(--border);border-radius:6px;padding:.55rem 1.1rem;font-weight:600;font-size:.88rem}.auth-hint{color:var(--text-muted);font-size:.8rem;font-style:italic}main{padding:1.75rem 1.5rem 3rem;max-width:960px;margin:0 auto}h1{font-size:1.4rem;margin:0 0 .25rem}.page-subtitle{color:var(--text-muted);font-size:.9rem;margin:0 0 1.25rem}.page-title-row{display:flex;align-items:center;gap:.5rem;margin:0 0 1.25rem}.page-title-row h1{margin:0}.info-btn{display:inline-flex;align-items:center;justify-content:center;width:1.05rem;height:1.05rem;padding:0;border-radius:999px;background:transparent;border:1px solid var(--text-muted);color:var(--text-muted);font-size:.6rem;font-weight:700;font-style:italic;font-family:Georgia,Times New Roman,serif;line-height:1;flex-shrink:0}.info-btn:hover{border-color:var(--accent);color:var(--accent);filter:none}.error{color:var(--danger);background:#ef44441a;border:1px solid rgba(239,68,68,.35);padding:.6rem .9rem;border-radius:6px;font-size:.9rem}.table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:.88rem}thead th{background:var(--bg-elevated);color:var(--text-muted);text-transform:uppercase;font-size:.72rem;letter-spacing:.04em;font-weight:700;text-align:right;padding:.65rem .85rem;border-bottom:1px solid var(--border)}thead th:first-child,thead th:nth-child(2){text-align:left}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.sortable-th:hover{color:var(--text)}.sortable-th-inner{display:inline-flex;align-items:center;gap:.3rem}.sort-arrow{display:inline-flex;align-items:center;font-size:.7em;opacity:.5}.sort-arrow.active{opacity:1;color:var(--accent)}tbody td{padding:.6rem .85rem;text-align:right;border-bottom:1px solid var(--border);white-space:nowrap}tbody td:first-child,tbody td:nth-child(2){text-align:left}tbody tr:nth-child(odd){background:var(--row-alt)}tbody tr:hover{background:var(--row-hover)}tbody tr:last-child td{border-bottom:none}.team-group-row td{background:var(--bg-elevated);color:var(--text-muted);text-transform:uppercase;font-size:.7rem;letter-spacing:.04em;font-weight:700;text-align:left;padding:.4rem .85rem}.team-group-row:hover td{background:var(--bg-elevated)}.clickable-row{cursor:pointer}.editing-row td{background:#22c55e1f}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:5px;background:var(--bg-elevated);color:var(--text-muted);font-weight:700;font-size:.78rem}tbody tr:nth-child(1) .rank-badge{background:var(--accent);color:#06210f}.player-cell{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%}.form-wrap{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.recent-form{display:inline-flex;gap:.15rem}.form-letter{display:inline-block;width:.95rem;text-align:center;font-weight:800;font-size:.72rem}.form-G{color:var(--accent)}.form-E{color:var(--text)}.form-P{color:var(--danger)}.streak-arrow{width:1.5rem;height:1.5rem;flex-shrink:0;transform-origin:50% 50%}.player-name{display:flex;flex-direction:column;line-height:1.25;white-space:normal}.nickname-row{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem .5rem}.nickname-row .tag{margin-left:0}.player-name strong{color:var(--text)}.player-name small{color:var(--text-muted);font-size:.76rem}.score{font-weight:800;font-size:1.05rem;color:var(--text)}.empty-row td{text-align:center;color:var(--text-muted);padding:1.5rem}.match-watch-meta{margin-bottom:.9rem}.video-wrap{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--bg-elevated);border-radius:10px;overflow:hidden;margin-bottom:1.25rem}.video-wrap iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.comments-title{margin:0 0 .75rem;font-size:1rem;color:var(--text)}.comment-list{list-style:none;margin:0 0 1.25rem;padding:0;display:flex;flex-direction:column;gap:.75rem}.comment-item{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.7rem 2.2rem .7rem .9rem}.comment-delete{position:absolute;top:.5rem;right:.5rem;width:1.6rem;height:1.6rem;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:999px;color:var(--text-muted);font-size:.75rem;line-height:1}.comment-meta{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;margin-bottom:.3rem}.comment-meta strong{color:var(--text)}.comment-date{color:var(--text-muted);font-size:.76rem}.comment-body{margin:0;white-space:pre-wrap;word-break:break-word;color:var(--text);line-height:1.4}.comment-timestamp{background:none;border:none;padding:0;color:var(--accent);font-weight:700;cursor:pointer;text-decoration:underline;font-size:inherit}.comment-timestamp-static{cursor:default;text-decoration:none}.comment-form{display:flex;flex-direction:column;gap:.9rem}.cols-expand-btn{display:none}form{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:1.1rem 1.25rem 1.25rem;margin-bottom:1.5rem}form h2{margin:0 0 .9rem;font-size:1rem;color:var(--text)}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:.9rem}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.9rem}.filter-input{flex:1;max-width:320px}.filter-total{color:var(--text-muted);font-size:.85rem;white-space:nowrap}.filter-total strong{color:var(--text)}.field{display:flex;flex-direction:column;gap:.3rem;min-width:0}.field label{font-size:.76rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-weight:600}input,select,textarea{width:100%;min-width:0;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.5rem .65rem;font-size:.9rem;font-family:inherit}textarea{resize:vertical;min-height:4.5rem}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}.checkbox-field{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-muted);margin-bottom:1rem;cursor:pointer}.checkbox-field input[type=checkbox]{width:auto;accent-color:var(--accent)}button{background:var(--accent);color:#06210f;border:none;border-radius:6px;padding:.55rem 1.1rem;font-weight:700;font-size:.88rem;cursor:pointer;transition:filter .15s ease}.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.form-actions-secondary{display:flex;gap:.5rem}button:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed}button.secondary{background:transparent;border:1px solid var(--border);color:var(--text)}button.danger{background:transparent;border:1px solid var(--danger);color:var(--danger)}button.danger-solid{background:var(--danger);color:#fff}@media (hover: hover) and (pointer: fine){button:hover{filter:brightness(1.08)}button.secondary:hover{border-color:var(--accent);color:var(--accent);filter:none}button.danger:hover{background:var(--danger);color:#fff;filter:none}.comment-delete:hover{border-color:var(--danger);color:var(--danger);filter:none}button.danger-solid:hover{background:var(--danger-dark);filter:none}.google-signin-btn:hover{box-shadow:0 1px 3px #00000059;filter:none}}.team-toggle{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden}.team-toggle button{background:transparent;color:var(--text-muted);border:none;border-radius:0;padding:.35rem .85rem;font-size:.78rem;font-weight:700}.team-toggle button.active-a{background:#3b82f6;color:#fff}.team-toggle button.active-b{background:#f97316;color:#fff}.team-toggle button:not(.active-a):not(.active-b):hover{color:var(--text);filter:none}.goals-input{width:3.5rem;text-align:center}.match-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1rem}.tabs{display:flex;flex-wrap:wrap;gap:.25rem;border-bottom:1px solid var(--border);margin-bottom:1.25rem}.tab-btn{display:inline-flex;align-items:center;background:transparent;color:var(--text-muted);border:none;border-radius:0;padding:.6rem 1rem;font-weight:700;font-size:.88rem;border-bottom:2px solid transparent;margin-bottom:-1px;text-decoration:none;cursor:pointer}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}@media (hover: hover) and (pointer: fine){.tab-btn:hover{color:var(--text);filter:none}}.tab-explainer{color:var(--text-muted);font-size:.85rem;line-height:1.5;margin:0 0 1rem}.tab-explainer strong{color:var(--text)}.tag{display:inline-block;margin-left:.5rem;padding:.1rem .5rem;border-radius:999px;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;vertical-align:middle}.tag-gold{background:var(--accent);color:#06210f}.tag-muted{background:var(--border);color:var(--text-muted)}.tag-team-a{background:#3b82f6;color:#fff;margin-left:.6rem}.tag-team-b{background:#f97316;color:#fff;margin-left:.6rem}.team-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.25rem}.team-column{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:1rem 1.1rem}.team-column h3{margin:0 0 .75rem;font-size:.95rem;display:flex;align-items:center}.team-player-chip{display:flex;justify-content:space-between;align-items:center;padding:.5rem .6rem;border-radius:6px;cursor:pointer;font-size:.88rem}.team-player-chip:hover{background:var(--row-hover)}.team-player-strength{color:var(--text-muted);font-size:.78rem;font-variant-numeric:tabular-nums}.tag-beneficio{background:var(--accent);color:#06210f}.tag-perjuicio{background:var(--danger);color:#fff}.tag-rare{background:#0b0b0d;color:#facc15;border:1px solid #facc15}.power-cell{display:inline-flex;align-items:center;gap:.5rem}.power-cell-label{display:inline-block;min-width:150px}.power-actions,.row-actions{display:flex;gap:.4rem;justify-content:flex-end;align-items:stretch;flex-wrap:wrap}.power-actions select,.power-actions button,.row-actions button{height:2.2rem;padding-top:0;padding-bottom:0;font-size:.82rem;line-height:1;white-space:nowrap}.power-actions select{max-width:150px}.row-menu{position:relative}.row-menu-trigger,.row-menu-backdrop{display:none}.power-reveal{display:flex;align-items:center;gap:.9rem;margin-top:1rem;padding:.9rem 1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px}.power-reveal-icon{font-size:1.8rem;line-height:1}.power-reveal-rare{background:#0b0b0d;border-color:#facc15}.power-reveal-icon-rare{filter:drop-shadow(0 0 6px rgba(250,204,21,.9))}.power-reveal-spinning .power-reveal-icon{animation:power-spin .5s linear infinite}@keyframes power-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wheel-row{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap}.wheel-outer{position:relative;width:min(260px,78vw);margin:.5rem 0 0;display:flex;justify-content:center}.wheel-pointer{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:18px solid var(--text);z-index:2;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}.wheel-wrap{position:relative;width:100%;aspect-ratio:1 / 1;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.wheel-wrap.wheel-dragging{cursor:grabbing}.wheel-wrap.wheel-disabled{opacity:.45;pointer-events:none}.wheel-svg{width:100%;height:100%;display:block;filter:drop-shadow(0 4px 14px rgba(0,0,0,.45));transition:filter .15s ease}.wheel-wrap.wheel-suspense{animation:wheel-shudder .5s ease-in-out}@keyframes wheel-shudder{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(2px)}60%{transform:translate(-2px)}80%{transform:translate(1px)}}.wheel-wrap.wheel-jump .wheel-svg{filter:drop-shadow(0 4px 14px rgba(0,0,0,.45)) drop-shadow(0 0 16px rgba(250,204,21,.85))}.wheel-pointer-suspense{animation:wheel-pointer-pulse .5s ease-in-out infinite}@keyframes wheel-pointer-pulse{0%,to{filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}50%{filter:drop-shadow(0 0 8px rgba(250,204,21,.9))}}.wheel-hub-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.1rem;pointer-events:none}.slot-lever{display:flex;flex-direction:column;align-items:center;margin-top:.5rem}.lever-mount{position:relative;width:84px;height:158px}.lever-mount:after{content:"";position:absolute;bottom:-4px;left:50%;width:52px;height:10px;margin-left:-26px;background:radial-gradient(ellipse at center,rgba(0,0,0,.45),transparent 70%)}.lever-base{position:absolute;bottom:0;left:50%;width:66px;height:28px;margin-left:-33px;border-radius:8px;background:linear-gradient(180deg,var(--bg-elevated),var(--bg-card));border:1px solid var(--border);box-shadow:0 3px 8px #0000008c,inset 0 1px #ffffff0f;z-index:1}.lever-base:before,.lever-base:after{content:"";position:absolute;top:50%;width:5px;height:5px;border-radius:50%;background:#0b0e14;box-shadow:0 0 0 1px #ffffff0f;transform:translateY(-50%)}.lever-base:before{left:9px}.lever-base:after{right:9px}.lever-arm{position:absolute;bottom:14px;left:50%;width:11px;height:112px;margin-left:-5.5px;border-radius:6px;background:linear-gradient(90deg,#4b5563,#d1d5db 32%,#9ca3af 52%,#374151);border:1px solid #1f2937;box-shadow:0 2px 5px #00000073;transform-origin:50% 100%;cursor:grab;touch-action:none;z-index:2}.lever-arm:active{cursor:grabbing}.lever-knob{position:absolute;top:-19px;left:50%;width:38px;height:38px;margin-left:-19px;border-radius:50%;background:radial-gradient(circle at 32% 26%,#ff9c9c,#dc2626 55%,#7f1d1d);border:2px solid #7f1d1d;box-shadow:0 3px 7px #0000008c,inset -4px -4px 8px #00000059,inset 3px 3px 5px #ffffff47}.slot-lever-locked .lever-arm{cursor:not-allowed;filter:grayscale(.55);opacity:.65}.slot-lever-locked .lever-knob{filter:grayscale(.4)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.modal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:1.25rem 1.4rem;max-width:420px;width:100%}.modal-card-header{display:flex;align-items:center;gap:.75rem}@media (max-width: 640px){.page-title-row{flex-wrap:wrap}.filter-row{flex-direction:column;align-items:stretch}.filter-total{text-align:right}.filter-input{max-width:none}nav{display:grid;grid-template-columns:1fr auto;grid-template-areas:"brand auth" "links links";align-items:center;gap:.7rem 1rem;padding:.75rem 1rem}.brand{grid-area:brand;margin-right:0}.nav-links{grid-area:links;flex-wrap:wrap;gap:.5rem 1rem;padding-top:.6rem;border-top:1px solid var(--border)}nav a.nav-link{font-size:.85rem}.nav-auth-slot{grid-area:auth;margin-left:0}.user-menu-trigger{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);font-weight:700;font-size:.85rem}.user-menu-panel{display:none;position:absolute;top:calc(100% + .6rem);right:0;flex-direction:column;align-items:stretch;gap:.6rem;width:max-content;max-width:70vw;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.75rem;box-shadow:0 10px 24px #00000073;z-index:30}.user-menu-panel.open{display:flex}.user-menu-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20}main{padding:1.25rem .9rem 2.5rem}h1{font-size:1.2rem}form{padding:.9rem 1rem 1rem}.field-grid,.match-meta-grid{grid-template-columns:1fr;gap:.6rem}.player-name{max-width:108px}table{font-size:.8rem}thead th,tbody td{padding:.5rem}thead th:first-child,tbody td:first-child{width:1px;padding-left:.4rem;padding-right:.3rem}.rank-badge{width:1.3rem;height:1.3rem;font-size:.66rem}.power-cell-label{min-width:0}.power-actions,.row-actions{flex-direction:column;align-items:stretch}.power-actions select,.power-actions button,.row-actions button{width:100%;max-width:none;height:2.4rem}.hide-mobile{display:none}.cols-expand-btn{display:inline-block;margin-bottom:.75rem}.col-collapsible{display:none}.table-wrap.cols-expanded .col-collapsible{display:table-cell}.row-menu-trigger{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;padding:0;border-radius:6px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);font-size:1rem;line-height:1}.power-actions.row-menu-panel,.row-actions.row-menu-panel{display:flex;position:fixed;width:max-content;min-width:175px;max-width:70vw;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.6rem;box-shadow:0 10px 24px #00000073;z-index:30}.row-menu-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20}.btn-block-mobile{width:100%}.form-actions{flex-direction:column;align-items:stretch}.form-actions-secondary button{flex:1}.modal-card{padding:1rem 1.1rem}.team-columns{grid-template-columns:1fr}}