.game-root{min-height:100vh;min-height:100dvh;background:#0f172a;color:#f8fafc;padding:12px;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;-webkit-tap-highlight-color:transparent}.table-header,.user-meta,.opponent-meta,.indicator-row,.last-discard{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.opponents,.user-area,.center-info{margin-top:12px;padding:12px;border-radius:12px;background:#1e293b}.hand-row,.river-row,.meld-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.tile-button{width:52px;height:72px;border-radius:12px;border:2px solid transparent;background:transparent;color:#111827;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:0}.tile-button.selected{transform:translateY(-8px);box-shadow:0 0 0 3px #f59e0ba6}.tile-sprite{display:inline-flex;align-items:center;justify-content:center;line-height:0;filter:drop-shadow(0 1px 1px rgba(15,23,42,.22))}.tile-sprite svg{display:block}.tile-sprite-small svg{width:28px;height:40px}.tile-sprite-medium svg{width:34px;height:48px}.tile-sprite-large svg{width:48px;height:68px}.tile-button:disabled{opacity:.5}.tile-red{color:#dc2626;font-size:10px}.river-tile,.indicator-tile,.meld-box{min-width:36px;min-height:36px;padding:4px 6px;border-radius:8px;background:#334155;display:inline-flex;align-items:center;justify-content:center;gap:2px;flex-wrap:wrap}.last-discard-tile{display:inline-flex;vertical-align:middle;margin-left:4px}.action-buttons{position:sticky;bottom:0;display:flex;gap:8px;flex-wrap:wrap;padding:12px 0 4px;background:linear-gradient(to top,#0f172a 70%,transparent)}.action-button{min-height:44px;padding:0 16px;border-radius:999px;border:none;font-weight:700}.action-button.primary{background:#f59e0b;color:#111827}.action-button.secondary{background:#475569;color:#fff}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617b3;display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000}.modal-card{width:min(100%,420px);background:#f8fafc;color:#111827;border-radius:16px;padding:16px}.modal-card.large{width:min(100%,520px)}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.settlement-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.settlement-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid #cbd5e1}@media (max-width: 480px){.tile-button{width:44px;height:64px}.tile-sprite-large svg{width:40px;height:58px}}