*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Noto Sans TC,sans-serif;background:#f0f4f8;min-height:100vh;color:#1a202c}.page{max-width:500px;margin:0 auto;padding:16px}.card{background:#fff;border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 2px 8px #00000014}h1{font-size:1.6rem;font-weight:700;margin-bottom:4px}h2{font-size:1rem;font-weight:600;margin-bottom:12px;color:#4a5568}.field{margin-bottom:14px}.field label{display:block;font-weight:500;font-size:.88rem;margin-bottom:6px;color:#4a5568}.field input[type=number]{width:100%;padding:10px 14px;border:2px solid #e2e8f0;border-radius:10px;font-size:1.1rem;transition:border-color .2s}.field input[type=number]:focus{outline:none;border-color:#4299e1}input[type=text]{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:1.2rem;margin-bottom:12px;transition:border-color .2s}input[type=text]:focus{outline:none;border-color:#4299e1}button{width:100%;padding:12px;background:#4299e1;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}button:hover:not(:disabled){background:#3182ce}button:disabled{background:#a0aec0;cursor:not-allowed}.btn-sm{width:auto;padding:8px 16px;font-size:.9rem;border-radius:8px}.btn-secondary{background:#e2e8f0;color:#4a5568}.btn-secondary:hover:not(:disabled){background:#cbd5e0}.error-msg{color:#e53e3e;font-size:.88rem;margin-top:8px}.hint{color:#718096;font-size:.88rem;margin-bottom:12px}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.group-box{border-radius:12px;padding:12px 10px;text-align:center}.group-box h3{font-size:1.5rem;font-weight:700;margin-bottom:8px}.player-chip{border-radius:8px;padding:4px 6px;margin-bottom:4px;font-size:.82rem;font-weight:500;background:#ffffffa6;word-break:break-all}.player-chip.waiting{color:#0000004d;font-style:italic}.grp-a{background:#bee3f8;color:#2b6cb0}.grp-b{background:#c6f6d5;color:#276749}.grp-c{background:#fefcbf;color:#7b6116}.grp-d{background:#fed7d7;color:#9b2335}.grp-e{background:#e9d8fd;color:#6b46c1}.grp-f{background:#fde8d8;color:#c05621}.grp-g{background:#d0f0fd;color:#1a5276}.grp-h{background:#d1f2eb;color:#1e7e6a}.my-group-ring[data-v-779cee64]{box-shadow:0 0 0 3px #4299e1}