/* ============================================================
   xp.css — core theme (Luna-like blue), desktop, icons
   Original styling inspired by early-2000s desktop UIs.
   Not a reproduction of Microsoft assets.
   ============================================================ */

:root {
  /* Luna-like blues */
  --title-a1:#0a56e8; --title-a2:#3f8cf3; --title-a3:#1f5fe0;  /* active titlebar */
  --title-i1:#7ea6e6; --title-i2:#a9c6f0;                       /* inactive titlebar */
  --taskbar-1:#3a72e0; --taskbar-2:#1a49c0; --taskbar-line:#0f2f8f;
  --start-1:#5bb143; --start-2:#3c8a2a; --start-3:#2f7420;      /* start button */
  --face:#ece9d8;            /* classic control face (a color, not an asset) */
  --face-2:#f6f4ec;
  --frame:#0a56e8;           /* window outer frame */
  --btn-1:#fdfefe; --btn-2:#e3e6ea; --btn-edge:#7f9db9;
  --sel:#316ac5;             /* selection blue */
  --sel-soft:#c1d2ee;
  --text:#000; --text-dim:#5a5a5a; --white:#fff;
  --shadow:0 8px 22px rgba(0,0,0,.45), 0 2px 6px rgba(0,0,0,.35);
  --ui:"Tahoma","Segoe UI","Verdana","Geneva",sans-serif;
  --mono:"Lucida Console","Consolas","DejaVu Sans Mono",monospace;
}

* { box-sizing:border-box; }
html,body { height:100%; margin:0; overflow:hidden; }
body {
  font-family:var(--ui); font-size:11px; color:var(--text);
  user-select:none; -webkit-user-select:none;
  cursor:default;
}
img { -webkit-user-drag:none; user-drag:none; }

/* ---- Desktop ---- */
#desktop {
  position:fixed; inset:0;
  background:#3a6ea5 url("/games/os/assets/wallpaper/bliss.svg") center/cover no-repeat;
  overflow:hidden;
}
#icon-layer { position:absolute; inset:0; padding:6px; }

/* ---- Desktop icons ---- */
.desk-icon {
  position:absolute; width:76px; padding:6px 4px 8px; text-align:center;
  border:1px solid transparent; border-radius:2px; cursor:default;
}
.desk-icon .ic { width:38px; height:38px; margin:0 auto 4px; display:block;
  filter:drop-shadow(1px 1px 1px rgba(0,0,0,.4)); }
.desk-icon .lbl {
  color:#fff; font-size:11px; line-height:1.15; text-shadow:0 1px 2px rgba(0,0,0,.9);
  padding:1px 2px; border-radius:2px; display:inline-block; max-width:74px;
}
.desk-icon.selected { background:rgba(49,106,197,.35); border-color:rgba(120,160,220,.7); }
.desk-icon.selected .lbl { background:var(--sel); text-shadow:none; }

/* ---- Rubber-band selection ---- */
#rubber { position:absolute; border:1px dotted #fff; background:rgba(120,160,220,.25);
  display:none; pointer-events:none; z-index:5; }

/* ---- Boot/startup fade ---- */
#boot { position:fixed; inset:0; background:#0a1a4a; display:grid; place-content:center;
  z-index:9999; transition:opacity .5s; }
#boot .logo { text-align:center; color:#fff; font-family:var(--ui); }
#boot .logo b { font-size:26px; letter-spacing:.5px; }
#boot .logo span { color:#f4b942; }
#boot .bar { width:180px; height:12px; margin:22px auto 0; border:1px solid #2a3f7a;
  border-radius:7px; overflow:hidden; background:#08123a; }
#boot .bar i { display:block; height:100%; width:40px; border-radius:7px;
  background:linear-gradient(90deg,#2a6bd0,#8fc2ff,#2a6bd0); animation:boot 1.1s linear infinite; }
@keyframes boot { from{transform:translateX(-40px)} to{transform:translateX(180px)} }
#boot.hidden { opacity:0; pointer-events:none; }

@media (prefers-reduced-motion:reduce){ #boot .bar i{animation:none} }

/* build 1783239820 */