:root{--gold:#f3bd39;--display:"Arial Narrow",Arial,sans-serif;--body:Arial,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0;color:#f4f5f4;background:radial-gradient(circle at 50% 0,#303831 0,#111612 38%,#050706 100%);font-family:var(--body)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(255,255,255,.06) 4px)}.app{position:relative;width:min(100%,34rem);min-height:100vh;margin:auto;padding:max(1.25rem,env(safe-area-inset-top)) 1rem max(1.5rem,env(safe-area-inset-bottom))}header{text-align:center;padding:1.1rem 0 1.4rem}header>span{display:block;color:var(--gold);font-size:2.4rem;line-height:1}h1{margin:.1rem 0;font-size:clamp(1.75rem,8vw,2.55rem);letter-spacing:.15em}header p{margin:0;color:var(--gold);font-size:.72rem;letter-spacing:.32em}.card{padding:1rem;border:1px solid #596159;border-radius:.85rem;background:linear-gradient(155deg,rgba(48,58,50,.96),rgba(13,18,14,.98));box-shadow:0 1rem 3rem rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.04)}h2{margin:.25rem 0 .75rem;letter-spacing:.08em}.eyebrow,label span{display:block;margin-bottom:.35rem;color:#c4cac5;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase}input{width:100%;padding:.85rem;color:#fff;text-align:center;font:700 1.7rem var(--display);letter-spacing:.28em;border:2px solid #6b746c;border-radius:.55rem;background:#070a08}.teams{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:1rem 0}.teams button,.confirm{min-height:3.35rem;color:#fff;font:700 .8rem var(--display);letter-spacing:.08em;border:2px solid transparent;border-radius:.55rem}.teams [data-team=red]{background:linear-gradient(#a51c21,#5e090c)}.teams [data-team=blue]{background:linear-gradient(#1763a4,#082b54)}.teams button.selected{border-color:#fff;box-shadow:0 0 1rem rgba(255,255,255,.42);transform:translateY(-2px)}.confirm{width:100%;background:linear-gradient(#c89b32,#76500d)}button:disabled{opacity:.38}.message{min-height:2.8em;color:#d1d6d2;font-size:.78rem;line-height:1.45}.session{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.75rem;font-weight:700;letter-spacing:.08em}.session .red{color:#ff6468}.session .blue{color:#60a8ff}.session button{padding:.4rem .65rem;color:#ccd1cd;border:1px solid #596159;border-radius:.35rem;background:#181d19}.category{margin:1rem -.25rem;padding:.75rem;text-align:center;font-weight:700;letter-spacing:.06em;border:1px solid #050605;border-radius:.45rem;background:linear-gradient(#414a42,#171c18)}.instruction{color:#aeb5af;font-size:.8rem}.players{display:grid;gap:.65rem;margin:1rem 0}.player{display:grid;grid-template-columns:1.5rem 1fr auto;align-items:center;gap:.65rem;min-height:4.4rem;padding:.55rem .7rem;color:#fff;text-align:left;border:2px solid #5f675f;border-radius:.55rem;background:linear-gradient(#4a514b,#202621)}.player span{font:700 1.08rem var(--display);letter-spacing:.08em}.player small{display:block;margin-top:.2rem;color:#c4cac5;font:.54rem var(--body)}.player i{color:#d7b251;font-size:.58rem;font-style:normal;letter-spacing:.06em}.player.selected{border-color:#fff;background:linear-gradient(#747d75,#323a34);box-shadow:0 0 1rem rgba(255,255,255,.4)}.player.used{color:#989e99;background:repeating-linear-gradient(135deg,#343a35 0,#343a35 6px,#1f2420 6px,#1f2420 12px)}.player.eliminated{opacity:.28;filter:grayscale(1)}.waiting{padding:2rem 1rem;color:#aeb5af;text-align:center;letter-spacing:.08em;border:1px dashed #596159;border-radius:.55rem}
