.main-nav{background:linear-gradient(135deg, var(--primary-color) 0%, #1f82c0 100%);color:#fff;box-shadow:var(--shadow-lg);flex-direction:column;align-items:center;padding:1.5rem;display:flex}.main-nav>div:first-child{text-align:center}.nav-brand{color:#fff;font-size:1.8rem;font-weight:700;text-decoration:none;display:block}.nav-subtitle{opacity:.85;margin-top:.3rem;font-size:.85rem;font-weight:300}.nav-links{border-top:1px solid #fff3;align-items:center;gap:1rem;margin-top:.75rem;padding-top:.75rem;display:flex}.nav-links a{color:#ffffffe6;font-size:.9rem;font-weight:500;text-decoration:none}.nav-links a:hover{color:#fff;text-decoration:underline}.nav-user-link{align-items:center;gap:.3rem;display:flex}.nav-logout-btn{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:4px;padding:.3rem .8rem;font-size:.85rem}.nav-logout-btn:hover{background:#ffffff40;border-color:#ffffff80}.auth-container{flex:1;justify-content:center;align-items:flex-start;padding:3rem 1rem;display:flex}.auth-card,.profile-card{background:var(--bg-white);box-shadow:var(--shadow-lg);border-radius:8px;width:100%;max-width:400px;padding:2rem}.auth-card h2,.profile-card h2{text-align:center;margin-bottom:1.5rem;font-size:1.4rem}.auth-card form{flex-direction:column;gap:1rem;display:flex}.auth-card label{color:var(--text-light);flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}.auth-card input{border:1px solid var(--border-color);border-radius:4px;padding:.6rem .8rem;font-size:1rem}.auth-card input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #1a73e833}.auth-card button[type=submit]{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:4px;margin-top:.5rem;padding:.7rem;font-size:1rem;font-weight:600}.auth-card button[type=submit]:hover{background:#1f82c0}.auth-card button[type=submit]:disabled{opacity:.7;cursor:default}.auth-error{color:var(--danger-color);background:#fce8e6;border:1px solid #f5c6cb;border-radius:4px;padding:.6rem .8rem;font-size:.9rem}.auth-switch{text-align:center;color:var(--text-light);margin-top:1.5rem;font-size:.9rem}.auth-switch a{color:var(--primary-color);font-weight:500}.profile-card{text-align:center}.profile-avatar{border-radius:8px;max-width:100%;height:auto;margin-bottom:1rem}.kicktipp-sync-card{background:var(--bg-white);box-shadow:var(--shadow-lg);border-radius:8px;width:100%;max-width:400px;margin-top:1.5rem;padding:2rem}.kicktipp-sync-card h3{margin-bottom:.5rem;font-size:1.2rem}.sync-description{color:var(--text-light);margin-bottom:1.2rem;font-size:.9rem}.sync-credentials-saved{background:#e8f5e9;border-radius:4px;margin-bottom:1rem;padding:.8rem;font-size:.9rem}.sync-credentials-saved p{margin:0 0 .5rem}.sync-credentials-form{flex-direction:column;gap:.8rem;margin-bottom:1rem;display:flex}.sync-credentials-form label{color:var(--text-light);flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}.sync-credentials-form input{border:1px solid var(--border-color);border-radius:4px;padding:.6rem .8rem;font-size:1rem}.sync-credentials-form input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #1a73e833}.kicktipp-sync-btn{justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.7rem;display:flex}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.sync-error{color:var(--danger-color);background:#fce8e6;border:1px solid #f5c6cb;border-radius:4px;margin-top:.8rem;padding:.6rem .8rem;font-size:.85rem}.sync-progress{margin-top:1rem}.progress-bar{background:#e0e0e0;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-fill{background:var(--primary-color);border-radius:4px;height:100%;transition:width .3s}.progress-text{color:var(--text-light);text-align:center;margin-top:.4rem;font-size:.8rem;display:block}.sync-result{background:#e8f5e9;border-radius:4px;margin-top:1rem;padding:1rem;font-size:.9rem}.sync-success{color:#2e7d32;margin:0;font-weight:500}.sync-warning{color:#e65100;margin:.5rem 0 0;font-size:.85rem}.sync-errors{margin-top:.8rem;font-size:.8rem}.sync-errors summary{cursor:pointer;color:var(--text-light);font-weight:500}.sync-errors ul{margin:.4rem 0 0;padding-left:1.2rem}.sync-errors li{color:var(--danger-color);margin-bottom:.2rem}.btn-ghost{border:1px solid var(--border-color);color:var(--text-light);cursor:pointer;background:0 0;border-radius:4px;padding:.3rem .8rem;font-size:.85rem}.btn-ghost:hover{border-color:var(--primary-color);color:var(--primary-color)}.fixture-card{background:var(--bg-white);border:1px solid var(--border-color);box-shadow:var(--shadow);border-radius:8px;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;transition:all .2s;display:flex;position:relative}.fixture-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.fixture-card.finished{opacity:.7}.fixture-time{align-items:baseline;gap:.75rem;display:flex}.fixture-time .date{color:var(--text-light);text-transform:uppercase;font-size:.8rem;font-weight:500}.fixture-time .time{color:var(--text-dark);font-size:.95rem;font-weight:700}.fixture-time .group-badge{background:var(--primary-color);color:#fff;border-radius:10px;margin-left:auto;padding:.15rem .5rem;font-size:.68rem;font-weight:600}.fixture-time .saved-indicator{color:#16a34a;font-size:.7rem;font-weight:600;animation:2s ease-in-out fadeInOut}.fixture-time .error-indicator{color:#dc2626;font-size:.7rem;font-weight:600;animation:3s ease-in-out fadeInOut}@keyframes fadeInOut{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.spinbox-v.locked{opacity:.4;pointer-events:none}.spinbox-v.locked button{cursor:not-allowed}.fixture-match{justify-content:center;align-items:center;gap:.6rem;width:100%;display:flex}.team-name{color:var(--text-dark);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:1rem;font-weight:600;overflow:hidden}.team-name:first-child{text-align:right}.team-name:last-child{text-align:left}.spinbox-v{flex-direction:column;align-items:center;display:inline-flex}.spinbox-v button{border:1px solid var(--border-color);width:32px;height:22px;color:var(--text-dark);cursor:pointer;-webkit-user-select:none;user-select:none;background:#f1f3f4;justify-content:center;align-items:center;font-size:.75rem;line-height:1;transition:background .15s;display:flex}.spinbox-v button:hover{background:#d0d4da}.spinbox-v button:active{background:#b0b4ba}.spinbox-v .spin-up{border-bottom:none;border-radius:6px 6px 0 0}.spinbox-v .spin-down{border-top:none;border-radius:0 0 6px 6px}.spinbox-v input{text-align:center;border:1px solid var(--border-color);width:32px;height:36px;color:var(--text-dark);-webkit-user-select:none;user-select:none;caret-color:#0000;background:#fff;border-top:none;border-bottom:none;outline:none;font-size:1.3rem;font-weight:700}.vs{color:var(--text-light);text-transform:uppercase;margin:0 .25rem;font-size:.8rem;font-weight:500}.final-goals{color:var(--secondary-color);text-align:center;min-width:2rem;font-size:1.3rem;font-weight:700}.result-badge{background:var(--text-dark);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:10px;padding:.25rem .6rem;font-size:.7rem;font-weight:600}.knockout-hint{color:var(--text-light);text-align:center;font-size:.7rem;font-style:italic}.penalty-detail{color:var(--text-light);text-align:center;font-size:.72rem;font-weight:600}@media (width<=768px){.fixture-card{gap:.6rem;padding:1rem}.fixture-match{gap:.4rem}.team-name{font-size:.85rem}.spinbox-v button{width:30px;height:20px;font-size:.7rem}.spinbox-v input{width:30px;height:34px;font-size:1.15rem}.vs{margin:0 .15rem;font-size:.7rem}}.fixture-list{flex-direction:column;gap:1rem;display:flex}@media (width<=768px){.fixture-list{gap:.75rem}}:root{--primary-color:#1a73e8;--secondary-color:#34a853;--danger-color:#d33b27;--warning-color:#fbbc04;--text-dark:#202124;--text-light:#5f6368;--border-color:#dadce0;--bg-light:#f8f9fa;--bg-white:#fff;--shadow:0 1px 3px #0000001a;--shadow-lg:0 4px 12px #00000026}.kicktipp-only{opacity:.55}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-light);color:var(--text-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}html,body,#root{width:100%;height:100%}.app{flex-direction:column;min-height:100vh;display:flex}.sub-nav{background:var(--bg-white);border-bottom:1px solid var(--border-color);justify-content:center;gap:.5rem;padding:.75rem 1rem;display:flex}.sub-nav button{color:var(--text-light);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:.5rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s}.sub-nav button:hover{color:var(--primary-color)}.sub-nav button.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.filter-nav{background:var(--bg-white);border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:center;gap:.5rem;padding:1rem;display:flex;overflow-x:auto}.filter-nav button{border:2px solid var(--border-color);background:var(--bg-white);color:var(--text-dark);cursor:pointer;white-space:nowrap;border-radius:20px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;transition:all .2s}.filter-nav button:hover{border-color:var(--primary-color);color:var(--primary-color)}.filter-nav button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.container{flex:1;width:100%;max-width:900px;margin:0 auto;padding:2rem 1rem}.container h2{color:var(--text-dark);margin-bottom:1.5rem;font-size:1.5rem}.group-section{margin-bottom:3rem}.group-section h3{color:var(--text-dark);border-bottom:2px solid var(--border-color);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.2rem}.footer{background:var(--text-dark);color:#fff;text-align:center;margin-top:auto;padding:2rem 1rem}.footer p{opacity:.8;font-size:.9rem}@media (width<=768px){.header h1{font-size:1.8rem}.header p{font-size:.9rem}.container{padding:1rem}.filter-nav{justify-content:flex-start}}.points-badge{background:var(--warning-color);color:#1a1a1a;border-radius:10px;margin-left:auto;padding:.15rem .5rem;font-size:.75rem;font-weight:700}.points-badge.potential{color:#1f82c0;background:#e3f2fd;border:1px dashed #1f82c0}.live-badge{color:#fff;background:#dc2626;border-radius:10px;margin-left:.25rem;padding:.15rem .5rem;font-size:.7rem;font-weight:700;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.results-card.live{background:#fff5f5;border-left:3px solid #dc2626}.results-card.live .live-score{color:#dc2626}.live-note{color:#dc2626;font-size:.7rem;font-style:italic;font-weight:400}.result-badge.live-result{background:#dc2626;animation:1.5s ease-in-out infinite pulse}.prediction-result{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.prediction-label{color:var(--text-light)}.prediction-goals{color:var(--text-dark);font-weight:700}.prediction-points{color:var(--secondary-color);margin-left:.5rem;font-weight:600}:root{--live-red:#dc2626;--provisional:#1f82c0}.avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:600;display:flex}.provisional-note{color:var(--provisional);margin-top:-.5rem;margin-bottom:1.5rem;font-size:.75rem}@media (width<=640px){.avatar{width:28px;height:28px;font-size:.65rem}}.match-cards{flex-direction:column;gap:.75rem;display:flex}.empty-state{background:var(--bg-white);text-align:center;color:var(--text-light);box-shadow:var(--shadow);border-radius:12px;padding:3rem 2rem}.empty-state p{margin-top:.5rem;font-size:1rem}.pagination{justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.pagination button{border:2px solid var(--border-color);background:var(--bg-white);color:var(--text-dark);cursor:pointer;border-radius:20px;padding:.5rem 1.2rem;font-size:.9rem;font-weight:500;transition:all .2s}.pagination button:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.scoring-toggle-bar{justify-content:flex-end;align-items:center;gap:.75rem;padding:0 0 1rem;display:flex}.scoring-toggle-bar .scoring-label{color:var(--text-light);font-size:.9rem;font-weight:600}.scoring-toggle-bar button{border:2px solid var(--border-color);background:var(--bg-white);color:var(--text-dark);cursor:pointer;border-radius:20px;padding:.5rem 1.2rem;font-size:.9rem;font-weight:500;transition:all .2s}.scoring-toggle-bar button:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.scoring-toggle-bar button:active:not(:disabled){background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:scale(.96)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination button:active:not(:disabled){background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:scale(.96)}.pagination .page-info{color:var(--text-light);font-size:.9rem;font-weight:500}.match-card{background:var(--bg-white);box-shadow:var(--shadow);border-radius:12px;overflow:hidden}.match-card.live{border-left:4px solid var(--live-red)}.match-card.finished{border-left:4px solid var(--border-color)}.match-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.85rem 1rem;display:flex}.match-header-left{flex:1;min-width:0}.match-date-row{color:var(--text-light);align-items:center;gap:.5rem;margin-bottom:.35rem;font-size:.75rem;display:flex}.match-group-badge{background:var(--bg-light);color:var(--text-light);border-radius:4px;padding:.1rem .4rem;font-size:.65rem;font-weight:600}.match-day-tag{color:var(--primary-color);background:#e8f0fe;border-radius:4px;padding:.1rem .4rem;font-size:.65rem;font-weight:700}.match-teams-row{align-items:center;gap:.6rem;font-size:1rem;display:flex}.match-teams-row .team{font-weight:600}.match-teams-row .score{font-variant-numeric:tabular-nums;background:var(--bg-light);border-radius:6px;padding:.1rem .5rem;font-size:1.1rem;font-weight:800}.match-teams-row .score.live{color:var(--live-red);background:#fef2f2}.match-teams-row .score.pending{color:var(--text-light);background:var(--bg-light)}.match-teams-row .vs{color:var(--text-light);font-size:.8rem}.penalty-detail{color:var(--text-light);margin-top:.25rem;font-size:.72rem;font-weight:600}.match-header-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.status-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:12px;align-items:center;padding:.25rem .6rem;font-size:.7rem;font-weight:700;display:inline-flex}.status-badge.finished{color:var(--text-light);background:#e8eaed}.status-badge.live{background:var(--live-red);color:#fff;animation:1.5s ease-in-out infinite pulse}.match-body{border-top:1px solid var(--border-color);background:var(--bg-light);padding:.4rem .75rem .6rem}.preds-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.3rem;font-size:.65rem;font-weight:500}.pred-list{flex-direction:column;gap:.15rem;display:flex}.pred-row{border-radius:4px;grid-template-columns:20px minmax(0,1fr) 3.5rem 2.5rem;align-items:center;gap:.6rem;padding:.25rem .4rem;display:grid}.pred-row.me-row{background:#e3f2fd;font-weight:600}.pred-row .pred-avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.55rem;font-weight:600;display:flex}.pred-row .pred-name{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:400;overflow:hidden}.pred-row .pred-score{font-variant-numeric:tabular-nums;text-align:center;font-size:.85rem;font-weight:600}.pred-row .pred-points{text-align:center;border-radius:8px;justify-self:start;padding:.1rem .4rem;font-size:.7rem;font-weight:600}.pred-points.exact{color:#b06000;background:#fef7e0}.pred-points.diff{color:#137333;background:#e6f4ea}.pred-points.winner{color:#174ea6;background:#e8f0fe}.pred-points.zero{color:var(--text-light);background:#f1f3f4}.pred-points.provisional{border:1px dashed var(--provisional)}.pred-row.no-pred .pred-score{color:var(--text-light)}@media (width<=640px){.match-header{padding:.7rem .85rem}.match-teams-row{gap:.4rem;font-size:.9rem}.match-teams-row .score{padding:.1rem .4rem;font-size:1rem}.match-group-badge{display:none}.pred-row{gap:.4rem;padding:.2rem .3rem}}.rt-table{--rt-rank-w:min(1.8rem, 28.8px);--rt-avatar-w:32px;--rt-total-w:min(3.2rem, 51.2px);--rt-col-w:2.8rem;--rt-gap:.5rem;margin-bottom:.5rem}.rt-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.rt-list{background:var(--bg-white);box-shadow:var(--shadow);border-radius:12px;min-width:max-content;overflow:visible}.rt-header{align-items:center;gap:var(--rt-gap);background:var(--primary-color);color:#fff;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;--rt-row-bg:var(--primary-color);border-radius:12px 12px 0 0;padding:.4rem .75rem;font-size:.65rem;font-weight:600;display:grid}.rt-header>div{text-align:center;text-overflow:ellipsis;overflow:hidden}.rt-header .rt-h-player{text-align:left}.rt-header .rt-h-total{text-align:right}.rt-header .rt-h-rank{z-index:3;background:var(--rt-row-bg);box-shadow:var(--rt-gap) 0 0 var(--rt-gap) var(--rt-row-bg);position:sticky;left:0}.rt-header .rt-h-avatar{left:calc(var(--rt-rank-w) + var(--rt-gap));z-index:3;background:var(--rt-row-bg);box-shadow:var(--rt-gap) 0 0 var(--rt-gap) var(--rt-row-bg);position:sticky}.rt-header .rt-h-player{left:calc(var(--rt-rank-w) + var(--rt-avatar-w) + 2 * var(--rt-gap));z-index:3;background:var(--rt-row-bg);box-shadow:var(--rt-gap) 0 0 var(--rt-gap) var(--rt-row-bg);position:sticky}.rt-header .rt-h-total{z-index:3;background:var(--rt-row-bg);box-shadow:calc(var(--rt-gap) * -1) 0 0 var(--rt-gap) var(--rt-row-bg);position:sticky;right:0}.rt-header .rt-h-bonus{right:calc(var(--rt-total-w) + var(--rt-gap));z-index:3;background:var(--rt-row-bg);box-shadow:calc(var(--rt-gap) * -1) 0 0 var(--rt-gap) var(--rt-row-bg);position:sticky}.rt-row{align-items:center;gap:var(--rt-gap);border-bottom:1px solid var(--border-color);white-space:nowrap;--rt-row-bg:var(--bg-white);padding:.45rem .75rem;transition:background .15s;display:grid}.rt-row:last-child{border-bottom:none;border-radius:0 0 12px 12px}.rt-row:hover{--rt-row-bg:#f1f3f4;background:#f1f3f4}.rt-row.me{--rt-row-bg:#e3f2fd;background:#e3f2fd;font-weight:600}.rt-row .rt-rank{z-index:2;background:var(--rt-row-bg);box-shadow:var(--rt-gap) 0 0 var(--rt-gap) var(--rt-row-bg);position:sticky;left:0}.rt-row .rt-avatar-cell{left:calc(var(--rt-rank-w) + var(--rt-gap));z-index:2;background:var(--rt-row-bg);box-shadow:var(--rt-gap) 0 0 var(--rt-gap) var(--rt-row-bg);justify-content:center;align-items:center;display:flex;position:sticky}.rt-row .rt-player{left:calc(var(--rt-rank-w) + var(--rt-avatar-w) + 2 * var(--rt-gap));z-index:2;background:var(--rt-row-bg);box-shadow:var(--rt-gap) 0 0 var(--rt-gap) var(--rt-row-bg);position:sticky}.rt-row .rt-total{z-index:2;background:var(--rt-row-bg);box-shadow:calc(var(--rt-gap) * -1) 0 0 var(--rt-gap) var(--rt-row-bg);position:sticky;right:0}.rt-row .rt-bonus-col{right:calc(var(--rt-total-w) + var(--rt-gap));z-index:2;background:var(--rt-row-bg);box-shadow:calc(var(--rt-gap) * -1) 0 0 var(--rt-gap) var(--rt-row-bg);position:sticky}.rt-cell{font-variant-numeric:tabular-nums;text-overflow:ellipsis;overflow:hidden}.rt-rank{color:var(--text-light);text-align:center;font-size:.95rem;font-weight:600}.rt-row.me .rt-rank{color:var(--primary-color)}.rt-row .avatar{width:32px;height:32px;font-size:.75rem}.rt-player{color:var(--text-dark);font-size:.88rem;font-weight:400}.rt-score{text-align:center;color:var(--text-light);font-size:.85rem;font-weight:400}.rt-score.has-points{color:var(--text-dark)}.rt-score.pending{color:var(--border-color)}.rt-total{text-align:right;font-size:1rem;font-weight:700}.provisional-mark{color:var(--provisional);font-weight:700}@media (width<=640px){.rt-table{--rt-avatar-w:28px;--rt-gap:.2rem;--rt-col-w:2.2rem;--rt-bonus-w:2.2rem;--rt-total-w:2.2rem}.rt-header{gap:var(--rt-gap);--rt-player-w:minmax(3rem, 4.5rem);padding:.4rem .6rem;font-size:.58rem}.rt-row{gap:var(--rt-gap);--rt-player-w:minmax(3rem, 4.5rem);padding:.5rem .6rem}.rt-row .avatar{width:28px;height:28px;font-size:.65rem}.rt-rank{font-size:.85rem}.rt-player{font-size:.82rem}.rt-score{font-size:.78rem}.rt-total{font-size:.9rem}}:root{--eval-me-color:#d33b27;--eval-palette-1:#1a73e8;--eval-palette-2:#34a853}.eval-page{width:100%;max-width:1200px;margin:0 auto;padding:2rem 1rem 5rem}.eval-page h1{margin:0 0 .25rem;font-size:1.6rem}.eval-subtitle{color:var(--text-light);margin:0 0 1.5rem;font-size:.95rem}.eval-scoring-bar{justify-content:flex-end;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.eval-scoring-bar .eval-label{color:var(--text-light);margin-right:.5rem;font-family:SF Mono,Menlo,Consolas,monospace;font-size:.85rem;font-weight:600}.eval-scoring-bar button{border:2px solid var(--border-color);background:var(--bg-white);cursor:pointer;border-radius:20px;padding:.4rem 1rem;font-size:.9rem;font-weight:600;transition:all .15s}.eval-scoring-bar button:hover{border-color:var(--primary-color);color:var(--primary-color)}.eval-scoring-bar button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.eval-summary-strip{grid-template-columns:repeat(5,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}.eval-stat-pill{background:var(--bg-white);border:1px solid var(--border-color);box-shadow:var(--shadow);border-radius:10px;padding:.75rem 1rem}.eval-stat-pill .label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-light);font-size:.7rem}.eval-stat-pill .value{margin-top:.15rem;font-size:1.35rem;font-weight:700}.eval-stat-pill .sub{color:var(--text-light);font-size:.8rem}.eval-section{margin-top:2.5rem}.eval-section h2{border-bottom:2px solid var(--border-color);margin:0 0 .25rem;padding-bottom:.35rem;font-size:1.15rem}.eval-section .desc{color:var(--text-light);margin:0 0 1rem;font-size:.85rem}.eval-grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.eval-card{background:var(--bg-white);border:1px solid var(--border-color);box-shadow:var(--shadow);border-radius:12px;padding:1rem}.eval-card h3{margin:0 0 .5rem;font-size:.95rem}.eval-card .muted{color:var(--text-light);font-size:.8rem}.eval-chart{width:100%;height:360px}.eval-chart.tall{height:560px}.eval-chart.short{height:260px}.eval-story-grid{grid-template-columns:1fr 1fr 1fr;gap:1rem;display:grid}.eval-story-card{background:var(--bg-white);border:1px solid var(--border-color);box-shadow:var(--shadow);border-radius:12px;padding:1rem 1.25rem}.eval-story-card .label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-light);font-size:.7rem}.eval-story-card .value{margin:.15rem 0;font-size:1.6rem;font-weight:700}.eval-story-card .detail{color:var(--text-dark);font-size:.85rem}.eval-story-card .accent{color:var(--primary-color);font-weight:600}.eval-stage-tag{color:#444;background:#eef;border-radius:6px;margin-left:.35rem;padding:.1rem .35rem;font-size:.65rem;font-weight:600}.eval-nemesis{grid-template-columns:1.1fr 1fr;gap:1rem;display:grid}.eval-nemesis .hero{align-items:center;gap:1rem;display:flex}.eval-nemesis .avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.1rem;font-weight:700;display:flex}.eval-nemesis .name{font-size:1.2rem;font-weight:700}.eval-nemesis .tagline{color:var(--text-light);margin-top:.15rem;font-size:.85rem}.eval-nemesis .distance{color:var(--primary-color);font-size:1.8rem;font-weight:700}.eval-rivals-list{margin:0;padding:0;list-style:none}.eval-rivals-list li{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:.5rem 0;font-size:.85rem;display:flex}.eval-rivals-list li:last-child{border-bottom:0}.eval-rivals-list .count{color:var(--primary-color);font-weight:700}.eval-rivals-list .dir{color:var(--text-light);margin-right:.25rem;font-size:.7rem}.eval-src-tag{color:#666;vertical-align:middle;background:#eef;border-radius:8px;margin-left:.35rem;padding:.1rem .35rem;font-size:.65rem;font-weight:600}.eval-src-tag.linked{color:#188038;background:#e6f4ea}.eval-src-tag.vibecup{color:#1a73e8;background:#e8f0fe}.eval-awards{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.eval-award{background:var(--bg-white);border:1px solid var(--border-color);box-shadow:var(--shadow);text-align:center;border-top:4px solid var(--warning-color);border-radius:12px;padding:1rem}.eval-award .emoji{font-size:1.6rem}.eval-award .name{color:var(--text-dark);margin:.25rem 0;font-size:.85rem;font-weight:700}.eval-award .winner{color:var(--primary-color);font-size:1.05rem;font-weight:800}.eval-award .value{color:var(--secondary-color);margin-top:.1rem;font-size:.9rem;font-weight:600}.eval-award .desc{color:var(--text-light);margin-top:.25rem;font-size:.7rem}.eval-podium{grid-template-columns:1fr 1fr 1fr;align-items:end;gap:1rem;display:grid}.eval-podium .step{background:var(--bg-white);border:1px solid var(--border-color);text-align:center;box-shadow:var(--shadow);border-radius:12px;padding:1.25rem}.eval-podium .step.r1{border-top:6px solid #c9a227;padding-top:1.5rem}.eval-podium .step.r2{border-top:6px solid #888;padding-top:1.25rem}.eval-podium .step.r3{border-top:6px solid #cd7f32;padding-top:1.25rem}.eval-podium .place{font-size:2.2rem;font-weight:800}.eval-podium .name{margin:.25rem 0;font-size:1.15rem;font-weight:700}.eval-podium .total{color:var(--secondary-color);font-size:1.5rem;font-weight:800}.eval-podium .meta{color:var(--text-light);font-size:.75rem}.eval-chart-toggle{gap:.25rem;margin-bottom:.5rem;display:flex}.eval-chart-toggle button{border:1px solid var(--border-color);background:var(--bg-white);cursor:pointer;border-radius:16px;padding:.3rem .8rem;font-size:.8rem;transition:all .15s}.eval-chart-toggle button:hover{border-color:var(--primary-color);color:var(--primary-color)}.eval-chart-toggle button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.eval-placeholder{background:var(--bg-white);text-align:center;color:var(--text-light);box-shadow:var(--shadow);border:1px solid var(--border-color);border-radius:12px;padding:3rem 2rem}.eval-placeholder p{margin-top:.5rem;font-size:1rem}.eval-error-card{text-align:center;color:#dc2626;background:#fff5f5;border:1px solid #dc2626;border-left-width:4px;border-radius:12px;padding:1.5rem;font-weight:600}@media (width<=880px){.eval-grid-2,.eval-nemesis,.eval-story-grid,.eval-podium{grid-template-columns:1fr}.eval-summary-strip,.eval-awards{grid-template-columns:1fr 1fr}}@media (width<=520px){.eval-awards{grid-template-columns:1fr}}