*{box-sizing:border-box;margin:0;padding:0}.game-wrap{background:#fff;flex-direction:column;align-items:center;gap:28px;padding:36px 20px 48px;font-family:Segoe UI,Roboto,sans-serif;display:flex}.game-title{background:linear-gradient(135deg,#5b21b6,#7c3aed,#be185d);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:900}.players{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.pcard{background:#fff;border:2px solid #e5e7eb;border-radius:20px;flex-direction:column;align-items:center;gap:8px;min-width:130px;padding:18px 30px;transition:border-color .2s,box-shadow .2s;display:flex}.pcard-x{--c:#6d28d9}.pcard-o{--c:#db2777}.pcard-active{border-color:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c)14%,transparent)}.p-symbol{color:var(--c);font-size:2.4rem;font-weight:900;line-height:1}.p-name{cursor:pointer;color:#374151;background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;padding:3px 8px;font-size:1rem;font-weight:700;transition:background .12s;display:flex}.p-name:hover{background:#f3f4f6}.edit-icon{opacity:.4;font-size:.7rem}.name-input{border:2px solid var(--c);text-align:center;color:#111827;background:#fff;border-radius:8px;outline:none;width:110px;padding:3px 8px;font-size:1rem;font-weight:700}.p-score{color:var(--c);font-size:2.4rem;font-weight:900;line-height:1}.status-bar{color:#5b21b6;text-align:center;min-height:2rem;font-size:1.3rem;font-weight:700}.board{grid-template-rows:repeat(3,100px);grid-template-columns:repeat(3,100px);gap:12px;display:grid}.square{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:18px;justify-content:center;align-items:center;width:100px;height:100px;font-size:2.8rem;font-weight:900;transition:background .12s,transform .12s,border-color .12s,box-shadow .12s;display:flex}.square:hover{background:#faf5ff;border-color:#c4b5fd;transform:scale(1.05)}.sq-x{color:#5b21b6}.sq-o{color:#db2777}.sq-win{background:#fef9c3;border-color:#f59e0b;animation:.28s cubic-bezier(.36,.07,.19,.97) pop;box-shadow:0 0 0 3px #fde68a}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.15)rotate(-3deg)}70%{transform:scale(1.08)rotate(2deg)}to{transform:scale(1)rotate(0)}}.actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5b21b6,#7c3aed);border:none;border-radius:14px;padding:12px 32px;font-size:1rem;font-weight:700;transition:transform .12s,box-shadow .12s;box-shadow:0 4px 14px #7c3aed40}.btn-primary:hover{transform:scale(1.04);box-shadow:0 6px 20px #7c3aed59}.btn-primary:active{transform:scale(.97)}.btn-secondary{color:#5b21b6;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:14px;padding:12px 24px;font-size:1rem;font-weight:700;transition:border-color .12s,background .12s}.btn-secondary:hover{background:#faf5ff;border-color:#c4b5fd}