.desktop-mode {overflow:hidden;background:#17170f;color:var(--cream)}
/* Motion AI Kit: short compositor-only feedback; never delay financial actions. */
:root { --desk-reveal-duration: 160ms; --desk-reveal-ease: cubic-bezier(.16,1,.3,1); }
@keyframes desk-reveal { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: no-preference) {
  .desktop-window:not([hidden]),
  .desktop-start-menu:not([hidden]),
  .desktop-mode dialog[open]:not(.desktop-welcome),
  .desktop-mode .market-sort-popup:not([hidden]),
  .desktop-mode #market-floor-tip:not([hidden]) {
    animation: desk-reveal var(--desk-reveal-duration) var(--desk-reveal-ease);
  }
  .desktop-toolbar a,.desktop-shortcut,.desktop-window-controls button {
    transition: background-color 120ms ease-out, color 120ms ease-out;
  }
}
@media (prefers-reduced-motion: reduce) {
  .desktop-window,.desktop-start-menu,.desktop-mode dialog,
  .desktop-mode .market-sort-popup,.desktop-mode #market-floor-tip {
    animation: none;
  }
}
.desktop-mode > .site-header,.desktop-mode > .site-footer {display:none}
.desktop {position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#0000000a 3px 4px),#242419;font-family:var(--mono)}
.desktop [hidden] {display:none!important}
.desktop-wallpaper {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;color:#686037;pointer-events:none}
.desktop-wallpaper img {width:140px;image-rendering:pixelated;opacity:.22}
.desktop-wallpaper > span {font:clamp(25px,5vw,72px) var(--pixel);letter-spacing:4px}
.desktop-wallpaper small {font:11px var(--mono);letter-spacing:3px}
.desktop-shortcuts {position:absolute;top:25px;left:16px;display:grid;gap:20px;width:90px}
.desktop-shortcut {display:flex;flex-direction:column;align-items:center;gap:9px;padding:9px 3px;color:var(--cream);text-decoration:none;font:11px var(--pixel);border:1px solid transparent}
.desktop-shortcut:hover,.desktop-shortcut:focus-visible {background:#f4b72814;border:1px dotted var(--gold)}
.desk-icon {display:inline-block;width:38px;height:32px;flex-shrink:0;background:var(--gold);border:2px solid #ffe7a0;box-shadow:2px 2px #080807;position:relative;image-rendering:pixelated}
.desk-icon-market:before {content:'';position:absolute;width:17px;height:7px;background:var(--gold);border:2px solid #ffe7a0;border-bottom:0;top:-9px;left:-2px}
.desk-icon-market:after {content:'▦';position:absolute;right:2px;bottom:0;color:#342a0c;font:24px monospace}
.desk-icon-cook {background:url('/assets/chicken-1.png') center/cover;width:40px;height:40px}
.desk-icon-docs {width:28px;height:36px;background:var(--cream)}
.desk-icon-docs:after {content:'≡';font:28px monospace;color:#49432b;position:absolute;left:3px;top:1px}
.desktop-window {position:absolute;top:26px;left:126px;width:calc(100% - 152px);height:calc(100% - 100px);display:flex;flex-direction:column;min-width:0;border:2px solid #9c822e;background:var(--bg);box-shadow:4px 4px #080807}
.desktop-window.is-maximized {top:0;left:0;width:100%;height:calc(100% - 52px);box-shadow:none}
.desktop-titlebar {display:flex;align-items:center;gap:9px;min-height:38px;padding:3px 5px 3px 10px;background:#b99530;color:#16150d;touch-action:none;cursor:move;user-select:none}
.desktop-titlebar > .desk-icon {width:20px;height:20px;border-width:1px;box-shadow:none}
.desktop-titlebar strong {font:11px var(--pixel)}
.desktop-window-controls {display:flex;gap:4px;margin-left:auto}
.desktop-window-controls button {width:29px;height:28px;padding:0;background:#e2c46c;color:#18160e;border:2px outset #fce8aa;font:bold 20px/1 var(--mono);cursor:pointer}
.desktop-window-controls button:last-child {background:#9c4c2f;color:#fff0bc}
.desktop-toolbar {display:flex;gap:3px;padding:2px 8px;background:#29291d;border-bottom:1px solid var(--line)}
.desktop-toolbar a {padding:9px 14px;color:var(--muted);font:11px var(--mono);text-decoration:none}
.desktop-toolbar a[aria-current],.desktop-toolbar a:hover {background:#3b3824;color:var(--cream)}
.desktop-content {flex:1;min-height:0;overflow:auto;scrollbar-color:#6c6135 #202019;scrollbar-width:thin}
.desktop-content > main.section-wrap {width:calc(100% - 32px);max-width:none;margin:0 auto;padding-top:16px;padding-bottom:32px}
.desktop-content .market-layout {grid-template-columns:190px minmax(0,1fr)}
.desktop-content .market-layout.filters-hidden {grid-template-columns:minmax(0,1fr)}
.desktop-content .market-activity {display:none}
.desktop-content .market-masthead {grid-template-columns:220px minmax(0,1fr)}
.desktop-taskbar {position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:8px;height:52px;padding:4px 8px;background:#333021;border-top:2px solid #9c822e}
.desktop-taskbar button {cursor:pointer}
.desktop-start {display:flex;align-items:center;gap:9px;height:40px;padding:4px 16px 4px 10px;background:#c4a13e;border:2px outset #f5d877;color:#18170e;font:13px var(--pixel)}
.desktop-start .desk-icon {width:20px;height:20px;box-shadow:none}
.desktop-task {height:38px;min-width:130px;padding:0 14px;text-align:left;background:#242319;border:2px inset #6d6340;color:var(--cream);font:11px var(--pixel)}
.desktop-task[aria-pressed=false] {border-style:outset;background:#383423}
.desktop-wallet {margin-left:auto;display:flex;align-items:center;gap:8px}
.desktop-wallet .wallet-trigger {font:10px var(--pixel);min-height:36px;padding:8px 12px;box-shadow:none}
.desktop-clock {font:12px var(--mono);padding:8px 12px;border-left:1px solid #71643b;white-space:nowrap}
.desktop-start-menu {position:absolute;bottom:52px;left:8px;width:246px;background:#26251a;border:2px outset #9c822e;z-index:20;box-shadow:3px -3px #0005}
.desktop-menu-title {display:block;padding:18px;background:#b99530;color:#17170f;font:14px var(--pixel)}
.desktop-start-menu a {display:flex;align-items:center;gap:18px;padding:18px;color:var(--cream);text-decoration:none;font:12px var(--pixel)}
.desktop-start-menu a:hover {background:#514626}
.desktop-welcome {position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#191910;color:var(--cream);font-family:var(--mono)}
.desktop-welcome[open] {display:flex;flex-direction:column}
.desktop-welcome::backdrop {background:#191910}
.desktop-welcome-top {padding:28px 5vw;border-bottom:1px solid #b99530;color:#b99530;font:14px var(--pixel)}
.desktop-welcome-center {flex:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#29291b;padding:50px max(5vw,24px);gap:7vw}
.desktop-welcome-identity {text-align:right;border-right:1px solid #86713a;padding-right:7vw}
.desktop-welcome-identity img {width:116px;height:116px;image-rendering:pixelated}
.desktop-welcome-identity h1 {font:clamp(26px,4vw,56px) var(--pixel);color:var(--gold);margin:20px 0 14px}
.desktop-welcome-identity p {font:14px var(--mono);color:#c7c2a7}
.desktop-login {max-width:420px}
.desktop-connect {display:flex;align-items:center;gap:18px;width:100%;padding:16px;background:#39321d;border:1px solid #c4a13e;color:var(--cream);text-align:left;font:16px var(--pixel);cursor:pointer}
.desktop-connect img {width:64px;height:64px;image-rendering:pixelated;border:2px solid var(--gold)}
.desktop-connect b {margin-left:auto;color:var(--gold)}
.desktop-login p {font:12px var(--mono);color:#b5b29f;margin:16px 0 28px}
.desktop-browse {background:none;border:0;border-bottom:1px solid #736537;padding:8px 0;color:var(--cream);font:13px var(--mono);cursor:pointer}
.desktop-welcome-bottom {padding:28px 5vw;border-top:1px solid #b99530;color:#b5b29f;font:12px var(--mono)}
.desktop button:focus-visible,.desktop a:focus-visible,.desktop-welcome button:focus-visible {outline:2px solid var(--cream);outline-offset:2px}
.desktop-content .cook-tabs {display:none}
@media(min-width:1750px){.desktop-content .market-layout {grid-template-columns:190px minmax(0,1fr) 270px}.desktop-content .market-layout.filters-hidden {grid-template-columns:minmax(0,1fr) 270px}.desktop-content .market-activity {display:block}}
@media(max-width:900px){.desktop-content .market-masthead {display:block}.desktop-content .market-stats {grid-template-columns:repeat(5,minmax(0,1fr))}.desktop-content .market-stats dd {font-size:11px}}
@media(max-width:760px){.desktop-content .market-stats {grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.desktop-shortcuts {top:12px;left:12px;right:12px;width:auto;display:flex;gap:12px}.desktop-shortcut {width:66px;font-size:9px;gap:5px}.desktop-window {top:108px;left:8px;width:calc(100% - 16px);height:calc(100% - 170px)}.desktop-titlebar strong {font-size:9px}.desktop-content > main.section-wrap {width:calc(100% - 16px)}.desktop-clock,.desktop-wallet .network-badge {display:none}.desktop-task {min-width:65px;padding:0 8px;font-size:9px}.desktop-start {padding:4px 8px;font-size:10px}.desktop-start .desk-icon {display:none}.desktop-taskbar {gap:5px}.desktop-wallet .wallet-trigger {font-size:8px;padding:7px}.desktop-content .market-layout {display:flex}.desktop-welcome-center {grid-template-columns:1fr;gap:30px;padding:30px 24px}.desktop-welcome-identity {border:0;padding:0;text-align:center}.desktop-welcome-identity img {width:80px;height:80px}.desktop-login {width:100%;margin:auto}.desktop-connect {font-size:13px}.desktop-welcome-top,.desktop-welcome-bottom {padding:20px 24px}.desktop-wallpaper > span {font-size:28px}}
