/* Phone layout: preserve the desktop world while making it comfortable to use by touch. */
.mobile-desktop-note{display:none}
.mobile-window-back{display:none}
@media(max-width:760px){
  .desktop{min-height:100svh;padding-bottom:56px}
  .desktop-icons{padding:266px 10px 16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}
  .desktop-icon{min-height:94px;padding:6px 2px;font-size:12px}
  .desk-glyph img{width:48px;height:48px}
  .clippy-card{position:absolute;z-index:7;top:14px;left:4%;right:auto;bottom:auto;width:92%;min-height:0;padding:0;background:transparent;border:0;box-shadow:none;pointer-events:none}
  .clippy-card:after{display:none}
  .clippy-bubble{padding:15px;background:#fffed6;border:2px solid #111;box-shadow:4px 4px rgba(0,0,0,.28)}
  .clippy-card strong{font-size:16px;line-height:1.25}
  .clippy-card p{margin:9px 0;font-size:14px;line-height:1.35}
  .mobile-desktop-note{display:block;padding:8px 9px;background:#e8f3ff;border:1px solid #3e6591;font-weight:bold}
  .clippy-card .button-row{grid-template-columns:1fr 1fr;gap:7px;pointer-events:auto}
  .clippy-card .classic-button{min-height:42px;padding:7px 6px;font-size:13px;text-align:center}
  .clippy-close{right:5px;top:4px;width:32px;height:32px;font-size:20px;pointer-events:auto}
  .window,.window.maximized{left:0!important;top:0!important;width:100vw!important;height:calc(100svh - 46px)!important;border-width:0;box-shadow:none}
  .titlebar{min-height:40px;height:40px;padding-left:10px;font-size:14px}
  .mobile-window-back{display:grid;place-items:center;width:34px;height:30px;margin-right:8px;padding:0;background:#c0c0c0;border:2px solid;border-color:#fff #555 #555 #fff;color:#111;font-size:20px;line-height:1}
  .window-controls{gap:5px}
  .window-controls button{width:34px;height:30px;font-size:18px}
  .window-nav{min-height:48px;padding:6px 8px}
  .window-nav .classic-button{min-height:34px;padding:7px 10px;font-size:13px}
  .window-body{padding:16px 14px;margin:0;border-width:0}
  .window-body h1{font-size:clamp(28px,9vw,40px)}
  .taskbar{height:46px;padding:5px 6px}
  .start-button{height:36px;min-width:100px;font-size:16px}
  .task-button{min-width:74px;height:34px}
  .clock{display:none}
  .start-menu{bottom:46px;width:min(330px,94vw)}
  .start-items button{min-height:42px;padding:10px 8px;font-size:15px}
  .event-gallery{padding:0;gap:10px}
  .event-gallery button{height:min(72vw,320px)}
}