.login-card{max-width:400px;margin:0 auto;padding:var(--spacing-xl, 32px);text-align:center}.login-subtitle{color:var(--color-text-secondary, #666);margin-bottom:var(--spacing-xl, 32px)}.auth-buttons{display:flex;flex-direction:column;gap:var(--spacing-md, 16px)}.btn-google{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm, 12px);width:100%;padding:var(--spacing-sm, 12px) var(--spacing-md, 16px);font-size:var(--font-size-md, 16px);font-weight:500;color:var(--color-text-primary, #333);background:var(--color-background, #fff);border:2px solid var(--color-border, #ddd);border-radius:var(--border-radius, 8px);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.btn-google:hover:not(:disabled){background-color:var(--color-background-hover, #f5f5f5);border-color:var(--color-border-hover, #ccc)}.btn-google:disabled{opacity:.6;cursor:not-allowed}.google-icon{flex-shrink:0}.divider{display:flex;align-items:center;text-align:center;margin:var(--spacing-sm, 12px) 0}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--color-border, #ddd)}.divider span{padding:0 var(--spacing-md, 16px);color:var(--color-text-secondary, #666);font-size:var(--font-size-sm, 14px)}.email-form{display:flex;flex-direction:column;gap:var(--spacing-md, 16px)}.error-banner{padding:var(--spacing-sm, 12px) var(--spacing-md, 16px);margin-bottom:var(--spacing-lg, 24px);background-color:var(--color-error-bg, #fef2f2);color:var(--color-error, #dc3545);border:1px solid var(--color-error-border, #f5c6cb);border-radius:var(--border-radius, 8px);font-size:var(--font-size-sm, 14px)}.btn-link{background:none;border:none;color:var(--color-primary, #4a90d9);cursor:pointer;font-size:var(--font-size-sm, 14px);padding:var(--spacing-xs, 8px)}.btn-link:hover:not(:disabled){text-decoration:underline}.btn-link:disabled{opacity:.6;cursor:not-allowed}.onboarding-card{max-width:420px;margin:0 auto;padding:var(--spacing-xl, 32px);text-align:center}.onboarding-subtitle{color:var(--color-text-secondary, #666);margin-bottom:var(--spacing-lg, 24px)}.onboarding-form{display:flex;flex-direction:column;gap:var(--spacing-lg, 24px);margin-top:var(--spacing-lg, 24px)}.form-group{text-align:left}.form-group label{display:block;margin-bottom:var(--spacing-xs, 8px);font-weight:500;color:var(--color-text-primary, #333)}.input-with-action{position:relative}.custom-input{width:100%;padding:var(--spacing-sm, 12px) var(--spacing-md, 16px);font-size:var(--font-size-md, 16px);border:2px solid var(--color-border, #ddd);border-radius:var(--border-radius, 8px);background:var(--color-background, #fff);transition:border-color .2s ease}.custom-input:focus{outline:none;border-color:var(--color-primary, #4a90d9)}.custom-input.input-error{border-color:var(--color-error, #dc3545)}.custom-input:disabled{background:var(--color-disabled, #f5f5f5);cursor:not-allowed}.checking-indicator{position:absolute;right:var(--spacing-md, 16px);top:50%;transform:translateY(-50%);font-size:var(--font-size-sm, 14px);color:var(--color-text-secondary, #666)}.input-hint{margin-top:var(--spacing-xs, 8px);font-size:var(--font-size-sm, 14px);color:var(--color-text-secondary, #666)}.error-message{margin-top:var(--spacing-xs, 8px);font-size:var(--font-size-sm, 14px);color:var(--color-error, #dc3545)}.onboarding-meta{margin-top:var(--spacing-xl, 32px);padding-top:var(--spacing-lg, 24px);border-top:1px solid var(--color-border, #ddd)}.email-display{font-size:var(--font-size-sm, 14px);color:var(--color-text-secondary, #666);margin-bottom:var(--spacing-sm, 12px)}.email-display strong{color:var(--color-text-primary, #333)}:root{--bg-main: #121212;--bg-card: #1d1d1d;--text-primary: #ffffff;--text-muted: #aaaaaa;--brand: rgb(190, 15, 132);--success: rgba(34, 197, 94, .6);--warning: rgba(234, 179, 8, .6);--danger: rgba(239, 68, 68, .6)}.text-muted{color:#aaa}.w-full{width:100%}:root{font-family:Arial,Helvetica,sans-serif;line-height:1.5;font-weight:400;color:#ffffffe6;background-color:#121212;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:#121212;color:#fff}.page-container{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;min-height:100vh;width:100%;padding:2rem}.header{font-size:3rem;color:#be0f84;margin:0;text-align:center}.card{padding:2rem}.spacer{height:50px}.button-group{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:320px;margin-top:2rem}.btn-primary,.btn-play,.btn-secondary,.btn-link,.btn-success,.btn-danger{border-radius:8px;border:1px solid transparent;cursor:pointer}.btn-large{padding:1.2em 2.4em;font-size:1.1rem}.btn-primary,.btn-play{background-color:#be0f84;color:#fff;border:none;width:100%;padding:1em 2em;font-weight:700}.btn-secondary{background:transparent;color:#fff;border:1px solid #444;width:100%;padding:1em 2em}.btn-link{background:transparent;border:none;color:#ccc;padding:0}.btn-success{background:#4ade80;color:#111;border:none;padding:10px 15px}.btn-danger{background:#f87171;color:#111;border:none;padding:10px 15px}.btn-primary:disabled,.btn-play:disabled,.btn-secondary:disabled,.btn-link:disabled,.btn-success:disabled,.btn-danger:disabled{cursor:not-allowed;opacity:.6}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.25);border-top-color:#fffffff2;border-radius:9999px;display:inline-block;animation:spinner-rotate .8s linear infinite}.spinner-sm{width:14px;height:14px}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:1.6s}}.logout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#00000059;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.logout-overlay__content{display:inline-flex;align-items:center;gap:.75rem;padding:.9rem 1.1rem;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#121212bf;color:#fff;box-shadow:0 16px 40px #0006}.custom-select,.custom-input{padding:.75rem;border-radius:8px;border:2px solid rgba(190,15,132,.3);background-color:#1a1a1a;color:#fff;font-size:1rem;width:100%}.custom-select:focus,.custom-input:focus{outline:none;border-color:#be0f84}.custom-select option{background-color:#242424}.autocomplete-wrapper{position:relative;width:100%}.autocomplete-list{position:absolute;top:100%;left:0;right:0;z-index:999;background-color:#242424;border:1px solid rgba(190,15,132,.5);border-radius:8px;margin-top:4px;max-height:200px;overflow-y:auto;list-style:none;padding:0}.autocomplete-list li{padding:10px 16px;cursor:pointer}.autocomplete-list li:hover{background-color:#be0f84}.countdown-screen,.print-display,.answering-screen{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px}.print-display--gameplay{max-width:1600px;width:100%}.countdown-text{font-size:7rem;color:#be0f84;font-weight:900}.countdown-loading{font-size:2.8rem}.scout-title{font-size:2.2rem;margin-bottom:8px}.scout-timer{color:#be0f84;font-size:1.8rem;font-weight:900}.scout-counter{margin-bottom:8px;font-weight:700;color:#aaa;text-transform:uppercase}.image-container{width:min(100%,1600px);max-width:100%;height:min(900px,calc(100vh - 18rem));min-height:240px;background:#111;margin:0 auto;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:12px}.scout-image{width:100%;height:100%;max-width:100%;max-height:70vh;object-fit:contain;display:block}.answering-wrapper{max-width:1400px}.answers-grid{display:grid;gap:12px;align-items:center;width:100%;margin-bottom:10px}.answers-grid-template{grid-template-columns:.6fr 1fr 2.5fr 2.5fr}.header-row{font-weight:700;color:#be0f84;border-bottom:1px solid rgba(190,15,132,.3);padding-bottom:10px;margin-bottom:20px}.row{position:relative;background:#ffffff08;padding:12px;border-radius:8px;align-items:start}.print-number{margin-top:10px}.traits-column,.champions-column{display:flex;flex-direction:column;gap:8px}.answer-item-row{display:flex;gap:8px;align-items:center}.answer-item-main{flex:2}.answer-item-side{flex:1}.remove-btn{background:transparent;border:none;color:#f44;font-size:1.1rem}.add-btn{background:#ffffff0d;border:1px dashed #555;color:#aaa;padding:8px;border-radius:6px}.submit-card{background:#222;padding:30px;border-radius:12px;width:100%;max-width:900px}.submit-group{margin-bottom:20px}.submit-label{display:block;margin-bottom:8px;font-weight:700}.upload-input{width:100%;padding:10px;background:#111;color:#fff;border:1px solid #444;border-radius:6px}.submit-divider{color:#aaa;border-bottom:1px solid #444;padding-bottom:10px;margin-bottom:20px}.submit-gold{width:160px}.submit-actions{display:flex;gap:10px}.user-info{margin-bottom:2rem;text-align:center}.inline-edit{display:flex;gap:10px;align-items:center;justify-content:center}.username-text{font-size:1.5rem;font-weight:700}.username-edit{margin-left:10px}.user-email{color:#aaa}.results-wrapper{width:100%;max-width:1100px}.results-summary{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.result-card{background:#1d1d1d;border:1px solid #333;border-radius:12px;padding:16px;margin-bottom:12px}.result-card-header{display:flex;justify-content:space-between;align-items:center}.result-section h3{margin-bottom:8px}.result-row{padding:10px;border-radius:8px;display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}.result-pill{padding:4px 10px;border-radius:999px;font-size:.85rem;font-weight:700}.result-exact{background:#22c55e33;border:1px solid rgba(34,197,94,.6)}.result-partial{background:#eab30833;border:1px solid rgba(234,179,8,.6)}.result-wrong{background:#6b728038;border:1px solid rgba(107,114,128,.7)}.result-actions{display:flex;gap:10px;margin-top:20px}.result-empty{color:#999}.result-comparison-card{width:100%;background:#1d1d1d;border:1px solid #333;border-radius:12px;padding:16px;margin-bottom:16px;display:flex;flex-direction:column;gap:14px}.result-target{display:flex;flex-direction:column;gap:10px}.result-image-container{width:min(100%,1600px);height:min(900px,72vh);min-height:280px;background:#111;border-radius:12px;overflow:hidden;margin:0 auto;display:flex;align-items:center;justify-content:center}.result-scout-image{width:100%;height:100%;object-fit:contain;margin:0 auto;display:block}.result-details-grid{display:grid;grid-template-columns:1fr 2fr 2fr;gap:12px;width:100%;align-items:start}.result-detail-column{display:flex;flex-direction:column;gap:8px;min-width:0}.result-detail-title{margin:0;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;color:#be0f84}.admin-page{justify-content:flex-start;gap:2rem}.admin-dashboard{width:100%;max-width:1200px}.admin-list-container{display:flex;flex-direction:column;gap:12px}.admin-list-item{display:flex;flex-direction:column;gap:10px}.admin-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background:#1d1d1d;border:1px solid #333;border-radius:12px;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.admin-row:hover{background:#242424;border-color:#444}.admin-row:focus{outline:2px solid rgba(190,15,132,.6);outline-offset:2px}.admin-row-main{display:flex;flex-direction:column;gap:6px;min-width:0}.admin-row-id{display:flex;align-items:baseline;gap:8px;min-width:0}.admin-label{font-size:.75rem;text-transform:uppercase;color:#aaa;letter-spacing:.08em}.admin-row-id-value{font-family:Courier New,monospace;font-size:.9rem;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}.admin-row-summary{display:flex;flex-wrap:wrap;gap:8px;color:#bbb;font-size:.85rem}.admin-row-chip{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:4px 10px}.admin-row-actions{display:flex;gap:8px;flex-shrink:0}.admin-expanded-content{display:grid;grid-template-columns:minmax(240px,.9fr) 1.4fr;gap:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px}.admin-expanded-image{width:100%;background:#111;border-radius:10px;padding:8px;display:flex;align-items:center;justify-content:center}.admin-expanded-image img{max-height:300px;width:100%;height:auto;object-fit:contain;cursor:pointer;transition:opacity .15s ease}.admin-expanded-image img:hover{opacity:.9}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:#000c;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px}.admin-modal-content{display:flex;align-items:center;justify-content:center;max-width:95vw;max-height:95vh}.admin-modal-content img{max-width:95vw;max-height:95vh;object-fit:contain;display:block}.admin-modal-close{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:#0006;color:#fff;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}.admin-modal-close:hover{background:#0009}.admin-modal-close:focus{outline:2px solid rgba(190,15,132,.6);outline-offset:2px}.admin-expanded-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.admin-mini-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px;min-width:0}.admin-mini-card h3{margin:0 0 8px;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:#be0f84}.admin-mini-list{margin:0;padding-left:18px;color:#ddd}.admin-error{color:#f87171}.admin-empty{color:#999}@media(max-width:900px){.answers-grid-template,.result-details-grid{grid-template-columns:1fr}.result-image-container{height:min(60vh,900px);min-height:220px}.result-actions,.submit-actions{flex-direction:column}.countdown-text{font-size:4rem}.admin-row{flex-direction:column;align-items:flex-start}.admin-row-actions{width:100%}.admin-row-actions button{flex:1}.admin-expanded-content,.admin-expanded-grid{grid-template-columns:1fr}.admin-row-id-value{max-width:100%}}