:root{--overlay-bg: rgba(0, 0, 0, .35);--accent: #f0f;--xp-blue-1: #4a8cff;--xp-blue-2: #1f5fe9;--xp-blue-3: #0b3fb8;--xp-win-bg: #ece9d8;--xp-border-dark: #3a6ea5;--xp-border-light: #9db9e6;--xp-shadow: rgba(0,0,0,.35);--xp-text: #111}html,body{margin:0;padding:0;height:100%;background:#000;color:#fff;font-family:Tahoma,Verdana,Segoe UI,Roboto,ui-sans-serif,system-ui,-apple-system,Arial}canvas{display:block}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;display:grid;place-items:center;z-index:10;-webkit-backdrop-filter:none;backdrop-filter:none}#overlay.hidden{display:none}.xp-window{width:min(92vw,560px);border:1px solid var(--xp-border-dark);border-radius:6px;box-shadow:0 18px 60px var(--xp-shadow),0 0 0 1px var(--xp-border-light) inset,0 0 12px #ffa0008c,0 0 28px #ff5a0073,0 0 48px #ff280059,0 0 80px #ff000038;background:linear-gradient(180deg,#fefefe,#f5f2e6 40%,#ece8d7);color:var(--xp-text);overflow:hidden;animation:fireGlow 4.5s ease-in-out infinite}.xp-titlebar{display:flex;align-items:center;justify-content:space-between;padding:6px 6px 6px 10px;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.35),0 0 6px rgba(0,0,0,.25);background:linear-gradient(180deg,var(--xp-blue-1) 0%,var(--xp-blue-2) 55%,var(--xp-blue-3) 100%);border-bottom:1px solid var(--xp-border-dark);box-shadow:0 1px #ffffff59 inset}.xp-title{display:flex;gap:8px;align-items:center;font-weight:700}.xp-name{letter-spacing:.3px;text-shadow:0 1px 0 rgba(0,0,0,.35),0 0 6px rgba(0,255,255,.25),0 0 10px rgba(255,0,255,.18)}.xp-icon{filter:drop-shadow(0 1px 0 rgba(0,0,0,.25))}.xp-winbtns{display:flex;gap:6px}.xp-btn{width:22px;height:20px;border-radius:3px;border:1px solid rgba(0,0,0,.35);background:linear-gradient(180deg,#ffffffb3,#d2d2d2e6);color:#111;line-height:1;font-weight:700;font-family:Tahoma,Verdana,sans-serif;cursor:default}.xp-btn:active{filter:brightness(.95)}.xp-close{background:linear-gradient(180deg,#ff5a5a,#e00000 60%,#9c0000);border-color:#6e0000;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.4)}.xp-close:hover{filter:brightness(1.06)}.xp-close:active{filter:brightness(.95)}@keyframes fireGlow{0%{box-shadow:0 18px 60px var(--xp-shadow),0 0 0 1px var(--xp-border-light) inset,0 0 10px #ff960073,0 0 22px #ff500061,0 0 40px #ff230047,0 0 70px #ff00002e}50%{box-shadow:0 18px 60px var(--xp-shadow),0 0 0 1px var(--xp-border-light) inset,0 0 16px #ffb400a6,0 0 34px #ff6e008c,0 0 60px #ff32006b,0 0 100px #ff0a004d}to{box-shadow:0 18px 60px var(--xp-shadow),0 0 0 1px var(--xp-border-light) inset,0 0 12px #ffa0008c,0 0 28px #ff5a0073,0 0 48px #ff280059,0 0 80px #ff000038}}.xp-body{padding:18px 20px 16px;background:linear-gradient(180deg,#f6f4ed,#f0eee6);text-align:center}.xp-body p{margin:8px 0 10px;color:#222}.xp-lead{font-weight:600}.xp-start{margin-top:8px;padding:8px 16px 8px 14px;border-radius:6px;border:1px solid #2a6d1b;color:#fff;background:linear-gradient(180deg,#a8ea6f,#4fbb2f 55%,#2f8e21);box-shadow:0 1px #ffffffa6 inset,0 2px #0003;font-weight:800;letter-spacing:.2px;cursor:pointer}.xp-start:hover{filter:brightness(1.06)}.xp-start:active{filter:brightness(.96);box-shadow:0 0 #0003;transform:translateY(1px)}.xp-flag{display:inline-block;width:14px;height:14px;margin-right:6px;vertical-align:-2px;border-radius:2px;border:1px solid rgba(0,0,0,.25);background:conic-gradient(#f35325 0,#f35325 90deg,#81bc06 0,#81bc06 180deg,#05a6f0 0,#05a6f0 270deg,#ffba08 0,#ffba08 360deg);transform:rotate(-8deg);box-shadow:0 1px #fff9 inset}.xp-statusbar{display:flex;align-items:center;height:26px;padding:0 10px;background:linear-gradient(180deg,#f4f3f0,#e7e6e3);border-top:1px solid #d2d2cf;color:#333;font-size:12px}.xp-heading{margin:4px 0 12px;font-size:46px;line-height:1.1;font-weight:900;letter-spacing:.4px;background-image:linear-gradient(180deg,#ffef9e,#ffd755 35%,#ffb71f 65%,#ff8f05),linear-gradient(90deg,#fff0,#ffffffa6,#fff0);background-size:100% 100%,300% 100%;background-position:center,-150% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:1.25px rgba(110,60,0,.8);transform:skew(-12deg) rotate(-1deg);text-shadow:0 1px 0 #a66b00,0 2px 0 #9c6100,0 3px 0 #925800,0 4px 0 #894f00,0 5px 0 #7f4600,0 6px 0 #743f00,0 7px 0 #693800,0 8px 0 #5f3200,0 9px 0 #542b00,0 12px 10px rgba(255,170,0,.35),2px 14px 14px rgba(255,110,0,.3);animation:huePulse 14s linear infinite,sheen 4.5s ease-in-out infinite}@keyframes huePulse{0%{filter:hue-rotate(0deg) saturate(130%) brightness(1.08)}50%{filter:hue-rotate(180deg) saturate(165%) brightness(1.28)}to{filter:hue-rotate(360deg) saturate(130%) brightness(1.08)}}@keyframes sheen{0%{background-position:center,-150% 0}50%{background-position:center,50% 0}to{background-position:center,150% 0}}