html,body,#root{height:100%;margin:0;padding:0;font-family:"Pixelated MS Sans Serif",Arial,sans-serif;overflow:hidden}.os-root{position:relative;width:100vw;height:100vh;-webkit-user-select:none;user-select:none}.os-root[data-os=win95]{background:teal}.os-root[data-os=win98]{background:#3a6ea5}.os-root[data-os=winxp]{background:linear-gradient(#5a8bd6,#7ba7e1 45%,#5a9e3f 55%,#3f7a2e)}.os-root[data-os=win7]{background:linear-gradient(#1a4a7a,#0a2a4a)}.desktop{position:absolute;top:0;right:0;bottom:32px;left:0;padding:8px;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;gap:4px}.desktop-icon{width:76px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px;cursor:pointer;text-align:center}.desktop-icon .icon-glyph{font-size:32px;line-height:1}.desktop-icon .icon-label{color:#fff;font-size:11px;text-shadow:1px 1px 1px #000;padding:0 2px}.desktop-icon:focus .icon-label,.desktop-icon.selected .icon-label{background:navy;outline:1px dotted #fff}.os-window{position:absolute;display:flex;flex-direction:column}.os-window .window-body{flex:1;overflow:auto;margin:0}.os-window .title-bar{cursor:move}.taskbar{position:absolute;left:0;right:0;bottom:0;height:32px;display:flex;align-items:center;gap:4px;padding:2px 4px;background:silver;border-top:1px solid #fff;box-shadow:inset 0 1px #dfdfdf;z-index:100000}.taskbar .start-button{font-weight:700;display:flex;align-items:center;gap:4px}.taskbar .taskbar-windows{flex:1;display:flex;gap:4px;overflow:hidden}.taskbar .taskbar-window-button{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.system-tray{display:flex;align-items:center;gap:2px;padding:2px 6px;border:1px solid #808080;box-shadow:inset 1px 1px #000,inset -1px -1px #fff;background:silver}.system-tray button{min-width:0;padding:2px 4px}.tray-clock{font-size:11px;padding:0 4px}.start-menu{position:absolute;bottom:32px;left:0;width:280px;z-index:100001}.start-menu .start-menu-banner{position:absolute;left:0;top:0;bottom:0;width:24px;background:linear-gradient(navy,#1084d0);writing-mode:vertical-rl;transform:rotate(180deg);color:#fff;font-weight:700;text-align:right;padding:6px 2px;font-size:14px}.start-menu .start-menu-items{margin-left:24px;padding:4px}.start-menu .start-item{padding:6px 8px;display:flex;flex-direction:column;gap:2px;cursor:pointer}.start-menu .start-item:hover:not(.disabled){background:navy;color:#fff}.start-menu .start-item.disabled{color:gray;cursor:default}.start-menu .start-item .item-title{font-weight:700}.start-menu .start-item .item-sub{font-size:11px}.start-menu .start-item.owned .item-title:after{content:" ✓"}.os-root[data-os=win95] .taskbar{border-top:2px solid #dfdfdf;box-shadow:none}.os-root[data-os=win95] .start-menu .start-menu-banner{background:navy}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040;display:flex;align-items:center;justify-content:center;z-index:100002}.pause-menu{width:260px}.pause-menu .window-body{display:flex;flex-direction:column;gap:8px}.os-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200000;background:#000;color:silver;display:flex;align-items:center;justify-content:center;animation:overlay-fade-in .4s ease;font-family:"Pixelated MS Sans Serif",Arial,sans-serif}.os-overlay-content{text-align:center}.os-overlay-content h1{font-size:22px;margin:16px 0 6px;letter-spacing:1px}.os-overlay-content p{font-size:13px;opacity:.8;margin:0}.os-overlay-spinner{width:40px;height:40px;margin:0 auto;border:4px solid #303030;border-top-color:#3f6;border-radius:50%;animation:overlay-spin .9s linear infinite}@keyframes overlay-spin{to{transform:rotate(360deg)}}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.arena{position:relative;width:100%;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:6px;font-family:monospace;color:var(--arena-ink);background-color:var(--arena-bg);background-image:var(--arena-texture, none);border:var(--arena-border, 2px inset #fff)}.arena--hit{background-color:var(--arena-flash);animation:arena-shake .15s linear}.arena--record{animation:arena-record .6s ease-out}.arena-world{position:absolute;top:0;left:0;transform-origin:top left;transition:filter .4s linear}.arena-world--dim{filter:grayscale(.7) brightness(.45)}.arena-pipe{position:absolute;background-color:var(--arena-obstacle);background-image:var(--arena-brick, none);box-shadow:var(--arena-obstacle-fx, none)}.arena-pipe--top{border-bottom:2px solid var(--arena-obstacle-edge)}.arena-pipe--bottom{border-top:2px solid var(--arena-obstacle-edge)}.arena-pipe--ghost{opacity:.28}.arena-pipe--passed{border-color:var(--arena-ink);box-shadow:0 0 6px var(--arena-ink)}.arena-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;pointer-events:none;text-shadow:0 0 4px #000}.hud-near-record{animation:hud-glow .7s ease-in-out infinite alternate}.hud-record-live{color:#b8860b;animation:hud-glow .7s ease-in-out infinite alternate}.hud-auto-on{color:green}.hud-auto-off{color:gray}@keyframes arena-shake{0%,to{transform:translate(0)}25%{transform:translate(2px,-1px)}50%{transform:translate(-2px,1px)}75%{transform:translate(1px,1px)}}@keyframes arena-record{0%{box-shadow:inset 0 0 0 3px gold}to{box-shadow:inset 0 0 12px #ffd70000}}@keyframes hud-glow{0%{text-shadow:0 0 2px rgba(255,215,0,.35)}to{text-shadow:0 0 7px #ffd700}}.arena,.os-root[data-os=win95] .arena{--arena-bg: #000000;--arena-texture: repeating-linear-gradient(0deg, rgba(51, 255, 102, .07) 0 1px, transparent 1px 4px);--arena-ink: #33ff66;--arena-obstacle: #7a1c1c;--arena-brick: repeating-linear-gradient(0deg, rgba(0, 0, 0, .45) 0 1px, transparent 1px 7px);--arena-obstacle-edge: #ff5555;--arena-flash: #440000;--arena-border: 2px inset #fff}.os-root[data-os=win98] .arena{--arena-bg: #020f3a;--arena-texture: repeating-linear-gradient(0deg, rgba(111, 183, 255, .05) 0 1px, transparent 1px 5px);--arena-ink: #6fb7ff;--arena-obstacle: #8a2020;--arena-brick: repeating-linear-gradient(0deg, rgba(0, 0, 0, .4) 0 1px, transparent 1px 7px);--arena-obstacle-edge: #ff6060;--arena-flash: #440000;--arena-border: 2px inset #fff}.os-root[data-os=winxp] .arena{--arena-bg: #0d3d7e;--arena-texture: linear-gradient(#0d3d7e, #1257ae);--arena-ink: #eaf4ff;--arena-obstacle: #b02c2c;--arena-brick: none;--arena-obstacle-edge: #ff7676;--arena-obstacle-fx: inset 2px 0 0 rgba(255, 255, 255, .25);--arena-flash: #5a1010;--arena-border: 2px solid #003c74}.os-root[data-os=win7] .arena{--arena-bg: #0a141f;--arena-texture: none;--arena-ink: #9fd2ff;--arena-obstacle: #952020;--arena-brick: none;--arena-obstacle-edge: #ff5f5f;--arena-obstacle-fx: 0 0 8px rgba(255, 90, 90, .45);--arena-flash: #440000;--arena-border: 1px solid rgba(255, 255, 255, .35)}