/* Independent fixed navigation: the full illustrated header keeps its original layout. */
.desk-sticky{position:fixed;inset:env(safe-area-inset-top,0px) 0 auto;z-index:5;box-sizing:border-box;max-height:min(230px,calc(100dvh - env(safe-area-inset-top,0px)));overflow:auto;background:linear-gradient(135deg,#fffaf0f5,#f2e4c9f7);border-bottom:1px solid #bb9e6d;box-shadow:0 7px 20px #573b2e33;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#244a36}
.desk-sticky[hidden],body.painting .desk-sticky,body.playing-game .desk-sticky{display:none!important}
.desk-sticky-inner{display:grid;gap:7px;max-width:1340px;margin:auto;padding:7px max(12px,env(safe-area-inset-right)) 9px max(12px,env(safe-area-inset-left))}
.desk-sticky-account{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}
.desk-sticky-brand{font:700 17px/1.2 Georgia,serif;white-space:nowrap}
.desk-sticky-account-actions{display:flex;gap:6px;align-items:center;min-width:0}
.desk-sticky :is(button,a){box-sizing:border-box;min-width:0;min-height:32px;margin:0;padding:6px 12px;border:1px solid #c9af80;border-radius:8px;background:#fffaf1;color:inherit;box-shadow:inset 0 1px #fff;font:650 12px/1.2 system-ui;cursor:pointer}
.desk-sticky-account-actions button{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.desk-sticky-account-actions .desk-sticky-points{color:#795d20;background:#fff2c9}
.desk-sticky nav{display:grid;align-items:stretch;gap:6px;min-width:0}
.desk-sticky-main{grid-template-columns:repeat(6,minmax(0,1fr))}
.desk-sticky-lower{grid-template-columns:repeat(5,minmax(0,1fr))}
.desk-sticky-main button{height:44px;min-height:44px;font-size:14px;overflow-wrap:anywhere}
.desk-sticky-lower button{height:38px;min-height:38px;font-size:12px;overflow-wrap:anywhere}
.desk-sticky button:hover{border-color:#7c9d72;background:#f5f7e8}
.desk-sticky button.active,.desk-sticky button[aria-pressed=true]{background:#3e7456;border-color:#315e45;color:#fff8e1;box-shadow:inset 0 1px #ffffff26}
.desk-sticky button:disabled{opacity:.5;cursor:default}
.desk-sticky button:focus-visible{outline:3px solid #348c7c;outline-offset:-3px}
body.dark .desk-sticky{background:linear-gradient(135deg,#304744f7,#293c4af7);border-color:#849b81;box-shadow:0 7px 20px #06142088;color:#f2edcf}
body.dark .desk-sticky button{background:#40554e;border-color:#82917a;box-shadow:inset 0 1px #ffffff14}
body.dark .desk-sticky button:hover{background:#4b6659}
body.dark .desk-sticky button.active,body.dark .desk-sticky button[aria-pressed=true]{background:#b5c79e;border-color:#d1dcbb;color:#213e2b}
body.dark .desk-sticky-account-actions .desk-sticky-points{color:#fff0b1;background:#665b3b}
@media(max-width:700px){
 .desk-sticky{max-height:min(260px,calc(100dvh - env(safe-area-inset-top,0px)))}
 .desk-sticky-inner{gap:4px;padding:6px max(8px,env(safe-area-inset-right)) 6px max(8px,env(safe-area-inset-left))}
 .desk-sticky-brand{display:none}
 .desk-sticky-account-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 76px;gap:4px;width:100%}
 .desk-sticky-account-actions button{width:100%;max-width:none;height:44px;min-height:44px;padding:4px 7px;font-size:11px}
 .desk-sticky-main{grid-template-columns:repeat(3,minmax(0,1fr))}
 .desk-sticky-lower{grid-template-columns:repeat(3,minmax(0,1fr))}
 .desk-sticky nav{gap:4px}
 .desk-sticky-main button{height:44px;min-height:44px;padding:5px 4px;font-size:12px}
 .desk-sticky-lower button{height:44px;min-height:44px;padding:4px;font-size:11px}
}