:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;background-color:#145a30;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0}body,#root{height:100vh;width:100vw;overflow:hidden;position:relative}.hud{position:absolute;inset:0;pointer-events:none;z-index:1}.player-label{position:absolute;color:#ffffffb3;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.6);transition:color .3s,transform .3s}.player-label.active{color:#fc0;transform:scale(1.1)}.player-label.p0{bottom:4%;left:50%;translate:-50% 0}.player-label.p1{left:2%;top:50%;translate:0 -50%}.player-label.p2{top:4%;left:50%;translate:-50% 0}.player-label.p3{right:2%;top:50%;translate:0 -50%}.player-label .card-count{display:inline-block;margin-left:6px;background:#0006;border-radius:8px;padding:1px 6px;font-size:11px;font-weight:400}.winner-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;animation:fadeIn .5s ease-out}.winner-text{font-size:48px;font-weight:800;color:#fc0;text-shadow:0 2px 12px rgba(0,0,0,.7),0 0 40px rgba(255,204,0,.3);text-transform:uppercase;letter-spacing:.05em}.new-game-btn{pointer-events:auto;background:#fc0;color:#1a1a1a;border:none;border-radius:12px;padding:14px 40px;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 16px #0000004d}.new-game-btn:hover{transform:scale(1.05);box-shadow:0 6px 24px #0006}.new-game-btn:active{transform:scale(.97)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lobby{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1e8e45,#145a30 60%,#0d3d20)}.lobby-card{display:flex;flex-direction:column;align-items:center;gap:32px;animation:fadeIn .6s ease-out}.lobby-header{position:relative}.lobby-title{position:relative;z-index:1;font-size:64px;font-weight:900;color:#fc0;text-shadow:0 4px 20px rgba(0,0,0,.5),0 0 60px rgba(255,204,0,.2);letter-spacing:.05em;text-transform:uppercase;margin-bottom:-20px}.lobby-hero-card{position:absolute;right:-90px;bottom:-40px;width:80px;filter:drop-shadow(0 6px 20px rgba(0,0,0,.5));animation:cardFloat 3s ease-in-out infinite;transform:rotate(12deg)}@keyframes cardFloat{0%,to{translate:0 0;rotate:12deg}50%{translate:0 -10px;rotate:16deg}}.lobby-subtitle{font-size:16px;font-weight:500;color:#ffffff80;letter-spacing:.15em;text-transform:uppercase}.lobby-form{display:flex;flex-direction:column;align-items:center;gap:16px}.lobby-input{width:260px;padding:14px 20px;border:2px solid rgba(255,255,255,.2);border-radius:12px;background:#0000004d;color:#fff;font-size:18px;font-family:inherit;text-align:center;outline:none;transition:border-color .2s}.lobby-input::placeholder{color:#fff6}.lobby-input:focus{border-color:#fc0}.lobby-btn{width:260px;padding:14px 40px;background:#fc0;color:#1a1a1a;border:none;border-radius:12px;font-size:18px;font-weight:700;font-family:inherit;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 16px #0000004d}.lobby-btn:hover{transform:scale(1.05);box-shadow:0 6px 24px #0006}.lobby-btn:active{transform:scale(.97)}