: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{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}.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}.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(92vw,1600px);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%;object-fit:contain}.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}@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}}