.mobile-drawer-trigger{display:none}.mobile-drawer-overlay{position:fixed;inset:0;z-index:300;background:#0009;animation:drawer-shade .16s ease-out}.mobile-drawer-content{position:fixed;inset-block:0;inset-inline-start:0;z-index:301;display:flex;flex-direction:column;width:min(344px,calc(100vw - 40px));height:100dvh;background:var(--surface);color:var(--text);border-inline-end:1px solid var(--border-strong);box-shadow:12px 0 50px #0006;animation:drawer-enter .2s ease-out}.mobile-drawer-content[dir=rtl]{--drawer-start:100%}.mobile-drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;min-height:72px;padding-block:calc(12px + env(safe-area-inset-top)) 12px;padding-inline:22px 16px;border-bottom:1px solid var(--border)}.mobile-drawer-heading h2{font-size:17px;margin:0}.mobile-drawer-close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border:1px solid var(--border);border-radius:10px;background:var(--surface-raised);color:var(--text);cursor:pointer}.mobile-drawer-body{flex:1 1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 16px calc(24px + env(safe-area-inset-bottom))}.mobile-drawer-content :focus-visible:not(:where(input,textarea)),.mobile-drawer-trigger:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.mobile-drawer-content .nav-group-title{font-size:12px;letter-spacing:.8px;padding:0 12px;margin:20px 0 8px}.mobile-drawer-content .nav-group:first-child .nav-group-title{margin-top:0}.mobile-drawer-content .nav-group+.nav-group{border:0;padding:0}.mobile-drawer-content .nav-group-links,.mobile-drawer-content .sidebar-nav{display:flex;flex-direction:column;overflow:visible;gap:5px}.mobile-drawer-content .sidebar-nav{gap:14px}.mobile-drawer-content .nav-item{min-height:48px;padding:12px;font-size:14px;white-space:normal;text-align:start}.mobile-drawer-content .nav-item svg{flex-shrink:0}.mobile-drawer-content .nav-label,.mobile-drawer-content .sidebar-footer,.mobile-drawer-content .sidebar-note{display:none}.drawer-utilities{display:grid;gap:5px;padding-top:18px;margin-top:20px;border-top:1px solid var(--border)}.drawer-join-entry{width:100%;min-height:48px;margin-bottom:24px}.drawer-settings{display:grid;gap:12px;padding-top:18px;margin-top:18px;border-top:1px solid var(--border)}.drawer-sound-settings>summary{padding:12px;min-height:44px;border:1px solid var(--border);border-radius:10px;cursor:pointer;color:var(--text);font-size:14px}.drawer-sound-settings[open]>summary{margin-bottom:8px}.drawer-sound-settings>summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.drawer-settings>label{margin:0;display:grid;gap:8px;font-size:12px;color:var(--muted)}.drawer-settings .select-trigger{width:100%;min-height:46px;max-width:none;margin:0}.drawer-tools{display:flex;gap:10px;align-items:center}.mobile-drawer-content .game-inbox{position:static}.mobile-drawer-content .inbox-panel{position:static;width:100%;margin-top:12px;max-height:none}@keyframes drawer-enter{0%{transform:translateX(var(--drawer-start,-100%))}to{transform:translateX(0)}}@keyframes drawer-shade{0%{opacity:0}to{opacity:1}}@media (max-width:800px){.site-menu-trigger{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border:1px solid var(--border);border-radius:10px;color:var(--text);background:var(--surface);cursor:pointer}.app-shell>.sidebar,.site-menu-trigger>span{display:none}.app-shell>.topbar{display:grid;grid-template-columns:44px minmax(36px,1fr) auto;min-height:64px;height:auto;gap:8px;padding:calc(10px + env(safe-area-inset-top)) 12px 10px}.topbar>.brand{grid-column:2;grid-row:1;max-width:none;gap:7px;font-size:20px}.topbar>.brand .brand-symbol{width:36px;height:36px;font-size:24px;border-radius:9px;flex-shrink:0}.topbar>.brand small,.topbar>.brand>span:not(.brand-symbol){display:none}.app-shell>.topbar>.topbar-nav{display:flex;grid-column:1/-1;grid-row:2;overflow-x:auto;scrollbar-width:none;padding-top:8px;border-top:1px solid var(--border)}.app-shell>.topbar>.topbar-nav::-webkit-scrollbar{display:none}.app-shell>.topbar>.topbar-actions{grid-column:3;grid-row:1;width:auto;gap:6px;flex-wrap:nowrap;justify-content:flex-end}.topbar-actions>.chain-badge,.topbar-actions>.game-selector,.topbar-actions>.header-refresh{display:none}.app-shell .topbar-actions>.game-inbox{display:flex;gap:5px}.app-shell .topbar-actions>.game-inbox>.button{width:36px;min-width:36px;height:44px;padding:0}.app-shell .topbar-actions>.language-selector{display:inline-flex;height:44px;min-width:88px;max-width:88px;padding-inline:8px;gap:6px}.app-shell>.topbar .account-menu-trigger{position:static;width:44px;min-width:44px;height:44px;padding:4px;border-radius:12px}.app-shell>.topbar .account-menu-chevron{display:none}.app-shell .topbar-actions>.header-connect{width:auto;min-width:0;max-width:120px;height:44px;min-height:44px;padding:0 12px;border-radius:12px;background:#e5ba6c18;border:1px solid #e5ba6c55;color:var(--gold);box-shadow:none;transform:none;font-size:12px;white-space:nowrap}.header-connect>svg{display:none}.header-connect>span{display:block;white-space:normal;overflow-wrap:normal;line-height:1.25}.site-menu-trigger{border-color:transparent;background:transparent}}@media (max-width:420px){.app-shell .topbar-actions>.language-selector{min-width:60px;max-width:60px}.app-shell .topbar-actions>.language-selector .select-leading-icon{display:none}.app-shell .topbar-actions>.header-connect{max-width:92px}}@media (max-width:360px){.app-shell>.topbar>.topbar-actions{grid-column:1/-1;grid-row:2;justify-content:space-between}.app-shell>.topbar>.topbar-nav{grid-row:3}.app-shell .topbar-actions>.header-connect{max-width:140px;padding-inline:8px}}@media (prefers-reduced-motion:reduce){.mobile-drawer-content,.mobile-drawer-overlay{animation:none}}