:root{--win-bg: #c0c0c0;--win-deep-bg: #808080;--win-highlight: #ffffff;--win-shadow: #808080;--win-dark-shadow: #000000;--win-title-blue: #000080;--win-title-inactive: #808080;--win-text: #000000;--win-text-light: #ffffff;--taskbar-bg: #c0c0c0;--desktop-bg: #008080;font-family:"Pixelated MS Sans Serif",Arial,sans-serif}@font-face{font-family:"Pixelated MS Sans Serif";src:local("MS Sans Serif"),local("Tahoma")}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{background-color:var(--desktop-bg);color:var(--win-text);overflow:hidden;width:100vw;height:100vh}.win98-border{background:var(--win-bg);border-top:2px solid var(--win-highlight);border-left:2px solid var(--win-highlight);border-right:2px solid var(--win-dark-shadow);border-bottom:2px solid var(--win-dark-shadow);box-shadow:inset -1px -1px var(--win-shadow),inset 1px 1px var(--win-highlight)}.win98-border-inset{background:#fff;border-top:2px solid var(--win-shadow);border-left:2px solid var(--win-shadow);border-right:2px solid var(--win-highlight);border-bottom:2px solid var(--win-highlight);box-shadow:inset -1px -1px var(--win-bg),inset 1px 1px var(--win-dark-shadow)}.win98-button{background:var(--win-bg);border-top:1px solid var(--win-highlight);border-left:1px solid var(--win-highlight);border-right:1px solid var(--win-dark-shadow);border-bottom:1px solid var(--win-dark-shadow);box-shadow:inset -1px -1px var(--win-shadow),inset 1px 1px var(--win-highlight);padding:2px 6px;cursor:pointer;font-family:inherit;color:var(--win-text);display:flex;align-items:center;justify-content:center}.win98-button:active{border-top:1px solid var(--win-dark-shadow);border-left:1px solid var(--win-dark-shadow);border-right:1px solid var(--win-highlight);border-bottom:1px solid var(--win-highlight);box-shadow:inset -1px -1px var(--win-bg),inset 1px 1px var(--win-shadow);padding:3px 5px 1px 7px}