.mahjong{max-width:1100px;padding-block:32px}.mahjong h1{font-size:clamp(2rem,5vw,3.4rem);margin:16px 0}.mahjong em{color:#a21caf;font-style:normal}.mahjong .panel{padding:22px;border:1px solid #cbd5e1;border-radius:18px;margin:20px 0;background:#fff;color:#182235}.mahjong input{display:block;max-width:100%;width:360px;padding:12px;margin:8px 0 16px;border:1px solid #64748b;border-radius:8px;font:inherit}.mahjong button{padding:12px 16px;border:1px solid #6b21a8;border-radius:10px;background:#6b21a8;color:white;font:inherit;cursor:pointer;min-height:44px}.mahjong button:disabled{background:#e2e8f0;color:#475569;border-color:#94a3b8;cursor:default}.mahjong :focus-visible{outline:3px solid #f59e0b;outline-offset:3px}.row{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.table{padding:20px;background:linear-gradient(135deg,#065f46,#064e3b);border-radius:24px;border:8px solid #d6b988;color:#fff;margin-top:20px}.seats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.seat{padding:16px;border:2px solid #6ee7b7;border-radius:14px;overflow-wrap:anywhere}.seat.current{background:#ecfdf5;color:#064e3b;border-color:#fbbf24}.seat h3{margin:0 0 8px;font-size:1rem}.seat p{margin:6px 0}.table-center{text-align:center;padding:16px 0}.table-center .row{justify-content:center}.hand{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.mahjong .tile{width:60px;min-height:80px;padding:8px 3px;color:#153429;background:#fffbeb;border:2px solid #a8a29e;box-shadow:0 3px 0 #a8a29e;line-height:1.2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.mahjong .tile strong{font-size:1.35rem}.mahjong .tile small{font-size:.7rem}.mahjong .tile[aria-pressed=true]{border-color:#7e22ce;background:#f3e8ff;box-shadow:0 3px 0 #7e22ce;transform:translateY(-4px)}.discards{display:flex;flex-wrap:wrap;gap:10px;padding-left:22px}.discards li{padding:4px 12px;min-width:100px}.meld{font-size:.85rem}.mahjong summary{cursor:pointer;font-weight:700;min-height:44px}.mahjong [hidden]{display:none!important}#status{border-left:4px solid #a21caf;background:#f3e8ff;padding:14px;color:#3b0764}#room-code{overflow-wrap:anywhere;font-family:monospace}#result{font-weight:700}#revealed p{overflow-wrap:anywhere} @media(max-width:500px){.mahjong{padding-block:20px}.mahjong .panel{padding:16px}.table{padding:12px;border-width:5px}.seats{gap:8px}.seat{padding:10px}.mahjong .tile{width:calc((100% - 40px)/6);min-height:72px}.mahjong button{max-width:100%}.row>button{flex-grow:1}.mahjong h2{font-size:1.25rem}}

.mobile-nav{display:none}.mobile-nav a{display:block;padding:12px;text-decoration:none;color:#182235} .mahjong .tile{min-width:44px} @media(max-width:900px){.mobile-nav{display:block;margin-left:auto}.mobile-nav summary{padding:12px;min-height:44px;cursor:pointer}.mobile-nav[open]>div{position:absolute;right:12px;top:64px;padding:8px;min-width:180px;border:1px solid #cbd5e1;background:white;border-radius:12px;box-shadow:0 8px 20px #18223522}}