.pwaBottomNav{display:none}.pwaHomeCard{display:none}.pwaToastV2{position:fixed;left:50%;bottom:88px;transform:translate(-50%,18px);opacity:0;pointer-events:none;z-index:10000;display:flex;align-items:center;gap:12px;max-width:min(92vw,560px);padding:12px 14px;border-radius:14px;background:#111923;color:#f7f9fb;box-shadow:0 12px 35px rgba(0,0,0,.28);transition:.2s ease;font-size:14px}.pwaToastV2.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}.pwaToastV2 button{border:0;border-radius:9px;padding:8px 10px;background:#f1c96a;color:#231a08;font-weight:800}.pwaInstallSheet{position:fixed;inset:0;z-index:10020;background:rgba(4,8,14,.62);display:grid;place-items:end center;padding:16px}.pwaInstallSheet.hidden{display:none}.pwaInstallCard{position:relative;width:min(100%,520px);background:#fff;color:#182235;border-radius:22px;padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.32)}.pwaInstallCard strong{display:block;font-size:20px;margin-bottom:8px}.pwaInstallCard p{margin:0 0 16px;line-height:1.5;color:#4a5567}.pwaSheetClose{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:28px;color:#526072}.pwaInstallAction{width:100%}.pwaHomeCard{margin:14px 0 18px;padding:18px;border-radius:20px;background:linear-gradient(145deg,#172337,#202e43);color:#fff;box-shadow:0 12px 32px rgba(8,17,30,.18)}.pwaHomeCard h2{margin:4px 0 6px;font-size:24px}.pwaHomeCard p{margin:0;color:#ced7e2}.pwaHomeActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.pwaHomeActions .ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:#f7f9fb}.pwaHomeActions button{min-height:44px}.pwaBottomNav a{color:inherit;text-decoration:none}.pwaBottomNav a:focus-visible{outline:2px solid #f2c568;outline-offset:-3px}html[data-online="false"] .pwaBottomNav:before{content:"OFFLINE";position:absolute;right:8px;top:-17px;background:#8a5a14;color:#fff3d8;font-size:9px;font-weight:900;letter-spacing:.08em;padding:3px 6px;border-radius:7px 7px 0 0}body:has(.modal:not(.hidden)) .pwaBottomNav{visibility:hidden;pointer-events:none}@media(max-width:820px){body{padding-bottom:78px}.pwaHomeCard{display:block}.pwaBottomNav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;z-index:9500;min-height:68px;padding:6px max(6px,env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-right));background:rgba(18,26,38,.96);backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -8px 25px rgba(0,0,0,.18);color:#edf2f7}.pwaBottomNav a{display:flex;min-width:0;min-height:52px;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:10px;font-size:18px}.pwaBottomNav a:active{background:rgba(255,255,255,.08)}.pwaBottomNav b{font-size:10px;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pwaHomeActions{display:grid;grid-template-columns:1fr 1fr}.pwaHomeActions #pwaResumeBtn{grid-column:1/-1}.pwaToastV2{bottom:86px}.sideNav{padding-bottom:84px}}@media(display-mode:standalone) and (max-width:820px){.topbar{padding-top:max(10px,env(safe-area-inset-top))}.pwaHomeCard{margin-top:8px}}@media(max-width:430px){.pwaHomeCard{border-radius:16px;padding:15px}.pwaHomeCard h2{font-size:21px}.pwaBottomNav b{font-size:9px}}

/* mobile-nav-option1-20260917 */
.pwaMoreSheet{display:none}
@media (min-width:761px) and (max-width:820px){
  body{padding-bottom:0}
  .pwaBottomNav{display:none!important}
}
@media(max-width:760px){
  body{padding-bottom:0}
  .sideNav{display:none!important}
  .appMain{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}
  .pwaBottomNav{
    grid-template-columns:repeat(5,minmax(0,1fr));
    min-height:68px;
    padding:5px max(6px,env(safe-area-inset-left)) calc(5px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-right));
    background:rgba(6,25,43,.98);
    border-top:1px solid rgba(221,166,61,.28);
  }
  .pwaBottomNav a,.pwaBottomNav button{
    appearance:none;
    -webkit-appearance:none;
    border:0;
    background:transparent;
    color:#d7e0e7;
    text-decoration:none;
    display:flex;
    min-width:0;
    min-height:52px;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    border-radius:10px;
    font:inherit;
    cursor:pointer;
    padding:4px 2px;
  }
  .pwaBottomNav a span,.pwaBottomNav button span{font-size:18px;line-height:1}
  .pwaBottomNav a b,.pwaBottomNav button b{font-size:10px;line-height:1.1;font-weight:800;white-space:nowrap}
  .pwaBottomNav a.active,.pwaBottomNav button.active{color:#efc56e;background:rgba(221,166,61,.08)}
  .pwaBottomNav a:focus-visible,.pwaBottomNav button:focus-visible{outline:2px solid #efc56e;outline-offset:-3px}
  .pwaMoreSheet:not(.hidden){display:block;position:fixed;inset:0;z-index:9490}
  .pwaMoreBackdrop{position:absolute;inset:0;background:rgba(2,9,16,.62);backdrop-filter:blur(3px)}
  .pwaMoreCard{
    position:absolute;
    left:10px;right:10px;
    bottom:calc(74px + env(safe-area-inset-bottom));
    max-height:min(70vh,560px);
    overflow:auto;
    border:1px solid rgba(221,166,61,.3);
    border-radius:20px;
    background:linear-gradient(160deg,#0a2033,#071827);
    color:#edf3f7;
    box-shadow:0 -12px 42px rgba(0,0,0,.34);
    padding:16px;
  }
  .pwaMoreCard header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
  .pwaMoreCard header div{display:grid;gap:3px}
  .pwaMoreCard header span{font-size:10px;font-weight:900;letter-spacing:.12em;color:#d7a33e}
  .pwaMoreCard header strong{font-size:17px}
  .pwaMoreClose{width:38px;height:38px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:#102b40;color:#fff;font-size:26px;line-height:1;cursor:pointer}
  .pwaMoreGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .pwaMoreGrid a{
    min-height:64px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:11px 12px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:13px;
    background:rgba(255,255,255,.045);
    color:#eaf0f4;
    text-decoration:none;
  }
  .pwaMoreGrid a:active{background:rgba(221,166,61,.12)}
  .pwaMoreGrid a span{width:28px;text-align:center;font-size:18px;color:#efc56e;font-weight:900}
  .pwaMoreGrid a b{font-size:12px;line-height:1.2}
  body.pwaMoreOpen{overflow:hidden}
}
@media(max-width:390px){
  .pwaBottomNav a b,.pwaBottomNav button b{font-size:9px}
  .pwaBottomNav a span,.pwaBottomNav button span{font-size:17px}
  .pwaMoreGrid{gap:7px}
  .pwaMoreGrid a{padding:10px 9px}
}