*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);min-height:100vh;padding:20px;color:#1a1a1a}.container,#root{max-width:900px;margin:0 auto;background:#fffffff2;border-radius:16px;padding:40px;box-shadow:0 20px 60px #0000004d}h1{text-align:center;font-size:42px;font-weight:700;margin-bottom:32px;color:#1a1a1a;letter-spacing:-.5px}.redClass{color:#f44336}.greenClass{color:#45a049}h1:before{content:"🃏 "}form{display:flex;gap:12px;margin-bottom:32px}form input[type=text]{flex:1;padding:14px 18px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;transition:all .2s;outline:none}form input[type=text]:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}form button{padding:14px 28px;background:#4caf50;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #4caf504d}form button:hover{background:#45a049;transform:translateY(-1px);box-shadow:0 6px 16px #4caf5066}form button:active{transform:translateY(0)}.game-control{background:linear-gradient(135deg,#667eea,#764ba2);padding:28px;border-radius:12px;margin-bottom:32px;color:#fff;box-shadow:0 8px 24px #667eea4d}.game-control>p{font-size:18px;margin-bottom:12px;font-weight:500}.game-control>p:first-child{font-size:28px;font-weight:700;margin-bottom:8px}.game-buyin{display:flex;align-items:center;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}.game-buyin p{font-size:16px;font-weight:600;margin:0}.game-buyin input[type=number]{width:100px;padding:10px 14px;border:2px solid rgba(255,255,255,.3);border-radius:8px;font-size:18px;font-weight:600;text-align:center;background:#fff3;color:#fff;outline:none;transition:all .2s}.game-buyin input[type=number]:focus{background:#ffffff4d;border-color:#ffffff80}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}ul{list-style:none;display:flex;flex-direction:column;gap:12px}li{background:#f8f9fa;padding:20px 24px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;border:2px solid transparent;transition:all .2s}li:hover{border-color:#e0e0e0;box-shadow:0 4px 12px #0000000d}li p{margin:0;font-size:16px;font-weight:600}li p:first-child{font-size:18px;color:#2c5364;min-width:120px}li p:nth-child(2){background:#667eea;color:#fff;padding:8px 16px;border-radius:8px;font-size:20px;min-width:50px;text-align:center}.buyin-controls{display:flex;align-items:center;gap:8px}.buyin-controls p{background:#667eea;color:#fff;padding:8px 16px;border-radius:8px;font-size:20px;min-width:50px;text-align:center;margin:0!important}li button{width:40px;height:40px;border:none;border-radius:8px;background:#4caf50;color:#fff;font-size:20px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #4caf504d}li button:hover{background:#45a049;transform:scale(1.05);box-shadow:0 4px 12px #4caf5066}li button:active{transform:scale(.95)}li button:last-of-type{background:#f44336;box-shadow:0 2px 8px #f443364d}li button:last-of-type:hover{background:#da190b;box-shadow:0 4px 12px #f4433666}li input{padding:10px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:18px;font-weight:600;width:120px;text-align:center;outline:none;transition:all .2s;background:linear-gradient(135deg,#ffeaa7,#fdcb6e);color:#2d3436}li input:focus{border-color:#fdcb6e;box-shadow:0 0 0 3px #fdcb6e33}li p:nth-last-child(2){font-size:14px;color:#666;font-weight:500;background:none;padding:0}.container>button:last-child,#root>button:last-child{width:100%;padding:14px;background:#f44336;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;margin-top:24px;transition:all .2s;box-shadow:0 4px 12px #f443364d}.container>button:last-child:hover,#root>button:last-child:hover{background:#da190b;transform:translateY(-1px);box-shadow:0 6px 16px #f4433666}.container>button:last-child:active,#root>button:last-child:active{transform:translateY(0)}@media(max-width:600px){.container,#root{padding:24px}h1{font-size:32px}form{flex-direction:column}li{flex-direction:column;align-items:stretch;gap:12px}li p:first-child{text-align:center}.game-buyin{flex-direction:column;align-items:stretch}.game-buyin input[type=number]{width:100%}}