/* GRAND EXILE desktop — fonts, palette, reset. Ported from concepts/m-desktop (miuOS). */

@font-face{font-family:'Departure';src:url(/assets/fonts/DepartureMono-Regular.woff2) format('woff2');font-display:block}
@font-face{font-family:'GSF';src:url(/assets/fonts/GoogleSansFlex-var.woff2) format('woff2');font-weight:1 1000;font-stretch:25% 151%;font-display:block}
@font-face{font-family:'Maple';src:url(/assets/fonts/MapleMono-Regular.woff2) format('woff2');font-weight:400;font-display:block}
@font-face{font-family:'Maple';src:url(/assets/fonts/MapleMono-Medium.woff2) format('woff2');font-weight:500;font-display:block}
@font-face{font-family:'Maple';src:url(/assets/fonts/MapleMono-Bold.woff2) format('woff2');font-weight:700;font-display:block}
@font-face{font-family:'Maple';src:url(/assets/fonts/MapleMono-Italic.woff2) format('woff2');font-weight:400;font-style:italic;font-display:block}

:root{
  --px:'Departure',ui-monospace,monospace; --ui:'GSF',sans-serif; --mono:'Maple',ui-monospace,monospace;
  --r:14px; --gap:10px; --ease:cubic-bezier(.2,.8,.2,1);
}
html[data-theme=dark]{
  --bg:#0a0c15; --win:#10121d; --win2:#151827; --win3:#1c2033; --line:rgba(214,208,196,.10); --line2:rgba(214,208,196,.19);
  --ink:#ece6d8; --ink2:#b9b3a7; --mute:#77768b; --teal:#7fd1c1; --teal2:#4f9a8e; --amber:#e3a463; --rose:#e597ad;
  --sel:rgba(127,209,193,.12); --glass:rgba(13,15,26,.74); --ls:#122431; --ls2:#0d1824;
  --shadow:0 40px 90px -36px rgba(0,0,0,.9),0 14px 30px -14px rgba(0,0,0,.7);
  --grad:linear-gradient(135deg,#7fd1c1,#4f8f9a 45%,#e3a463);
  color-scheme:dark;
}
html[data-theme=light]{
  --bg:#e8e2d5; --win:#fbf8f2; --win2:#f3eee4; --win3:#e9e3d6; --line:rgba(26,28,40,.10); --line2:rgba(26,28,40,.2);
  --ink:#191b26; --ink2:#3d3e4b; --mute:#7c7a87; --teal:#1b7768; --teal2:#3f8f83; --amber:#b2621a; --rose:#b04a69;
  --sel:rgba(27,119,104,.10); --glass:rgba(251,248,242,.72); --ls:#c4d3cd; --ls2:#d3ddd6;
  --shadow:0 40px 90px -40px rgba(70,60,40,.5),0 10px 24px -12px rgba(70,60,40,.32);
  --grad:linear-gradient(135deg,#1b7768,#6e9c96 45%,#b2621a);
  color-scheme:light;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;overflow:hidden;background:var(--bg)}
body{font-family:var(--ui);color:var(--ink);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;
  cursor:var(--cur,default);font-optical-sizing:auto}
a,button,[role=button],label,select,.tile,.chip{cursor:var(--cur-link,pointer)}
input,textarea{cursor:text}
button{font:inherit;color:inherit;background:none;border:0}
a{color:inherit;text-decoration:none}
::selection{background:var(--teal);color:var(--bg)}
:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:6px}
.theming *,.theming *::before{transition:background-color .9s linear,color .9s linear,border-color .9s linear,box-shadow .9s linear,fill .9s linear!important}
.px{font-family:var(--px);font-weight:400;letter-spacing:0}
.mono{font-family:var(--mono)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}