:root{--black-deep: #0A0A0F;--black-soft: #15151D;--black-card: #1C1C26;--gold-primary: #D4AF37;--gold-bright: #F4D679;--champagne: #F5E6C8;--white: #FFFFFF;--danger: #C9302C;--success: #5FB85F}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;background:var(--black-deep);color:var(--champagne);font-family:Inter,system-ui,sans-serif;overflow:hidden}body{background:radial-gradient(ellipse at 20% 10%,rgba(212,175,55,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 90%,rgba(212,175,55,.06) 0%,transparent 50%),var(--black-deep)}.display{width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4vmin;animation:fadeIn .6s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes sparkle{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes goldGlow{0%,to{text-shadow:0 0 20px rgba(212,175,55,.4)}50%{text-shadow:0 0 40px rgba(212,175,55,.8),0 0 80px rgba(212,175,55,.3)}}.display-title{font-family:Playfair Display,serif;font-size:clamp(4rem,8vmin,10rem);font-weight:800;background:linear-gradient(135deg,var(--gold-bright) 0%,var(--gold-primary) 50%,var(--gold-bright) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;line-height:1;margin:0}.display-subtitle{font-family:Playfair Display,serif;font-size:clamp(1.5rem,3vmin,3.5rem);color:var(--champagne);text-align:center;margin:2vmin 0 0;font-weight:400}.display-body{font-size:clamp(1.2rem,2vmin,2rem);color:var(--champagne);opacity:.85;text-align:center}.grid{display:grid;gap:2vmin;width:100%;max-width:95vw}.grid-participants{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-width:1600px}.grid-results{grid-template-columns:1fr;max-width:1400px}.participant-card{background:linear-gradient(180deg,rgba(212,175,55,.05) 0%,transparent 100%),var(--black-soft);border:1px solid rgba(212,175,55,.25);border-radius:12px;padding:1.5vmin;text-align:center;animation:slideUp .5s ease both}.participant-photo{width:100%;aspect-ratio:1;border-radius:8px;background:var(--black-card);display:flex;align-items:center;justify-content:center;font-size:8vmin;margin-bottom:1.5vmin;border:2px solid rgba(212,175,55,.3);overflow:hidden}.participant-photo img{width:100%;height:100%;object-fit:cover}.participant-name{font-family:Playfair Display,serif;font-size:clamp(1.2rem,2.2vmin,2rem);color:var(--white);margin:1vmin 0 .5vmin;line-height:1.1}.participant-origin{font-size:clamp(.9rem,1.5vmin,1.3rem);color:var(--champagne);opacity:.7}.participant-code{font-size:clamp(.8rem,1.3vmin,1.1rem);color:var(--gold-primary);font-family:monospace;letter-spacing:.1em}.result-row{display:grid;grid-template-columns:120px 1fr 1fr 200px;gap:2vmin;align-items:center;background:var(--black-soft);border:1px solid rgba(212,175,55,.2);border-radius:8px;padding:1.5vmin 2vmin;animation:slideUp .5s ease both}.result-row.top1{background:linear-gradient(90deg,rgba(212,175,55,.15) 0%,var(--black-soft) 100%);border-color:var(--gold-primary);border-width:2px}.result-row.top3{border-color:var(--gold-bright)}.result-rank{font-family:Playfair Display,serif;font-size:clamp(2.5rem,5vmin,5rem);font-weight:800;color:var(--gold-primary);text-align:center;line-height:1}.result-name{font-family:Playfair Display,serif;font-size:clamp(1.5rem,3vmin,2.8rem);color:var(--white);line-height:1.1}.result-origin{font-size:clamp(1rem,1.8vmin,1.5rem);color:var(--champagne);opacity:.7}.result-score{font-family:Playfair Display,serif;font-size:clamp(2rem,4vmin,4rem);font-weight:800;color:var(--gold-bright);text-align:right}.focus-screen{display:grid;grid-template-columns:1fr 1fr;gap:4vmin;align-items:center;width:100%;max-width:1600px}.focus-photo{width:100%;aspect-ratio:3/4;border-radius:16px;background:var(--black-card);display:flex;align-items:center;justify-content:center;font-size:20vmin;border:4px solid var(--gold-primary);box-shadow:0 0 80px #d4af3766;overflow:hidden;animation:zoomIn .8s ease}.focus-photo img{width:100%;height:100%;object-fit:cover}.focus-name{font-family:Playfair Display,serif;font-size:clamp(3rem,7vmin,7rem);color:var(--white);line-height:1;margin:0}.focus-origin{font-family:Playfair Display,serif;font-size:clamp(1.5rem,3vmin,3rem);color:var(--gold-primary);margin:2vmin 0}.status-badge{display:inline-block;padding:1vmin 3vmin;border-radius:999px;font-size:clamp(1.5rem,2.5vmin,2.5rem);font-weight:600;margin-top:2vmin;text-transform:uppercase;letter-spacing:.1em}.status-open{background:#5fb85f33;color:var(--success);border:2px solid var(--success);animation:sparkle 2s ease infinite}.status-closed{background:#d4af3733;color:var(--gold-bright);border:2px solid var(--gold-primary)}.status-published{background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-bright) 100%);color:var(--black-deep);border:2px solid var(--gold-bright)}.winner-crown{font-size:clamp(4rem,10vmin,12rem);margin:0;animation:goldGlow 3s ease infinite}.winner-photo{width:50vmin;height:50vmin;border-radius:50%;border:6px solid var(--gold-primary);box-shadow:0 0 100px #d4af3799;background:var(--black-card);display:flex;align-items:center;justify-content:center;font-size:20vmin;margin:3vmin auto;overflow:hidden;animation:zoomIn 1.5s ease}.winner-photo img{width:100%;height:100%;object-fit:cover}.winner-name{font-family:Playfair Display,serif;font-size:clamp(3rem,8vmin,9rem);font-weight:900;background:linear-gradient(135deg,var(--gold-bright) 0%,var(--gold-primary) 50%,var(--gold-bright) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;line-height:1;margin:0;animation:goldGlow 3s ease infinite}.winner-origin{font-family:Playfair Display,serif;font-size:clamp(1.5rem,3vmin,3rem);color:var(--champagne);text-align:center;margin-top:2vmin}.reconnecting{position:fixed;top:0;left:0;right:0;background:var(--danger);color:#fff;text-align:center;padding:1vmin;font-size:clamp(.9rem,1.5vmin,1.4rem);font-weight:600;z-index:1000;animation:slideUp .3s ease}.hc{background:#fff!important;color:#000!important}.hc .display,.hc .participant-card,.hc .result-row{background:#fff!important;color:#000!important;border:2px solid black!important}.hc .display-title,.hc .display-subtitle,.hc .participant-name,.hc .result-name,.hc .focus-name,.hc .winner-name{color:#000!important;-webkit-text-fill-color:black!important}.hc .participant-photo,.hc .focus-photo,.hc .winner-photo{background:#f0f0f0!important;border:4px solid black!important}