:root{font-family:Segoe UI,Inter,system-ui,sans-serif;line-height:1.45}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;transition:background-color .2s ease,color .2s ease}body.theme-dark{--border: #2e3748;--card-bg: #131b29;--input-bg: #0e1522;background:#0b111b;color:#f3f7ff}body.theme-light{--border: #d4d8df;--card-bg: #ffffff;--input-bg: #f7f8fa;background:#eef2f7;color:#1f2a36}button{border-radius:8px;border:1px solid var(--border);padding:.55rem .9rem;background:var(--card-bg);color:inherit;cursor:pointer}#root{width:100%}.layout{max-width:1200px;margin:0 auto;padding:1.5rem 1.25rem 2rem}.layout>section,.layout>.grid,.layout>footer{margin-top:1.2rem}.topbar{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem}.topbar small{opacity:.8}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.card{border-radius:14px;border:1px solid var(--border);background:var(--card-bg);padding:1.2rem;box-shadow:0 8px 20px #0000001a}.row{display:flex;gap:.65rem;margin:.65rem 0;flex-wrap:wrap}.center{justify-content:center}input{width:100%;padding:.65rem .75rem;border-radius:8px;border:1px solid var(--border);background:var(--input-bg);color:inherit}.board,.hand{display:flex;flex-wrap:wrap;gap:.5rem;margin:.7rem 0}.board span,.hand button{border:1px solid var(--border);border-radius:8px;padding:.35rem .5rem;background:#fff;color:#111;font-weight:700}.players{text-align:left;font-size:.92rem}.chatbox{height:160px;overflow:auto;border:1px solid var(--border);border-radius:8px;padding:.5rem;text-align:left}footer{margin-top:1rem;opacity:.8}.hero{text-align:center;padding:2.2rem}.hero h2{margin-top:0;font-size:2rem}.hero p{max-width:680px;margin:0 auto 1rem;opacity:.9}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem;margin:1rem 0}.feature-grid>div{border:1px solid var(--border);border-radius:10px;padding:.75rem;background:var(--input-bg)}.auth-card{max-width:520px;margin:0 auto}@media(max-width:768px){.layout{padding:1rem .85rem 1.5rem}.card{padding:1rem}}