.material-canvas,.weapon-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.material-canvas{z-index:4}.weapon-canvas{z-index:8}.tool-cursor{z-index:9;filter:none}.tool-cursor>svg{display:none!important}.tool-cursor .cursor-cross{width:19px;height:19px;border-color:#e8f1e1b3;box-shadow:0 0 1px 1px #10211d88;transform:scale(var(--aim-spread,1));transition:transform .09s}.tool-cursor .cursor-cross:before,.tool-cursor .cursor-cross:after{background:#f4f8e6c4}.desktop-window{transform:none;box-shadow:1px 1px #121a21,3px 5px 11px #0f28374a;border-color:#eee #777 #777 #eee;background:#c0c0c0}.window-title{background:linear-gradient(90deg,#000080,#1084ce)}.window-buttons{background:#c0c0c0}.fake-button{background:#c0c0c0;border-color:#fff #777 #777 #fff;box-shadow:1px 1px #000}.taskbar{background:#c0c0c0}.desktop{background:#396b70}.desktop-icons>div{text-shadow:1px 1px 1px #000b}.screen-glass{background:linear-gradient(116deg,#dcecf415 0%,transparent 24%,transparent 59%,#e6f1f80b 64%,transparent 82%);box-shadow:inset 0 0 22px #0410156e,inset 1px 2px 4px #0008}.screen-glass:after{opacity:.18}.screen-vignette{box-shadow:inset 0 0 29px #06111f66,inset 0 0 2px #000b}.monitor{background:linear-gradient(114deg,#adae9f,#d5d2c3 29%,#c8c6b8 56%,#a5aa9c);box-shadow:0 3px #818b7b,0 7px #213127,0 22px 38px #050a087d,inset 0 1px 5px #e7e6da8c}.tool{background:linear-gradient(150deg,#374137,#252f28)}.tool>svg{filter:saturate(.65) drop-shadow(0 3px 1px #0a131a80)}.tool.active{background:linear-gradient(130deg,#dbe7ca,#aecaaf)}.first-hint{background:#142324e8}
@media(max-width:580px){.desktop-window{transform:none}.tool-cursor .cursor-cross{border-color:#fff9}}
.boot-screen{position:absolute;inset:0;z-index:30;display:none;overflow:hidden;cursor:wait;color:#fff;pointer-events:none}.desktop[data-boot] .boot-screen{display:block}.boot-shutdown,.boot-bios,.boot-splash{position:absolute;inset:0;display:none}.desktop[data-boot=shutdown] .boot-shutdown{display:flex}.desktop[data-boot=bios] .boot-bios{display:flex}.desktop[data-boot=splash] .boot-splash{display:flex}
.signal-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.desktop[data-signal-active]>.wallpaper,.desktop[data-signal-active]>.desktop-icons,.desktop[data-signal-active]>.desktop-window,.desktop[data-signal-active]>.desktop-note,.desktop[data-signal-active]>.taskbar{transform:translateX(var(--signal-shift,0px)) skewX(var(--signal-skew,0deg));filter:brightness(var(--signal-brightness,1)) hue-rotate(var(--signal-hue,0deg));transform-origin:50% 50%}
@media(prefers-reduced-motion:reduce){.desktop[data-signal-active]>.wallpaper,.desktop[data-signal-active]>.desktop-icons,.desktop[data-signal-active]>.desktop-window,.desktop[data-signal-active]>.desktop-note,.desktop[data-signal-active]>.taskbar{transform:none;filter:brightness(var(--signal-brightness,1))}}
.monitor:has(.desktop[data-signal-off]) .power-light i{background:#d39a40;box-shadow:0 0 3px #a76e31,inset 1px 1px #f6ca7d}
.surface-light-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;mix-blend-mode:screen}
.monitor{box-shadow:0 3px #818b7b,0 7px #213127,0 22px 38px #050a087d,0 0 42px var(--spill-light,transparent),inset 0 1px 5px #e7e6da8c}

.volume-control{display:flex;align-items:center;gap:6px;color:#48534b;font-size:9px;margin-right:10px}.volume-control input{width:67px;height:16px;margin:0;accent-color:#385847;cursor:pointer}.volume-control output{width:26px;font:9px monospace}.volume-control>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:580px){.volume-control{gap:3px;margin-right:3px}.volume-control input{width:41px}.volume-control output{display:none}.monitor-name{max-width:70px}.monitor-name>span{display:none}}