/* Desktop account and recovery presentation. Notifications remain untouched. */
@media (min-width:901px) {
#gkAccountModal {background:rgba(44,39,34,.48);padding:14px;}
#gkAccountModal .gk-account-window {width:min(860px,100%);max-height:calc(100svh - 28px);border:1px solid #e0d5c4;border-radius:22px;color:#292820;background:#faf6ee;box-shadow:0 24px 70px #201a194d,inset 0 1px #fff;backdrop-filter:none;-webkit-backdrop-filter:none;}
#gkAccountModal .gk-account-window::before {background:none;}
#gkAccountModal .gk-account-accent {display:none;}
#gkAccountModal .gk-account-inner {padding:20px 26px 16px;background:transparent;}
#gkAccountModal .gk-account-header {position:relative;justify-content:center;align-items:center;min-height:76px;margin-bottom:10px;padding-inline:44px;}
#gkAccountModal .gk-account-brand {justify-content:center;gap:13px;text-align:center;}
#gkAccountModal .gk-account-logo-frame {width:78px;height:54px;padding:0;border-color:#cdb78b;background:#242421;box-shadow:none;border-radius:12px;}
#gkAccountModal .gk-account-logo {object-fit:contain;}
#gkAccountModal .gk-account-brand-name {color:#292820;font-size:23px;font-weight:900;text-shadow:none;margin-bottom:2px;}
#gkAccountModal .gk-account-title {color:#292820;font-size:18px;margin-bottom:2px;}
#gkAccountModal .gk-account-subtitle {color:#686054;font-size:11px;line-height:1.7;}
#gkAccountModal .gk-account-close {position:absolute;top:0;left:0;width:34px;height:34px;border-color:transparent;color:#39362f;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;font-size:29px;box-shadow:none;}
#gkAccountModal .gk-account-close:hover {background:#ece4d6;transform:none;}
#gkAccountModal .gk-account-tabs {width:100%;gap:0;padding:0;margin:8px auto 20px;border-color:#d0c3b3;background:#efe9df;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;}
#gkAccountModal .gk-account-tab {min-height:42px;color:#554e42;font-size:14px;}
#gkAccountModal .gk-account-tab[aria-selected="true"] {color:#fffdf6;background:#33332c;box-shadow:inset 0 -3px #b99143;}
#gkAccountModal .gk-account-form-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px;}
#gkAccountModal[data-account-view="login"] .gk-account-window {width:min(540px,100%);}
#gkAccountModal #gkAccountLoginForm .gk-account-form-grid {grid-template-columns:1fr;gap:16px;}
#gkAccountModal .gk-account-field-label {color:#353128;font-size:13px;}
#gkAccountModal .gk-account-input-shell {min-height:45px;padding:0 12px;border-color:#cfc5b9;background:#fffdf8;color:#99805a;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;}
#gkAccountModal .gk-account-input-shell:focus-within {border-color:#9b762c;background:#fffefa;box-shadow:0 0 0 3px #ba934221;}
#gkAccountModal .gk-account-input {color:#292820;font-size:13px;}
#gkAccountModal .gk-account-input::placeholder {color:#847c70;opacity:1;}
#gkAccountModal .gk-account-field-help {color:#796947;font-size:10px;}
#gkAccountModal .gk-account-bottom-row {grid-template-columns:1fr;gap:16px;margin-top:20px;}
#gkAccountModal .gk-account-options {color:#4b4439;font-size:12px;}
#gkAccountModal .gk-account-checkbox {accent-color:#9a762b;width:18px;height:18px;}
#gkAccountModal .gk-account-rules-link,#gkAccountModal .gk-account-text-action {color:#86621c;text-underline-offset:4px;}
#gkAccountModal .gk-account-submit {min-height:46px;border:1px solid #b28b39;color:#fffdf7;background:#30312b;box-shadow:inset 0 -2px #b99143,0 3px 7px #6e531719;}
#gkAccountModal .gk-account-secondary,#gkAccountModal .gk-account-refresh,#gkAccountModal .gk-account-logout {min-height:36px;padding:7px 14px;border:1px solid #c3a874;color:#654a1c;background:#fffaf0;box-shadow:none;font-size:12px;}
#gkAccountModal .gk-account-logout {color:#6a4641;border-color:#ccbeb0;background:transparent;}
#gkAccountModal :is(.gk-account-submit,.gk-account-secondary,.gk-account-refresh,.gk-account-logout):hover {transform:none;filter:brightness(.96);}
#gkAccountModal :is(button,a,input):focus-visible {outline:2px solid #97701e;outline-offset:3px;}
#gkAccountModal .gk-account-message {color:#655b4b;min-height:0;line-height:1.7;}
#gkAccountModal .gk-account-message:empty {display:none;}
#gkAccountModal .gk-account-message[data-state="error"] {color:#a23137;}
#gkAccountModal .gk-account-message[data-state="success"] {color:#256843;}
#gkAccountModal .gk-account-privacy {color:#776d5c;font-size:10px;margin-top:8px;}
#gkAccountModal[data-account-view="profile"] .gk-account-window {width:min(1120px,100%);height:min(760px,calc(100svh - 28px));overflow:hidden;}
#gkAccountModal[data-account-view="profile"] .gk-account-inner {height:100%;display:flex;flex-direction:column;min-height:0;padding:16px 22px 12px;}
#gkAccountModal[data-account-view="profile"] .gk-account-header {min-height:62px;flex:0 0 62px;margin-bottom:8px;}
#gkAccountModal[data-account-view="profile"] .gk-account-brand-name {font-size:19px;}
#gkAccountModal[data-account-view="profile"] .gk-account-title {font-size:19px;}
#gkAccountModal[data-account-view="profile"] .gk-account-logo-frame {width:67px;height:46px;}
#gkAccountModal #gkAccountProfilePanel {flex:1 1 0;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:68px 54px 88px minmax(70px,1fr) 36px;grid-template-areas:"user user" "stats stats" "notifications recovery" "ads ads" "actions actions";gap:10px 16px;}
#gkAccountModal .gk-account-user-row {grid-area:user;margin:0;padding:7px 12px;border:1px solid #d8ccbb;border-radius:13px;background:#f3eee5;}
#gkAccountModal .gk-account-profile {border:0;background:none;box-shadow:none;padding:0;grid-template-columns:46px minmax(0,1fr);gap:11px;}
#gkAccountModal .gk-account-avatar {width:46px;height:46px;border:0;border-radius:50%;color:#4d4639;background:#e5d9c5;font-size:22px;}
#gkAccountModal .gk-account-profile h3 {color:#2f2c26;font-size:15px;margin-bottom:2px;}
#gkAccountModal .gk-account-profile p {color:#6b6254;font-size:11px;}
#gkAccountModal .gk-account-profile small {color:#397444;margin-top:1px;font-size:10px;}
#gkAccountModal .gk-account-stats {grid-area:stats;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;}
#gkAccountModal .gk-account-stats article {min-height:0;border-color:#d8ccbb;background:#fffaf2;padding:8px 12px;}
#gkAccountModal .gk-account-stats span {color:#605747;font-size:11px;}
#gkAccountModal .gk-account-stats strong {color:#343026;font-size:23px;}
#gkAccountModal .gk-account-recovery-manage {grid-area:recovery;margin:0;padding:10px 13px;gap:3px 10px;grid-template-columns:minmax(0,1fr) auto;border-color:#b99a5d;background:#fffaf2;}
#gkAccountModal .gk-account-recovery-manage strong {color:#3d3321;font-size:13px;}
#gkAccountModal .gk-account-recovery-manage p {color:#736750;font-size:10px;line-height:1.8;}
#gkAccountModal #gkAccountRecoveryRotate {min-width:112px;min-height:34px;padding:6px 10px;font-size:11px;}
#gkAccountModal .gk-account-notifications-launch {grid-area:notifications;width:100%;height:100%;min-height:0;margin:0;padding:10px 14px;gap:12px;border:1px solid #b99a5d;border-radius:13px;color:#80601f;background:#fffaf2;box-shadow:none;display:flex;align-items:center;text-align:right;}
#gkAccountModal .gk-account-notifications-launch:hover {background:#f1e8d6;transform:none;}
#gkAccountModal .gk-account-notifications-bell {position:relative;width:30px;height:30px;flex:0 0 30px;color:#977022;background:transparent;box-shadow:none;}
#gkAccountModal .gk-account-notifications-bell svg {width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;}
#gkAccountModal #gkAccountNotificationsBadge {background:#ac8337;color:#fff;font-size:10px;}
#gkAccountModal .gk-account-notifications-divider {background:#ddceb0;}
#gkAccountModal .gk-account-notifications-copy {display:grid;gap:4px;flex:1;min-width:0;}
#gkAccountModal .gk-account-notifications-copy strong {color:#3d3321;font-size:14px;}
#gkAccountModal .gk-account-notifications-copy small {color:#736750;font-size:11px;}
#gkAccountModal .gk-account-notifications-arrow {color:#80601f;font-size:24px;}
#gkAccountModal .gk-account-my-ads {grid-area:ads;min-height:0;padding:0;border:0;background:transparent;display:flex;flex-direction:column;overflow:hidden;}
#gkAccountModal .gk-account-my-ads-head {flex:0 0 auto;margin:0 0 7px;min-height:34px;}
#gkAccountModal .gk-account-my-ads-head h3 {color:#302c23;font-size:16px;}
#gkAccountModal .gk-account-my-ads-head p,#gkAccountModal .gk-account-my-ads-head small {color:#766b59;font-size:10px;}
#gkAccountModal .gk-account-ads-list {flex:1 1 0;min-height:0;max-height:none;height:100%;grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;justify-content:stretch;align-content:start;gap:8px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#af8a42 #eee6d8;padding:3px 4px;border:1px solid #d8ccbb;border-radius:12px;background:#fffcf6;}
#gkAccountModal .gk-account-ad-card {display:grid;grid-template-columns:68px minmax(0,1fr) 170px;align-items:center;gap:12px;min-height:102px;width:100%;padding:9px 12px;border:0;border-bottom:1px solid #e5dccc;border-radius:0;background:transparent;}
#gkAccountModal .gk-account-ad-image {width:68px;height:70px;aspect-ratio:auto;border:0;border-radius:8px;background:#e7ddcc;color:#a28b60;}
#gkAccountModal .gk-account-ad-content {padding:0;gap:3px;}
#gkAccountModal .gk-account-ad-topline {justify-content:flex-start;gap:8px;}
#gkAccountModal .gk-account-ad-kind {background:#eee5d3;color:#766138;}
#gkAccountModal .gk-account-ad-status {background:#e7e7e2;color:#52534c;}
#gkAccountModal .gk-account-ad-status[data-state="pending_review"] {background:#f4e7c7;color:#805c12;}
#gkAccountModal .gk-account-ad-status[data-state="rejected"] {background:#f4e0df;color:#943c3c;}
#gkAccountModal .gk-account-ad-status:is([data-state="published"],[data-state="active"]) {background:#e1ecd9;color:#3a6831;}
#gkAccountModal .gk-account-ad-status[data-state="approved_waiting_payment"] {background:#f6e8c8;color:#876111;}
#gkAccountModal .gk-account-ad-title {min-height:0;margin:0;color:#353024;font-size:13px;line-height:1.7;}
#gkAccountModal .gk-account-ad-message {min-height:0;margin:0;color:#736957;font-size:10px;-webkit-line-clamp:2;}
#gkAccountModal .gk-account-ad-meta {color:#877b67;font-size:9px;margin:0;}
#gkAccountModal .gk-account-ad-reference {width:auto;color:#665333;font-size:10px;letter-spacing:.03em;}
#gkAccountModal .gk-account-ad-actions {display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:0;}
#gkAccountModal .gk-account-ad-copy,#gkAccountModal .gk-account-ad-pay,#gkAccountModal .gk-account-ad-capacity {min-height:30px;padding:5px 8px;border-color:#c5ac79;color:#76561d;background:#fff9ed;font-size:10px;line-height:1.7;white-space:normal;}
#gkAccountModal .gk-account-ad-pay {color:#fff8e8;background:#34342c;}
#gkAccountModal .gk-account-ad-capacity {color:#76561d;background:#f4e8cc;}
#gkAccountModal .gk-account-ads-empty {min-height:62px;border-color:#dfcfaf;color:#7c6d52;font-size:12px;}
#gkAccountModal .gk-account-actions {grid-area:actions;justify-content:space-between;margin:0;gap:12px;}
#gkAccountModal #gkAccountContinue {background:#33342d;color:#fffaf0;border-color:#b08b3e;}
#gkAccountModal[data-account-view="profile"] .gk-account-message {flex:0 0 auto;max-height:50px;overflow:auto;margin-top:5px;font-size:11px;}
#gkAccountModal[data-account-view="profile"] .gk-account-privacy {flex:0 0 auto;margin-top:6px;line-height:15px;}
}
@media (min-width:901px) and (max-height:620px) {
#gkAccountModal[data-account-view="profile"] .gk-account-inner {padding:10px 18px;}
#gkAccountModal[data-account-view="profile"] .gk-account-header {flex-basis:48px;min-height:48px;margin-bottom:6px;}
#gkAccountModal[data-account-view="profile"] .gk-account-logo-frame {height:40px;width:58px;}
#gkAccountModal[data-account-view="profile"] .gk-account-brand-name {font-size:17px;}
#gkAccountModal[data-account-view="profile"] .gk-account-title {font-size:16px;}
#gkAccountModal[data-account-view="profile"] .gk-account-subtitle {font-size:10px;}
#gkAccountModal #gkAccountProfilePanel {grid-template-rows:60px 46px 78px minmax(62px,1fr) 34px;gap:7px 12px;}
#gkAccountModal .gk-account-avatar {width:42px;height:42px;}
#gkAccountModal .gk-account-recovery-manage {padding:7px 10px;}
#gkAccountModal .gk-account-recovery-manage strong {font-size:12px;}
#gkAccountModal .gk-account-my-ads-head {min-height:26px;margin-bottom:4px;}
#gkAccountModal .gk-account-actions button {min-height:34px;}
#gkAccountModal[data-account-view="profile"] .gk-account-privacy {font-size:9px;margin-top:4px;}
}

@media (min-width:901px) {
#gkAccountModal {padding:28px;}
#gkAccountModal .gk-account-window {position:relative;max-height:calc(100svh - 56px);}
#gkAccountModal[data-account-view="profile"] .gk-account-window {width:min(940px,100%);height:min(650px,calc(100svh - 64px));}
#gkAccountModal[data-account-view="profile"] .gk-account-inner {padding:14px 18px 10px;}
#gkAccountModal[data-account-view="profile"] .gk-account-header {min-height:46px;flex:0 0 46px;margin-bottom:8px;}
#gkAccountModal[data-account-view="profile"] .gk-account-brand {gap:10px;}
#gkAccountModal[data-account-view="profile"] .gk-account-brand-name {font-size:17px;}
#gkAccountModal[data-account-view="profile"] .gk-account-title {font-size:16px;}
#gkAccountModal[data-account-view="profile"] .gk-account-logo-frame {width:58px;height:40px;}
#gkAccountModal[data-account-view="profile"] #gkAccountProfilePanel {grid-template-rows:54px 42px 66px minmax(0,1fr) 34px;gap:8px 12px;}
#gkAccountModal .gk-account-user-row {padding:5px 10px;}
#gkAccountModal .gk-account-avatar {width:38px;height:38px;font-size:19px;}
#gkAccountModal .gk-account-stats article {padding:4px 10px;display:flex;align-items:center;justify-content:space-between;}
#gkAccountModal .gk-account-stats strong {font-size:20px;}
#gkAccountModal .gk-account-recovery-manage {padding:7px 10px;}
#gkAccountModal .gk-account-recovery-manage p {margin:0;}
#gkAccountModal .gk-account-recovery-manage strong {font-size:12px;}
#gkAccountModal #gkAccountRecoveryRotate {min-width:92px;font-size:10px;}
#gkAccountModal .gk-account-my-ads-head {min-height:26px;margin-bottom:5px;}
#gkAccountModal .gk-account-ads-list {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:max-content;gap:10px;padding:8px;scroll-padding:8px;}
#gkAccountModal .gk-account-ad-card {display:flex;flex-direction:column;align-items:stretch;gap:5px;min-height:224px;padding:9px;border:1px solid #dfd2bb;border-radius:12px;background:#fffaf1;overflow:visible;}
#gkAccountModal .gk-account-ad-image {width:100%;height:70px;flex:0 0 70px;aspect-ratio:auto;border-radius:7px;}
#gkAccountModal .gk-account-ad-image img {width:100%;height:100%;object-fit:cover;}
#gkAccountModal .gk-account-ad-content {display:flex;flex-direction:column;gap:3px;flex:1;min-width:0;}
#gkAccountModal .gk-account-ad-topline {justify-content:space-between;gap:3px;flex-wrap:wrap;}
#gkAccountModal :is(.gk-account-ad-kind,.gk-account-ad-status) {font-size:9px;padding:2px 5px;line-height:1.5;}
#gkAccountModal .gk-account-ad-title {font-size:12px;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
#gkAccountModal .gk-account-ad-message {font-size:10px;line-height:1.6;-webkit-line-clamp:1;}
#gkAccountModal .gk-account-ad-meta {display:flex;gap:2px 6px;flex-wrap:wrap;font-size:8px;line-height:1.5;}
#gkAccountModal .gk-account-ad-reference {width:100%;font-size:9px;overflow-wrap:anywhere;}
#gkAccountModal .gk-account-ad-actions {width:100%;gap:4px;flex:0 0 auto;}
#gkAccountModal .gk-account-ad-actions button {min-height:28px;padding:4px 5px;font-size:10px;}
#gkAccountModal .gk-account-ads-empty {grid-column:1/-1;}
#gkAccountModal[data-account-view="profile"] .gk-account-privacy {margin-top:4px;font-size:9px;line-height:14px;}
#gkAccountModal[data-account-view="profile"] .gk-account-message {max-height:32px;font-size:10px;margin-top:4px;}
/* Rotation is a sheet over the profile, rather than a layout-expanding row. */
#gkAccountModal #gkAccountRecoveryRotateForm:not([hidden]) {position:absolute;z-index:20;inset:0 0 auto;grid-column:auto;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;align-content:start;gap:12px;padding:24px 34px 64px;min-height:330px;max-height:calc(100% - 20px);overflow:auto;border:0;border-bottom:2px solid #b7954d;border-radius:20px 20px 18px 18px;background:#faf6ee;box-shadow:0 18px 50px #29231d55,0 0 0 100vmax #29231d66;animation:gkRecoverySlide .28s ease-out both;}
#gkAccountModal #gkAccountRecoveryRotateForm .gk-account-recovery-sheet-title {margin:0;color:#302c24;font-size:20px;grid-column:1;}
#gkAccountModal #gkAccountRecoveryRotateForm .gk-account-recovery-sheet-note {color:#71634b;font-size:12px;margin:0;line-height:1.9;grid-column:1;}
#gkAccountModal #gkAccountRecoveryRotateForm .gk-account-recovery-manage-actions {display:flex;gap:12px;justify-content:flex-start;grid-column:1;}
#gkAccountModal #gkAccountRecoveryRotateForm .gk-account-submit {min-width:210px;}
#gkAccountModal #gkAccountRecoveryRotateForm .gk-account-field {max-width:450px;width:100%;}
#gkAccountModal:has(#gkAccountRecoveryRotateForm:not([hidden])) #gkAccountMessage {position:absolute;z-index:21;top:282px;inset-inline:34px;max-height:40px;background:#faf6ee;padding:4px 0;}
#gkAccountModal :is(.gk-account-recovery-intro,.gk-account-recovery-card) {border:1px solid #d7c6a6;border-radius:14px;background:#f5efe2;color:#352e21;box-shadow:none;}
#gkAccountModal .gk-account-recovery-intro {margin:0 0 18px;padding:14px 18px;}
#gkAccountModal .gk-account-recovery-intro :is(strong,p),#gkAccountModal .gk-account-recovery-card :is(h3,p) {color:#4e422c;text-shadow:none;}
#gkAccountModal .gk-account-recovery-intro p {font-size:12px;}
#gkAccountModal .gk-account-recovery-card {padding:22px;gap:14px;}
#gkAccountModal .gk-account-recovery-symbol {color:#ae8636;background:#eae0c9;box-shadow:none;}
#gkAccountModal .gk-account-recovery-code {color:#3b321f;background:#fffaf0;border:1px dashed #ad8c4b;border-radius:10px;font-size:25px;letter-spacing:2px;text-shadow:none;padding:17px;overflow-wrap:anywhere;}
#gkAccountModal .gk-account-recovery-copy {background:#fffaf0;color:#74561b;border:1px solid #b89a5a;border-radius:9px;box-shadow:none;}
#gkAccountModal .gk-account-recovery-confirm {color:#574b35;background:none;}
#gkAccountModal .gk-account-recovery-continue {background:#33342d;color:#fffaf0;border-color:#b08b3e;}
#gkAccountModal [hidden] {display:none!important;}
@keyframes gkRecoverySlide {from{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}
}
@media (min-width:901px) and (max-height:580px) {
#gkAccountModal {padding:16px;}
#gkAccountModal[data-account-view="profile"] .gk-account-window {height:calc(100svh - 32px);max-height:calc(100svh - 32px);}
#gkAccountModal[data-account-view="profile"] .gk-account-subtitle {display:none;}
#gkAccountModal[data-account-view="profile"] #gkAccountProfilePanel {grid-template-rows:48px 36px 58px minmax(0,1fr) 32px;gap:6px 10px;}
#gkAccountModal .gk-account-recovery-manage p {font-size:9px;}
}
@media (prefers-reduced-motion:reduce) {
#gkAccountModal #gkAccountRecoveryRotateForm {animation:none!important;}
}
@media (min-width:901px) and (max-height:700px) {
#gkAccountModal[data-account-view="profile"] #gkAccountProfilePanel {grid-template-areas:"user stats" "notifications recovery" "ads ads" "actions actions";grid-template-rows:54px 66px minmax(0,1fr) 34px;}
#gkAccountModal .gk-account-stats {gap:5px;}
#gkAccountModal .gk-account-stats article {padding:4px 6px;display:grid;gap:2px;justify-content:stretch;text-align:center;}
#gkAccountModal .gk-account-stats span {font-size:9px;white-space:normal;line-height:1.4;}
#gkAccountModal .gk-account-stats strong {font-size:17px;}
}
@media (min-width:901px) and (max-height:580px) {
#gkAccountModal[data-account-view="profile"] #gkAccountProfilePanel {grid-template-rows:48px 58px minmax(0,1fr) 32px;}
}
@media (min-width:901px) {
#gkAccountModal:has(#gkAccountRecoveryRotateForm:not([hidden])) :is(.gk-account-header,.gk-account-user-row,.gk-account-stats,.gk-account-notifications-launch,.gk-account-my-ads,.gk-account-actions,#gkAccountRecoveryRotate) {pointer-events:none;}
}