*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0d0e14}#root{width:100%;min-height:100vh}img{max-width:100%}.app{color:#e2e4f0;background:#0d0e14;min-height:100vh;font-family:Segoe UI,system-ui,sans-serif}.app-nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background:#0d0e14e6;border-bottom:1px solid #1e2030;justify-content:center;gap:8px;padding:14px 24px;display:flex;position:sticky;top:0}.nav-link{color:#6b7280;letter-spacing:.3px;border-radius:8px;padding:8px 20px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.nav-link:hover{color:#e2e4f0;background:#1a1b25}.nav-link.active{color:#fff;background:#1e2235}.quiz-score{color:#6b7280;margin:0;font-family:Inter,sans-serif;font-size:.9rem}.quiz-main{flex-direction:column;align-items:center;gap:16px;padding:20px 16px 32px;display:flex}.quiz-card-wrapper{width:min(180px,45vw)}.quiz-mystery{flex-direction:column;align-items:center;gap:12px;display:flex}.quiz-mystery-photo{aspect-ratio:2/3;border:2px solid var(--team-color);width:100%;box-shadow:0 0 32px color-mix(in srgb, var(--team-color) 30%, transparent);border-radius:12px;position:relative;overflow:hidden}.quiz-mystery-photo img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.quiz-mystery-overlay{display:none}.quiz-mystery-label{color:#6b7280;letter-spacing:.5px;font-family:Inter,sans-serif;font-size:.8rem}.quiz-reveal{flex-direction:column;align-items:center;gap:8px;animation:.35s cubic-bezier(.34,1.56,.64,1) cardIn;display:flex}.quiz-reveal .player-card{width:100%}.quiz-team-name{color:#6b7280;font-family:Inter,sans-serif;font-size:.75rem}.quiz-options{flex-direction:column;gap:8px;width:min(420px,100%);display:flex}.quiz-option{color:#e2e4f0;letter-spacing:1.2px;cursor:pointer;text-align:left;background:#151720;border:1px solid #2e3044;border-radius:10px;justify-content:center;align-items:center;gap:12px;width:100%;padding:11px 16px;font-family:Bebas Neue,sans-serif;font-size:1rem;transition:background .15s,border-color .15s,transform .1s;display:flex}.quiz-option:hover:not(:disabled){background:#1e2235;border-color:#4b5263;transform:translate(3px)}.quiz-option--correct{color:#4ade80!important;background:#22c55e1f!important;border-color:#22c55e!important}.quiz-option--wrong{color:#f87171!important;background:#ef44441f!important;border-color:#ef4444!important}.quiz-option--dim{opacity:.35}.quiz-option-logo{object-fit:contain;filter:drop-shadow(0 1px 3px #00000080);flex-shrink:0;width:28px;height:28px}.quiz-option-pseudo{flex:1}.quiz-feedback{flex-direction:column;align-items:center;gap:10px;animation:.3s cardIn;display:flex}.quiz-feedback-text{font-family:Inter,sans-serif;font-size:.85rem;font-weight:600}.quiz-feedback-text.correct{color:#4ade80}.quiz-feedback-text.wrong{color:#f87171}.quiz-replay{letter-spacing:1.5px;color:#fff;cursor:pointer;background:#7c85ff;border:none;border-radius:10px;padding:11px 32px;font-family:Bebas Neue,sans-serif;font-size:1rem;transition:background .15s,transform .1s}.quiz-replay:hover{background:#6470f5;transform:translateY(-2px)}.quiz-replay:active{transform:translateY(0)}.quiz-team-photo-frame{aspect-ratio:2/2.2;border:2px solid var(--team-color);width:100%;box-shadow:0 0 24px color-mix(in srgb, var(--team-color) 25%, transparent);border-radius:12px;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.quiz-team-photo-img{object-fit:cover;object-position:top center;width:100%;height:120%;display:block}.quiz-team-photo-label{background:linear-gradient(#0000,#0d0e14f2);flex-direction:column;align-items:center;padding:8px 10px;display:flex;position:absolute;bottom:0;left:0;right:0}.quiz-team-photo-pseudo{letter-spacing:1.5px;color:#fff;font-family:Bebas Neue,sans-serif;font-size:1.1rem;line-height:1.1}.quiz-team-photo-realname{color:#9ca3af;font-family:Inter,sans-serif;font-size:.65rem}.quiz-team-options{flex-wrap:wrap;justify-content:center;gap:8px;width:min(480px,100%);display:flex}.quiz-team-option{cursor:pointer;background:#151720;border:1px solid #2e3044;border-radius:12px;flex-direction:column;flex:0 0 80px;justify-content:center;align-items:center;gap:6px;padding:10px 8px;transition:background .15s,border-color .15s,transform .1s;display:flex}.quiz-team-option:hover:not(:disabled){border-color:color-mix(in srgb, var(--team-color) 60%, transparent);background:#1e2235;transform:translateY(-2px)}.quiz-team-option--correct{background:#22c55e1f!important;border-color:#22c55e!important}.quiz-team-option--wrong{background:#ef44441f!important;border-color:#ef4444!important}.quiz-team-option--dim{opacity:.35}.quiz-team-option-logo{object-fit:contain;filter:drop-shadow(0 2px 4px #00000080);width:40px;height:40px}.quiz-team-option-name{color:#9ca3af;text-align:center;font-family:Inter,sans-serif;font-size:.7rem;line-height:1.2}.app-header{text-align:center;border-bottom:1px solid #1e2030;padding:20px 24px 16px}.app-header h1{letter-spacing:-.3px;color:#fff;margin:0 0 4px;font-size:1.5rem;font-weight:700}.app-header h1 span{color:#7c85ff}.app-header p{color:#6b7280;margin:0;font-size:.8rem}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@keyframes backdropOut{0%{opacity:1}to{opacity:0}}@keyframes cardIn{0%{opacity:0;transform:scale(.7)translateY(24px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes cardOut{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.7)translateY(24px)}}.modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:100;background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.25s backdropIn;display:flex;position:fixed;inset:0}.modal-backdrop.closing{animation:.28s forwards backdropOut}.modal-card{border:1px solid color-mix(in srgb, var(--team-color) 40%, transparent);background:#151720;border-radius:16px;width:min(360px,100%);animation:.3s cubic-bezier(.34,1.56,.64,1) cardIn;position:relative;overflow:hidden;box-shadow:0 24px 64px #0009,0 0 0 1px #ffffff0a}.modal-card.closing{animation:.28s cubic-bezier(.4,0,1,1) forwards cardOut}.modal-top-bar{background:var(--team-color);height:4px}.modal-header{justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.modal-team-info{align-items:center;gap:10px;display:flex}.modal-team-logo{object-fit:contain;filter:drop-shadow(0 2px 4px #00000080);width:36px;height:36px}.modal-team-nom{color:#e2e4f0;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;line-height:1.2;display:block}.modal-team-tag{color:var(--team-color);letter-spacing:1px;text-transform:uppercase;font-family:Inter,sans-serif;font-size:.7rem;font-weight:700;display:block}.modal-role{flex-direction:column;align-items:center;gap:4px;display:flex}.modal-role-icon{object-fit:contain;opacity:.9;width:28px;height:28px}.modal-role-label{color:#6b7280;text-transform:uppercase;letter-spacing:.8px;font-family:Inter,sans-serif;font-size:.65rem}.modal-photo{aspect-ratio:3/4;width:100%;overflow:hidden}.modal-photo img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.modal-footer{background:linear-gradient(#151720,#0f1018);border-top:1px solid #ffffff0d;flex-direction:column;align-items:center;gap:4px;padding:16px 20px 20px;display:flex}.modal-pseudo{letter-spacing:2px;color:#fff;font-family:Bebas Neue,sans-serif;font-size:1.8rem;line-height:1}.modal-realname{color:#9ca3af;font-family:Inter,sans-serif;font-size:.8rem;font-weight:400}.modal-close{color:#9ca3af;cursor:pointer;background:#ffffff12;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;transition:background .15s,color .15s;display:flex;position:absolute;top:10px;right:12px}.modal-close:hover{color:#fff;background:#ffffff24}.search-wrapper{flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:20px;display:flex}.search-box{width:100%;max-width:480px;position:relative}.search-icon{color:#6b7280;pointer-events:none;width:18px;height:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{color:#e2e4f0;appearance:none;box-sizing:border-box;background:#1a1b25;border:1px solid #2e3044;border-radius:12px;outline:none;width:100%;padding:14px 44px;font-family:Inter,sans-serif;font-size:16px;transition:border-color .2s,box-shadow .2s}.search-input::placeholder{color:#4b5263}.search-input:focus{border-color:#7c85ff;box-shadow:0 0 0 3px #7c85ff26}.search-input::-webkit-search-cancel-button{display:none}.search-clear{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:14px;line-height:1;transition:color .15s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.search-clear:hover{color:#e2e4f0}.search-results-count{color:#6b7280;font-family:Inter,sans-serif;font-size:.8rem}.search-empty{text-align:center;color:#4b5263;padding:80px 24px;font-family:Inter,sans-serif;font-size:1rem}.team-section{border-bottom:1px solid #1e2030;flex-direction:column;align-items:center;padding:40px 32px;display:flex}.team-heading{justify-content:center;align-items:center;gap:16px;width:100%;max-width:1100px;margin-bottom:28px;display:flex}.team-heading-logo{object-fit:contain;filter:drop-shadow(0 2px 6px #00000080);width:auto;height:48px}.team-heading h2{color:#fff;text-align:center;margin:0 0 2px;font-size:1.3rem;font-weight:600}.team-tag{color:var(--team-color);letter-spacing:1px;text-transform:uppercase;text-align:center;font-size:.75rem;font-weight:700;display:block}.players-grid{grid-template-columns:repeat(auto-fill,minmax(160px,180px));justify-content:center;gap:16px;width:100%;max-width:1100px;display:grid}.player-card{border:1px solid color-mix(in srgb, var(--team-color) 30%, transparent);cursor:pointer;aspect-ratio:2/3;background:#151720;border-radius:12px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0006}.player-card:hover{box-shadow:0 8px 32px color-mix(in srgb, var(--team-color) 35%, transparent);transform:translateY(-4px)}.player-card:before{content:"";background:var(--team-color);z-index:2;height:3px;position:absolute;top:0;left:0;right:0}.card-header{z-index:3;justify-content:space-between;align-items:flex-start;padding:0 10px;display:flex;position:absolute;top:10px;left:0;right:0}.card-team-logo{object-fit:contain;filter:drop-shadow(0 1px 4px #000c);width:28px;height:28px}.card-role-icon{object-fit:contain;opacity:.9;filter:drop-shadow(0 1px 3px #000c);width:22px;height:22px}.card-photo{flex:1;position:relative;overflow:hidden}.card-photo img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.card-footer{z-index:2;text-align:center;background:linear-gradient(#0d0e1400 0%,#0d0e14f2 100%);flex-direction:column;align-items:center;gap:2px;padding:10px 10px 12px;display:flex;position:relative}.card-footer:before{content:"";pointer-events:none;background:linear-gradient(#0000,#0d0e14e6);height:60px;position:absolute;bottom:100%;left:0;right:0}.card-pseudo{color:#fff;letter-spacing:1.5px;font-family:Bebas Neue,sans-serif;font-size:1.15rem;font-weight:400;line-height:1.1}.card-realname{color:#9ca3af;letter-spacing:.3px;font-family:Inter,sans-serif;font-size:.65rem;font-weight:400;line-height:1.2}