.word-page{color:#17324d;background:linear-gradient(135deg,#ecfdf5,#dbeafe);min-height:100vh;padding:1rem}.word-header{justify-content:space-between;align-items:center;gap:1rem;max-width:960px;margin:0 auto 1rem;display:flex}.word-header h1{margin:0}.word-table{gap:1rem;max-width:960px;margin:0 auto;display:grid}.word-card,.word-players,.word-guess,.word-gameover{background:#ffffffeb;border:1px solid #17324d26;border-radius:24px;padding:1rem;box-shadow:0 16px 40px #17324d1f}.word-kicker{text-transform:uppercase;letter-spacing:.12em;color:#047857;margin:0;font-weight:800}.word-pattern{flex-wrap:wrap;gap:.5rem;margin:1.25rem 0;display:flex}.word-pattern span{text-transform:uppercase;background:#f0fdf4;border-bottom:4px solid #047857;border-radius:12px 12px 4px 4px;place-items:center;width:3rem;height:3.5rem;font-size:2rem;font-weight:900;display:grid}.word-players{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));display:grid}.word-players div{border-radius:16px;gap:.25rem;padding:.75rem;display:grid}.word-players .current{background:#dcfce7;outline:2px solid #22c55e}.word-guess{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.word-guess input{text-align:center;text-transform:uppercase;width:4rem;font-size:1.5rem}.word-status{text-align:center;font-weight:700}.word-gameover{justify-content:space-between;align-items:center;gap:1rem;font-weight:800;display:flex}