/* Homepage navigation. Scope every rule so game and account headers are unaffected. */
body .cloud-modal-status,body .account-modal-status{flex:none;margin:0;padding:8px 20px;background:#edf6fc;color:#416b87;font-size:13px}
body .cloud-modal-status:empty,body .account-modal-status:empty{display:none}
body .account-modal .account-modal-close:disabled{opacity:.45;cursor:wait}
body dialog.account-modal{width:min(420px,calc(100vw - 32px));height:min(var(--account-dialog-height,280px),calc(100dvh - 48px));max-width:none;max-height:none;padding:0;margin:auto;border:1px solid #dce8f2;border-radius:22px;background:#f4f9fc;color:#18384f;box-shadow:0 24px 80px #163c6540;overflow:hidden}
body #account-modal,body #account-modal iframe{background:#fff}
body dialog.account-modal[open]{display:flex;flex-direction:column}
body dialog.account-modal::backdrop{background:#15344f66;backdrop-filter:blur(3px)}
body .account-modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;padding:14px 20px;border-bottom:1px solid #e1ebf2;background:#fff}
body .account-modal-header h2{margin:0;color:#18384f;font:700 20px/1.4 system-ui,sans-serif}
body .account-modal-close{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:12px;background:#edf5fa;color:#315574;font:400 28px/1 system-ui;cursor:pointer;box-shadow:none}
body .account-modal-close:hover{background:#dfedf7}
body .account-modal-close:focus-visible{outline:3px solid #168fe0;outline-offset:2px}
body .account-modal iframe{display:block;flex:1;min-height:0;width:100%;border:0;background:#f4f9fc}
@media(max-width:600px){body dialog.account-modal{width:min(420px,calc(100vw - 32px));height:min(var(--account-dialog-height,280px),calc(100dvh - 32px));border-radius:18px}body .account-modal-header{padding:10px 16px}}
body dialog.account-modal.cloud-modal{width:min(860px,calc(100vw - 24px));height:min(var(--cloud-dialog-height,400px),800px,calc(100dvh - 32px))}
@media(max-width:600px){body dialog.account-modal.cloud-modal{width:calc(100vw - 16px);height:min(var(--cloud-dialog-height,400px),calc(100dvh - 20px))}}
body .topbar.compact-topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px!important;min-height:72px;padding:10px 20px;border-radius:18px;position:relative;z-index:30;box-sizing:border-box}
body .compact-topbar .brand{font-size:19px;gap:8px;min-width:0}
body .compact-topbar .brand-product{font-size:11px;margin-top:3px}
body .compact-topbar .main-nav{display:contents}
body .compact-topbar .nav-primary,body .compact-topbar .nav-actions{display:flex;align-items:center;gap:6px;min-width:0}
body .compact-topbar .nav-primary{justify-self:end}
body .compact-topbar .nav-actions{justify-self:end;padding-left:14px;border-left:1px solid #e4edf5}
body .compact-topbar .main-nav .nav-control{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;margin:0;padding:0 13px;border:0;border-radius:12px;background:transparent;box-shadow:none;color:#315574;font:600 14px/1.4 system-ui,sans-serif;white-space:nowrap;text-decoration:none;cursor:pointer;box-sizing:border-box}
body .compact-topbar .nav-control:hover,body .compact-topbar .nav-control[aria-expanded=true]{background:#eff7fd;color:#087ec9}
body .compact-topbar .nav-control[aria-current=page],body .compact-topbar .nav-control[aria-pressed=true],body .compact-topbar .nav-control.nav-current{background:#e8f5ff;color:#087ec9;box-shadow:none}
body .compact-topbar .main-nav .nav-icon-button{position:relative;width:44px;padding:0}
body .compact-topbar .nav-icon{width:20px;height:20px;flex:none;pointer-events:none}
body .compact-topbar #nav-tools-toggle>.nav-icon:last-child{width:14px;height:14px}
body .compact-topbar .nav-dropdown{position:relative}
body .compact-topbar .nav-panel{position:absolute;top:calc(100% + 8px);right:0;width:244px;max-width:calc(100vw - 32px);padding:6px;border:1px solid #dce8f2;border-radius:14px;background:#fff;box-shadow:0 12px 36px #193c6526;box-sizing:border-box;z-index:40}
body .compact-topbar .nav-panel a,body .compact-topbar .nav-panel button{display:flex;align-items:center;gap:10px;min-height:44px;width:100%;margin:0;padding:10px 12px;border:0;border-radius:8px;background:transparent;box-shadow:none;text-align:left;color:#315574;font:500 14px/1.5 system-ui,sans-serif;text-decoration:none;white-space:normal;cursor:pointer;box-sizing:border-box}
body .compact-topbar .nav-panel a:hover,body .compact-topbar .nav-panel button:hover,body .compact-topbar .nav-panel [aria-current=page]{background:#eff7fd;color:#087ec9;box-shadow:none}
body .compact-topbar .nav-panel hr{height:1px;margin:5px 8px;border:0;background:#e7eef4}
body .compact-topbar .nav-panel .nav-logout{color:#a34545}
body .compact-topbar .feedback-entry:before{content:'';width:20px;height:18px;flex:none;background:currentColor;clip-path:polygon(0 0,100% 0,100% 80%,40% 80%,15% 100%,15% 80%,0 80%,0 0,8% 10%,8% 70%,23% 70%,23% 80%,36% 70%,92% 70%,92% 10%,8% 10%)}
body .compact-topbar .nav-badge{position:absolute;top:0;right:-4px;min-width:16px;padding:1px 3px;border:2px solid white;border-radius:20px;background:#dc554f;color:white;font:700 10px/14px system-ui;box-sizing:content-box}
body .compact-topbar :is(a,button):focus-visible{outline:3px solid #168fe0;outline-offset:3px}
body .compact-topbar [hidden]{display:none!important}
body .compact-topbar .nav-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
body.is-guest .compact-topbar .nav-tools,body.is-guest .compact-topbar .nav-account{display:none}
@media(max-width:900px){body .topbar.compact-topbar{gap:10px!important;padding:10px 14px}body .compact-topbar .brand{font-size:16px}body .compact-topbar .main-nav .nav-control{padding:0 10px;font-size:13px}body .compact-topbar .main-nav .nav-icon-button{padding:0}body .compact-topbar .nav-actions{padding-left:8px;gap:2px}}
@media(max-width:720px){body .topbar.compact-topbar{grid-template-columns:minmax(0,1fr) auto;gap:8px!important;padding:10px 12px}body .compact-topbar .brand{grid-column:1;grid-row:1}body .compact-topbar .nav-actions{grid-column:2;grid-row:1;border:0;padding:0}body .compact-topbar .nav-primary{grid-column:1/-1;grid-row:2;justify-self:start}body .compact-topbar .nav-tools .nav-panel{left:auto;right:0}body.is-guest .compact-topbar .nav-primary{display:none}}
@media(max-width:420px){body .compact-topbar .brand{font-size:14px}body .compact-topbar .brand .brand-icon{display:none}body .compact-topbar .brand-product{font-size:10px}}
body dialog.account-modal.legacy-modal{width:min(680px,calc(100vw - 32px));height:min(var(--legacy-dialog-height,460px),700px,calc(100dvh - 40px));background:#fff}
body .legacy-modal iframe{background:#fff}body .legacy-modal .account-modal-header h2{font-size:19px}body .legacy-modal .account-modal-status a{color:#087bb7;text-decoration:underline}
@media(max-width:600px){body dialog.account-modal.legacy-modal{width:calc(100vw - 16px);height:min(var(--legacy-dialog-height,460px),720px,calc(100dvh - 16px));border-radius:18px}body .legacy-modal .account-modal-header{padding:10px 14px}body .legacy-modal .account-modal-header h2{font-size:17px}}