.game-hub{padding:24px 40px;overflow-y:auto;flex:1;min-height:0;color:#f4e5ae}.game-hub-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}.game-entry{text-align:center;padding:24px 16px;border:1px solid #b8a467;border-radius:20px;background:linear-gradient(135deg,#28654e,#143d33);color:#f6e5b4;min-width:0}.game-entry h2{font-size:32px;margin:12px 0}.game-entry p{font-size:16px}.game-entry strong{display:block;padding:10px;border-radius:10px;background:#e8c26f;color:#244335}.game-entry-symbol{font-size:42px;letter-spacing:8px}.game-entry--open{cursor:pointer}.game-entry--open:hover{border-color:#ffe7aa}.game-entry--closed{opacity:.55}.game-entry--closed strong{background:#294d40;color:#c6c8ad}@media(max-height:500px){.game-hub{padding:10px 20px}.game-hub-games{gap:14px;margin-top:12px}.game-entry{padding:12px}.game-entry-symbol{font-size:26px}.game-entry h2{font-size:25px;margin:5px}.game-entry p{margin:6px 0}}

.rules-directory .game-hub-games{margin-top:0}.self-avatar{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;flex-shrink:0}.self-avatar:focus-visible{outline:2px solid #efd58a;outline-offset:3px}

.header-wallet{display:flex;align-items:center;gap:10px;flex-shrink:0;padding:5px 10px;border:1px solid #ddc27a66;border-radius:10px;background:#10392ed9;color:#ecd9a2}.header-wallet>span{display:grid;gap:1px;font-size:10px;white-space:nowrap}.header-wallet strong{display:block;font-size:18px;font-variant-numeric:tabular-nums;line-height:1.1}.header-wallet-ledger{background:transparent;border:0;border-left:1px solid #ddc27a66;border-radius:0;color:#ecd9a2;padding:8px 0 8px 10px;min-height:32px;font-size:11px;white-space:nowrap;cursor:pointer}.header-wallet-ledger:disabled{opacity:.5}.header-wallet-ledger:focus-visible{outline:2px solid #efd58a;outline-offset:2px}
@media(max-width:1000px){.header-wallet{gap:6px;padding:3px 6px}.header-wallet strong{font-size:15px}.header-wallet-ledger{font-size:10px;padding-left:6px}.game-header:has(.header-wallet) .timer:empty{display:none}.game-header:has(.header-wallet) .header-right{gap:5px}}
@media(max-width:740px){.game-header:has(.header-wallet){padding-left:10px;padding-right:10px}.game-header:has(.header-wallet) .header-divider{display:none}.game-header:has(.header-wallet) .header-left>.yunqi-brand{display:inline-flex;width:92px}.game-header:has(.header-wallet) .brand-emblem{display:none}.game-header:has(.header-wallet) .brand-wordmark{width:92px}.game-header:has(.header-wallet) .header-right{gap:3px}.game-header:has(.header-wallet) .header-right .icon-btn{width:37px;min-width:0}.header-wallet{gap:4px;padding:3px 5px}.header-wallet strong{font-size:13px;max-width:108px;overflow:hidden;text-overflow:ellipsis}.header-wallet-ledger{font-size:9px;padding-left:5px}}

.app-shell:has(>.game-hub){display:flex;flex-direction:column}.app-shell:has(>.game-hub)>.game-header{flex-shrink:0}.game-hub{display:flex;flex-direction:column}.game-hub>.game-hub-games{width:100%;margin-block:auto}