:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;--bg-deep-navy: #0F1D38;--bg-card-navy: #1A2B4C;--text-off-white: #F4F1EA;--accent-gold: #C5A059;color:var(--text-off-white);background-color:var(--bg-deep-navy);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;justify-content:center;min-width:320px;min-height:100vh;background-color:var(--bg-deep-navy)}#root{width:100%}button{border-radius:4px;border:1px solid var(--accent-gold);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--accent-gold);color:#0f1d38;cursor:pointer;transition:all .25s}button:hover{background-color:#d4b06a;box-shadow:0 0 8px #c5a05966}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input,select,textarea{background-color:#12213f;border:1px solid #334d7c;color:var(--text-off-white);border-radius:4px;padding:.5rem;font-family:inherit}input:focus,select:focus,textarea:focus{border-color:var(--accent-gold);outline:none}.container{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.card{max-width:600px;margin:0 auto;padding:2em;background-color:var(--bg-card-navy);border-radius:8px;border:1px solid #334d7c;box-shadow:0 4px 6px #0000004d}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:2rem}.status-item{padding:1rem;border-radius:4px;background-color:var(--bg-card-navy);border:1px solid #334d7c;display:flex;flex-direction:column;align-items:center}.status-item.ok{border-color:var(--accent-gold)}.status-item.error{border-color:#ff4646}.label{display:block;font-size:.8em;color:#b0c4de;margin-bottom:.5rem}.value{font-weight:700;font-size:1.2em}.error{color:#ff6b6b}.arena{display:flex;gap:2rem;margin-top:2rem;align-items:flex-start}.sidebar{flex:1;background:var(--bg-card-navy);padding:1rem;border-radius:8px;border:1px solid #334d7c;min-width:200px;text-align:left}.sidebar ul{list-style:none;padding:0}.sidebar li{padding:.5rem;border-bottom:1px solid var(--accent-gold);opacity:.8}.sidebar li:last-child{border-bottom:none}.sidebar li.active-turn{background:#c5a0591a;border-left:4px solid var(--accent-gold);color:var(--accent-gold);font-weight:700;opacity:1}.main-board{flex:3}.turn-banner{background:var(--bg-card-navy);padding:1rem;border-radius:8px;border:1px solid var(--accent-gold);margin-bottom:1rem;box-shadow:0 0 10px #c5a0591a}.pick-interface{display:flex;gap:1rem;margin-top:1rem;justify-content:center}.picks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.pick-card{background:var(--bg-card-navy);border:1px solid #334d7c;padding:1rem;border-radius:4px;position:relative;transition:transform .2s}.pick-card:hover{transform:translateY(-2px);border-color:var(--accent-gold)}.pick-number{position:absolute;top:5px;right:5px;font-size:.8rem;color:#8899ac}.pick-name{display:block;font-size:1.2rem;font-weight:700;margin-bottom:.5rem;color:var(--accent-gold)}.pick-owner{font-size:.9rem;color:#b0c4de}.available-candidates-container{margin:1rem 0;padding:1rem;border:1px solid var(--accent-gold);border-radius:4px;background-color:var(--bg-card-navy)}.candidate-tag{padding:.3rem .6rem;background-color:#12213f;border-radius:15px;cursor:pointer;font-size:.9rem;border:1px solid #334d7c;color:var(--text-off-white);transition:all .2s}.candidate-tag:hover{background-color:var(--accent-gold);color:#0f1d38;border-color:var(--accent-gold)}.rules-card{margin-top:2rem;text-align:left;background-color:var(--bg-card-navy);padding:1rem;border-radius:4px;border:1px solid #334d7c;color:var(--text-off-white)}.mobile-participants{display:none;background:var(--bg-card-navy);padding:1rem;border-radius:8px;border:1px solid #334d7c;margin-top:2rem;text-align:left}.mobile-participants ul{list-style:none;padding:0}.mobile-participants li{padding:.5rem;border-bottom:1px solid var(--accent-gold);opacity:.8}.mobile-participants li:last-child{border-bottom:none}.mobile-participants li.active-turn{background:#c5a0591a;border-left:4px solid var(--accent-gold);color:var(--accent-gold);font-weight:700;opacity:1}@media (max-width: 768px){.arena{flex-direction:column}.sidebar{display:none}.main-board{width:100%}.mobile-participants{display:block}}