.room{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#05060a;z-index:0}.room__layer{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform;transition:transform 1.6s cubic-bezier(.55,0,.32,1)}.room__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.room__img[data-fit=cover]{object-fit:cover}.room__img[data-fit=contain]{object-fit:contain}.room__img--lit{opacity:0;transition:opacity 1.5s cubic-bezier(.2,.75,.3,1),filter 1.5s cubic-bezier(.3,.9,.4,1);filter:brightness(1.9) saturate(.5)}.room[data-phase=lighting] .room__img--lit,.room[data-phase=room-lit] .room__img--lit,.room[data-phase=powering] .room__img--lit,.room[data-phase=post] .room__img--lit,.room[data-phase=black] .room__img--lit,.room[data-phase=logo] .room__img--lit,.room[data-phase=desktop] .room__img--lit,.room[data-phase=shutdown] .room__img--lit{filter:none}.room__bloom{position:absolute;left:87%;top:26%;width:46vmax;height:46vmax;margin:-23vmax 0 0 -23vmax;pointer-events:none;opacity:0;background:radial-gradient(circle,#ffe2a8d9,#ffc66e59 28%,#ffb45000 62%)}.room__bloom[data-on]{animation:bulb-strike 1.5s ease-out forwards}@keyframes bulb-strike{0%{opacity:0;transform:scale(.4)}9%{opacity:1;transform:scale(1.05)}22%{opacity:.55;transform:scale(.92)}30%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}.room:not([data-foreground]) .room__layer{filter:blur(14px) brightness(.42) saturate(.8)}.room__switch{position:absolute;transform:translate(-50%,-50%);min-width:44px;min-height:44px;padding:0;border:0;border-radius:12%;background:transparent;cursor:pointer;z-index:2}.room__switch:active .room__switch-ring{transform:scale(.88)}.room__switch-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12%;border:1px solid rgba(255,226,168,.9);box-shadow:0 0 12px #ffd68c8c,inset 0 0 10px #ffd68c47;transition:transform 90ms ease-out;animation:switch-pulse 2.1s ease-in-out infinite}@keyframes switch-pulse{0%,to{opacity:.35}50%{opacity:1}}.room__power{--btn-r: 12px;position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:max(44px,calc(var(--btn-r) * 2));height:max(44px,calc(var(--btn-r) * 2));padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;z-index:2}.room__power:active .room__power-ring{transform:scale(.86)}.room__power-ring{width:calc(var(--btn-r) * 2);height:calc(var(--btn-r) * 2);border-radius:50%;border:1px solid rgba(150,255,180,.95);box-shadow:0 0 10px #78ffa099,inset 0 0 6px #78ffa059;transition:transform 90ms ease-out;animation:power-pulse 2.6s ease-in-out infinite}@keyframes power-pulse{0%,to{opacity:.4}50%{opacity:1}}.room__hint{position:absolute;left:50%;bottom:7%;transform:translate(-50%);margin:0;padding:0 14px;max-width:min(90vw,34em);text-align:center;font-family:var(--mono-font);font-size:clamp(11px,1.4vw,14px);letter-spacing:.09em;text-transform:uppercase;color:#ece9d8b8;text-shadow:0 1px 10px rgba(0,0,0,.9);pointer-events:none;z-index:2;animation:hint-in .9s ease-out both}.room__hint-key{display:inline-block;margin-right:.5em;padding:2px 7px;border:1px solid rgba(255,226,168,.55);border-radius:3px;color:#ffe8baf2;background:#ffd68c14}.room__hint--enter{color:#fff4deeb;text-shadow:0 1px 12px rgba(0,0,0,1),0 0 26px rgba(0,0,0,.8);animation:hint-in .9s ease-out both,hint-breathe 2.4s ease-in-out .9s infinite}.room__hint--enter .room__hint-key{border-color:#96ffb4b3;color:#beffd2fa;background:#78ffa01a}@keyframes hint-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes hint-breathe{0%,to{opacity:.6}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.room__layer,.room__img--lit{transition-duration:.4s}.room__bloom{display:none}.room__switch-ring,.room__power-ring,.room__hint,.room__hint--enter{animation:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.boot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;background:#000;color:#d8d8d8;overflow:hidden;transition:opacity .5s ease}.boot.is-gone{opacity:0;pointer-events:none}.boot{font-size:1rem}.boot__bios{justify-self:start;align-self:start;margin:1.5em;font-family:var(--mono-font);font-size:.8em;line-height:1.7}.boot__bios p{margin:0;opacity:0;animation:bios-in .01s forwards}.boot__bios p:nth-child(1){animation-delay:.1s}.boot__bios p:nth-child(2){animation-delay:.5s}.boot__bios p:nth-child(3){animation-delay:.9s}@keyframes bios-in{to{opacity:1}}.boot__xp{display:grid;place-items:center;gap:1.6em}.boot__logo{display:flex;align-items:center;gap:.7em}.boot__flag{display:grid;grid-template:repeat(2,.85em) / repeat(2,1.15em);gap:.16em;transform:perspective(120px) rotateY(-18deg) skewY(-8deg)}.boot__flag i{display:block;border-radius:2px}.boot__flag i:nth-child(1){background:#f14e4e}.boot__flag i:nth-child(2){background:#6bc24a}.boot__flag i:nth-child(3){background:#3b8ed8}.boot__flag i:nth-child(4){background:#f5c344}.boot__word{font-family:var(--ui-font);font-size:clamp(1.6em,6vw,2.6em);font-weight:700;letter-spacing:.01em;color:#fff}.boot__word sup{font-size:.4em;vertical-align:super;opacity:.8}.boot__tag{margin:-.9em 0 0;font-family:var(--serif-font);font-style:italic;font-size:.85em;color:#9fb6cc}.boot__bar{position:relative;width:11em;height:.85em;padding:2px;overflow:hidden;border:1px solid #4a4a4a;border-radius:2px;background:#111}.boot__bar>i{position:absolute;top:2px;bottom:2px;width:2.6em;background:linear-gradient(90deg,#1a4fd6 0 .7em,transparent .7em .95em,#2f6fe8 .95em 1.65em,transparent 1.65em 1.9em,#5a94f5 1.9em 2.6em);animation:bootbar 1.9s linear infinite}@keyframes bootbar{0%{left:-2.8em}to{left:11em}}@media (prefers-reduced-motion: reduce){.boot__bar>i{animation:none;left:4em}}.boot__welcome{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(80% 70% at 50% 40%,#4a86d8,#2f6cbb 45%,#14498f)}.boot__welcometext{margin:0;font-family:var(--serif-font);font-size:clamp(2.4em,11vw,4.5em);font-weight:400;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.35);animation:welcome-in .9s ease both}@keyframes welcome-in{0%{opacity:0;transform:translateY(.4em)}to{opacity:1;transform:none}}.boot__skip{position:absolute;right:1.5em;bottom:1.5em;padding:10px 12px;font-family:var(--mono-font);font-size:11px;letter-spacing:.14em;color:#55606b;background:none;border:0;cursor:pointer}.boot__skip:hover{color:#9fb6cc}.desktop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;overflow:hidden}.desktop__wall{position:absolute;inset:0 0 var(--taskbar-h) 0;background:url(/assets/img/wallpaper.png) center / cover no-repeat #2f6cbb}.icons{position:absolute;inset:14px auto var(--taskbar-h) 14px;margin:0;padding:0;list-style:none;display:grid;grid-auto-flow:row;grid-auto-rows:84px;width:96px}.icon{width:100%;height:100%;display:grid;justify-items:center;align-content:start;gap:4px;padding:4px 2px;background:none;border:1px dotted transparent;cursor:pointer;color:#fff}.icon img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(1px 2px 2px rgba(0,0,0,.55))}.icon__label{font-family:var(--mono-font);font-size:11px;line-height:1.2;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.95);padding:1px 4px;border-radius:2px;word-break:break-word}.icon[data-selected] .icon__label{background:var(--sel);text-shadow:none}.icon[data-selected]{border-color:#ffffff8c}.icon[data-selected] img{filter:drop-shadow(0 0 3px rgba(49,106,197,.9)) brightness(1.08)}.win{position:absolute;display:flex;flex-direction:column;background:var(--face);border:1px solid var(--win-border);border-radius:var(--win-radius);box-shadow:var(--win-shadow);overflow:hidden;min-width:260px}.win:not([data-active]){border-color:#7b98c9}.win__title{height:var(--titlebar-h);flex:none;display:flex;align-items:center;gap:6px;padding:2px 3px 2px 7px;background:var(--title-inactive);border-radius:5px 5px 0 0;color:var(--title-text);cursor:default;touch-action:none;-webkit-user-select:none;user-select:none}.win[data-active] .win__title{background:var(--title-active)}.win__icon{width:16px;height:16px;object-fit:contain;flex:none}.win__label{flex:1;min-width:0;font-size:12px;font-weight:700;text-shadow:var(--title-shadow);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.win__buttons{display:flex;gap:2px}.win__btn{position:relative;width:22px;height:20px;padding:0;font-size:0;background:linear-gradient(180deg,#6ba7f5,#2f6fd8 45%,#1f56b8);border:1px solid #fff;border-radius:3px;cursor:pointer}.win__btn:hover{filter:brightness(1.12)}.win__btn:active{filter:brightness(.9)}.win__btn:before,.win__btn:after{content:"";position:absolute;background:#fff}.win__btn--min:before{inset:auto 5px 4px;height:2px}.win__btn--max:before{top:4px;right:5px;bottom:4px;left:5px;border:2px solid #fff;background:none}.win__btn--close{background:linear-gradient(180deg,#f1997e,#e56b4c 40%,#cb3a12)}.win__btn--close:before,.win__btn--close:after{inset:50% 5px auto;height:2px;transform:rotate(45deg)}.win__btn--close:after{transform:rotate(-45deg)}.win__body{flex:1;min-height:0;min-width:0;display:flex;background:var(--face);overflow:hidden}.win__loading{flex:1;display:grid;place-items:center}.win__grip{position:absolute;right:0;bottom:0;width:16px;height:16px;cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,transparent 0 45%,#a9a495 45% 55%,transparent 55%),linear-gradient(135deg,transparent 0 65%,#a9a495 65% 75%,transparent 75%)}.taskbar{position:absolute;left:0;right:0;bottom:0;height:var(--taskbar-h);display:flex;align-items:stretch;gap:4px;padding-right:0;background:var(--taskbar);border-top:1px solid var(--taskbar-edge);z-index:9000}.taskbar__start{display:flex;align-items:center;gap:7px;padding:0 22px 0 10px;border:0;border-radius:0 9px 9px 0;background:var(--start-face);box-shadow:inset 0 1px 0 var(--start-edge),1px 0 3px #00000059;color:#fff;font-size:14px;font-weight:700;font-style:italic;letter-spacing:.02em;text-shadow:1px 1px 2px rgba(0,40,0,.75);cursor:pointer}.taskbar__start:hover{filter:brightness(1.08)}.taskbar__start[data-open]{filter:brightness(.88)}.taskbar__start img{width:22px;height:22px;object-fit:contain}.taskbar__tasks{flex:1;min-width:0;display:flex;align-items:center;gap:3px;padding-left:6px;overflow:hidden}.taskbar__task{flex:0 1 160px;min-width:40px;height:24px;display:flex;align-items:center;gap:6px;padding:0 9px;border:1px solid rgba(255,255,255,.28);border-radius:3px;background:linear-gradient(180deg,#4e93f0,#2a63cf 50%,#1f4fb4);color:#fff;font-size:11px;text-shadow:1px 1px 1px rgba(0,20,70,.7);cursor:pointer;overflow:hidden}.taskbar__task span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.taskbar__task img{width:16px;height:16px;object-fit:contain;flex:none}.taskbar__task:hover{filter:brightness(1.1)}.taskbar__task[data-active]{background:linear-gradient(180deg,#1b3f92,#29569f 50%,#3768b8);box-shadow:inset 1px 1px 3px #00000073;font-weight:700}.taskbar__tray{flex:none;display:flex;align-items:center;gap:9px;padding:0 12px;background:linear-gradient(180deg,#37a5e8,#1c86d4 12%,#1470c4 55%,#1c86d4);border-left:1px solid #5fc4f5;box-shadow:inset 1px 0 #0000002e}.taskbar__tray-btn{display:grid;place-items:center;background:none;border:0;padding:3px;cursor:pointer}.taskbar__tray-btn img{width:16px;height:16px}.taskbar__clock{color:#fff;font-size:11px;text-shadow:1px 1px 1px rgba(0,20,70,.7)}.startmenu{position:absolute;left:2px;bottom:calc(var(--taskbar-h) - 1px);width:min(400px,calc(100vw - 8px));z-index:9001;padding:0;overflow:hidden;background:var(--face);border:1px solid var(--win-border);border-radius:7px 7px 0 0;box-shadow:3px -3px 14px #00000080}.startmenu__head{display:flex;align-items:center;gap:9px;padding:9px 12px;background:var(--title-active);color:var(--title-text);font-size:15px;font-weight:700;text-shadow:var(--title-shadow);border-bottom:2px solid #f5c344}.startmenu__head img{width:34px;height:34px;object-fit:contain}.startmenu__cols{display:grid;grid-template-columns:1fr 1fr}.startmenu__col{list-style:none;margin:0;padding:6px 0;display:flex;flex-direction:column}.startmenu__col--left{background:#fff}.startmenu__col--right{background:#d3e5f7}.startmenu__col button,.startmenu__col a{display:flex;align-items:center;gap:9px;width:100%;padding:8px 11px;background:none;border:0;text-align:left;text-decoration:none;color:var(--ink);font-size:12px;cursor:pointer}.startmenu__col button:hover,.startmenu__col a:hover{background:var(--sel);color:#fff}.startmenu__col img{width:24px;height:24px;object-fit:contain;flex:none}.startmenu__spacer{flex:1;min-height:12px}.startmenu__shutdown{font-weight:700}@media (max-width: 899px){:root{--taskbar-h: var(--taskbar-h-mobile)}.icons{inset:10px 10px calc(var(--taskbar-h) + env(safe-area-inset-bottom)) 10px;width:auto;grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));grid-auto-rows:92px;gap:4px;align-content:start}.icon__label{font-size:10px}.taskbar{height:calc(var(--taskbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);gap:2px}.taskbar__task{flex:1 1 0;min-width:0}.taskbar__task span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.win__btn{width:26px;height:24px}.win__title{height:34px}.startmenu{left:0;right:0;width:auto;max-height:70vh;overflow-y:auto}}.shutdown-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9500;background:#000;pointer-events:all;animation:shutdown 2.2s ease both}@keyframes shutdown{0%{opacity:0}22%{opacity:1}72%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.shutdown-veil{animation-duration:.9s}}:root{--face: #ece9d8;--face-dk: #d4d0c8;--hilite: #ffffff;--shadow: #808080;--dkshadow: #404040;--luna: #0a4fd6;--sel: #316ac5;--ink: #1a1a1a;--title-active: linear-gradient( 180deg, #2989f8, #0955e3 12%, #0a4fd6 45%, #0d5bdd 82%, #0846c4 );--title-inactive: linear-gradient( 180deg, #9dbdf0, #7ba2dd 12%, #6f97d4 45%, #7ba2dd 82%, #6b90cc );--title-text: #ffffff;--title-shadow: 1px 1px 1px rgba(9, 27, 80, .9);--win-border: #0038a8;--win-radius: 7px 7px 3px 3px;--win-shadow: 0 10px 40px rgba(0, 0, 0, .5);--taskbar: linear-gradient( 180deg, #4a92f5 0%, #276ce0 8%, #1b4fc8 40%, #1941a5 92%, #2458c8 100% );--taskbar-edge: #6bb0ff;--start-face: linear-gradient(180deg, #6fbe4a 0%, #3d9b2b 45%, #2c7d1f 55%, #23701a 100%);--start-edge: #8fd46b;--btn-face: linear-gradient(180deg, #fefefe, #f4f3ee 45%, #e9e6d8 55%, #dcd8c8);--btn-border: #7c7c68;--btn-shadow: inset 1px 1px rgba(255, 255, 255, .9), 1px 1px 2px rgba(0, 0, 0, .22);--field: #ffffff;--field-inset: inset 1px 1px 0 var(--shadow), inset -1px -1px 0 var(--hilite), inset 2px 2px 0 var(--dkshadow);--terminal-bg: #000000;--terminal-fg: #d8d8d8;--ui-font: Tahoma, Verdana, Geneva, "DejaVu Sans", sans-serif;--mono-font: "Courier New", ui-monospace, "DejaVu Sans Mono", monospace;--serif-font: Georgia, "Times New Roman", serif;--titlebar-h: 30px;--taskbar-h: 34px;--taskbar-h-mobile: 56px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--ui-font);font-size:12px;color:var(--ink);background:#000;overflow:hidden;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button,input,select{font:inherit;color:inherit}img{display:block;max-width:100%}[hidden]{display:none!important}:focus-visible{outline:1px dotted var(--ink);outline-offset:-3px}.museum-boot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9800;background:#0b0a09}.xp-btn{min-height:26px;padding:4px 14px;font-size:12px;color:var(--ink);background:var(--btn-face);border:1px solid var(--btn-border);border-radius:3px;box-shadow:var(--btn-shadow);cursor:pointer}.xp-btn:hover:not(:disabled){filter:brightness(1.04)}.xp-btn:active:not(:disabled){box-shadow:inset 1px 1px 3px #0000004d}.xp-btn:disabled{color:#8b887b;cursor:default;filter:grayscale(.35)}.xp-btn--default{border-color:#23408c;box-shadow:inset 0 0 0 1px #9fbcf1,inset 1px 1px #ffffffe6,1px 1px 2px #00000038}.sunken,.xp-input{background:var(--field);border:0;box-shadow:var(--field-inset)}.xp-input{display:block;width:100%;padding:6px 7px;font:inherit}.raised{background:var(--face);border:1px solid var(--face-dk);box-shadow:inset 1px 1px 0 var(--hilite),inset -1px -1px 0 var(--shadow)}.xp-group{border:1px solid #b6b2a4;border-radius:3px;margin:0 0 10px;padding:7px 9px 9px;background:#ffffff47}.xp-group>legend{padding:0 4px;font-size:11px;color:#35558f;letter-spacing:.04em;text-transform:uppercase}.xp-check{display:flex;align-items:center;gap:7px;padding:3px;border-radius:2px;cursor:pointer}.xp-check:hover{background:#c1d2ee}.xp-check>.box{width:13px;height:13px;flex:none;display:grid;place-items:center;font-size:10px;line-height:1;color:#14498f;background:var(--field);box-shadow:var(--field-inset)}.xp-scroll{scrollbar-color:var(--face-dk) #f1efe2;scrollbar-width:thin}.xp-scroll::-webkit-scrollbar{width:16px;height:16px}.xp-scroll::-webkit-scrollbar-track{background:#f1efe2}.xp-scroll::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#fdfdfc,#e6e3d4 55%,#cfcbba);border:1px solid #9c9884;border-radius:2px}.xp-status{display:flex;gap:2px;padding:3px 6px;background:var(--face);font-size:11px;color:#3a382f}.terminal{font-family:var(--mono-font);background:var(--terminal-bg);color:var(--terminal-fg);font-size:13px;line-height:1.7}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.xp-select{display:block;width:100%;padding:4px 26px 4px 6px;font:inherit;font-size:12px;color:var(--ink);background-color:var(--field);background-image:linear-gradient(180deg,#fefefe,#f4f3ee 45%,#e9e6d8 55%,#dcd8c8),linear-gradient(135deg,transparent 44%,var(--ink) 44% 56%,transparent 56%);background-size:18px calc(100% - 4px),7px 7px;background-position:right 2px top 2px,right 7px center;background-repeat:no-repeat;border:0;border-radius:0;box-shadow:var(--field-inset);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.xp-select:focus-visible{outline:1px dotted var(--ink);outline-offset:-4px}@media (max-width: 899px) and (pointer: coarse){input,select,textarea,input.xp-input,textarea.xp-input{font-size:16px}}
