/* Routed pages share the pinned menu balances and navigation. */
#menuPage { position: relative; z-index: 2; min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 26px max(18px, calc((100vw - 1000px) / 2)) 32px; scrollbar-width: thin; background: #061c3266; }
#menuPage .card { width: 100%; max-width: none; max-height: none; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; overflow: visible; text-align: left; animation: none; }
#menuPage .card > header { padding: 0; border: 0; margin-bottom: 8px; }
#menuPage #dialogContent { overflow: visible; padding: 0; }
#menuPage #dialogTitle { color: #ffe6ab; font-size: clamp(28px, 4vw, 42px); margin: 8px 0; }
#menuPage #dialogText { max-width: 650px; font-size: 13px; margin-bottom: 24px; color: #c6dce2; }
#menuPage #dialogTag { color: #9ad8d6; letter-spacing: .16em; }
#menuPage #dialogArt { float: right; margin: 0 0 12px 16px; }
#menuPage #dialogArt > img, #menuPage #dialogArt > canvas { width: 76px; height: 76px; margin: 0; }
#menuPage #dialogBody { clear: both; }
#menuPage #dialogActions { max-width: 280px; margin-top: 24px; }
#menuPage #dialogActions:empty { display: none; }
#menuPage .shop-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
#menuPage .shop-item { padding: 18px 12px; background: linear-gradient(#21465ae8, #102c44f5); border-radius: 22px; }
#menuPage .shop-item > img { width: 100%; height: 140px; object-fit: contain; }
#menuPage .shop-item strong { font-size: 17px; }
#menuPage .shop-item button { min-height: 44px; }
#menuPage .doge-wallet { max-width: 720px; padding: 24px; border: 1px solid #d1b77755; border-radius: 22px; background: linear-gradient(130deg, #2b495cf0, #102c44f5); }
#menuPage .help-row { padding: 18px; margin-bottom: 12px; border: 1px solid #b3d3d42c; border-radius: 18px; background: #14364ce8; font-size: 12px; line-height: 1.6; }
#menuPage .help-row strong { display: block; color: #ffe3a3; font-size: 15px; margin-bottom: 4px; }
#menuPage .task-row { background: #13364deb; }
#menuPage .setting-row, #menuPage .history { padding: 20px; border: 1px solid #a7d1d433; border-radius: 16px; background: #14364de8; margin-block: 12px; }
#home .lobby-nav #navBattle:not([aria-current]) { color: #a9c6d4; background: none; border-color: transparent; }
#home .lobby-nav button[aria-current="page"] { color: #ffe0a0; background: linear-gradient(#ffe4a526, #ffe4a50b); border: 1px solid #d7b26d60; }
@media (min-width: 900px) { #menuPage .shop-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 370px) { #menuPage { padding-inline: 12px; } #menuPage .doge-wallet { padding: 16px; } #menuPage .doge-wallet-heading { grid-template-columns: minmax(0, 1fr); } #menuPage .doge-wallet-balance { gap: 12px; flex-wrap: wrap; } #menuPage .shop-item > img { height: 110px; } }