body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#0d0d2b;color:#fff;-webkit-font-smoothing:antialiased}.wrap{max-width:480px;margin:0 auto;padding:20px;text-align:center;min-height:100vh;box-sizing:border-box}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header h2{margin:0;font-size:24px;background:linear-gradient(90deg,#00e676,#00bfa5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(0,230,118,.4)}.card{background:#1e1e47;border:1px solid #3C3C7C;border-radius:20px;padding:24px;box-shadow:0 12px 40px #0006;animation:fadeIn .4s ease-out}.row{margin-bottom:16px;display:flex;flex-direction:column;gap:8px;text-align:left}label{font-size:12px;color:#8e8ea8;font-weight:600;letter-spacing:.5px;text-transform:uppercase}input{background:#13132b;border:1px solid #3C3C7C;padding:14px;border-radius:12px;color:#fff;font-size:16px;outline:none;transition:border-color .2s}input:focus{border-color:#00e676}.primary{background:linear-gradient(135deg,#00e676,#00bfa5);color:#030;border:none;padding:16px;border-radius:14px;font-weight:700;font-size:16px;cursor:pointer;width:100%;transition:transform .1s,box-shadow .2s}.primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00e67666}.primary:active{transform:translateY(0)}.secondary{background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#fff;padding:12px;border-radius:10px;font-size:14px;cursor:pointer;width:100%;transition:background .2s}.secondary:hover{background:#ffffff26}.pickRow{display:flex;gap:12px}.pick{flex:1;background:#13132b;border:2px solid #3C3C7C;padding:15px;border-radius:14px;cursor:pointer;font-size:16px;color:#aaa;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.pick:hover{border-color:#558}.pick.active{border-color:#00e676;background:#00e6761a;color:#fff;font-weight:700;box-shadow:0 0 15px #00e67633}.divider{height:1px;background:#333;margin:24px 0}.lobbyHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.lobbyHead h4{margin:0;font-weight:600;font-size:14px}.link{background:none;border:none;color:#00e676;font-size:12px;cursor:pointer;padding:0;font-weight:600}.link:disabled{color:#666;cursor:not-allowed}.list{display:flex;flex-direction:column;gap:10px}.item{background:#252550;border:1px solid #363666;border-radius:12px;padding:14px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .2s}.item:hover{background:#2e2e60;border-color:#4d5bde}.item .bold{font-weight:700;font-size:14px;margin-bottom:4px}.item .right{text-align:right;color:#00e676}.muted{color:#8e8ea8;font-size:12px}.pot{background:linear-gradient(135deg,#4d5bde,#6c7afe);padding:20px;border-radius:16px;margin:20px 0;box-shadow:0 8px 20px #4d5bde4d}.potVal{font-size:32px;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.2)}.win{color:#00e676;font-size:24px;font-weight:800;margin:20px 0;text-shadow:0 0 15px rgba(0,230,118,.5);animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}.lose{color:#ff5252;font-size:24px;font-weight:800;margin:20px 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}