@font-face{font-family:"Pixelated MS Sans Serif";font-style:normal;font-weight:400;src:url(ms_sans_serif.woff) format("woff");src:url(ms_sans_serif.woff2) format("woff2")}@font-face{font-family:"Pixelated MS Sans Serif";font-style:normal;font-weight:700;src:url(ms_sans_serif_bold.woff) format("woff");src:url(ms_sans_serif_bold.woff2) format("woff2")}body{color:#222;background-color:teal;margin:0;position:relative;height:100vh;font-family:Arial;font-size:12px}.title-bar,.window,button,input,label,option,select,table,textarea,ul.tree-view{-webkit-font-smoothing:none;font-family:"Pixelated MS Sans Serif",Arial;font-size:11px}h1{font-size:5rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}u{border-bottom:.5px solid #222;text-decoration:none}button,input[type=reset],input[type=submit]{border:none;border-radius:0;box-sizing:border-box;color:transparent;min-height:23px;min-width:75px;padding:0 12px;text-shadow:0 0 #222}.vertical-bar,button,input[type=reset],input[type=submit]{background:silver;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf}.vertical-bar{height:20px;width:4px}button:not(:disabled):active,input[type=reset]:not(:disabled):active,input[type=submit]:not(:disabled):active{box-shadow:inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px grey;text-shadow:1px 1px #222}@media (not(hover)){button:not(:disabled):hover,input[type=reset]:not(:disabled):hover,input[type=submit]:not(:disabled):hover{box-shadow:inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px grey}}button:focus,input[type=reset]:focus,input[type=submit]:focus{outline:1px dotted #000;outline-offset:-4px}button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0}:disabled,:disabled + label,input[readonly],input[readonly] + label{color:grey}:disabled + label,button:disabled,input[type=reset]:disabled,input[type=submit]:disabled{text-shadow:1px 1px 0 #fff}.window{background:silver;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #dfdfdf,inset -2px -2px grey,inset 2px 2px #fff;padding:3px}.title-bar{align-items:center;background:linear-gradient(90deg,navy,#1084d0);display:flex;justify-content:space-between;padding:3px 2px 3px 3px}.title-bar.inactive{background:linear-gradient(90deg,grey,#b5b5b5)}.title-bar-text{color:#fff;font-weight:700;letter-spacing:0;margin-right:24px}.title-bar-controls{display:flex}.title-bar-controls button{display:block;min-height:14px;min-width:16px;padding:0}.title-bar-controls button:active{padding:0}.title-bar-controls button:focus{outline:none}.title-bar-controls button[aria-label=Minimize]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 0h6v2H0z'/%3E%3C/svg%3E");background-position:bottom 3px left 4px;background-repeat:no-repeat}.title-bar-controls button[aria-label=Maximize]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 0H0v9h9V0zM8 2H1v6h7V2z' fill='%23000'/%3E%3C/svg%3E");background-position:top 2px left 3px;background-repeat:no-repeat}.title-bar-controls button[aria-label=Restore]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M2 0h6v2H2zM7 2h1v4H7zM2 2h1v1H2zM6 5h1v1H6zM0 3h6v2H0zM5 5h1v4H5zM0 5h1v4H0zM1 8h4v1H1z'/%3E%3C/svg%3E");background-position:top 2px left 3px;background-repeat:no-repeat}.title-bar-controls button[aria-label=Help]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 1h2v2H0zM1 0h4v1H1zM4 1h2v2H4zM3 3h2v1H3zM2 4h2v2H2zM2 7h2v2H2z'/%3E%3C/svg%3E");background-position:top 2px left 5px;background-repeat:no-repeat}.title-bar-controls button[aria-label=Close]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h2v1h1v1h2V1h1V0h2v1H7v1H6v1H5v1h1v1h1v1h1v1H6V6H5V5H3v1H2v1H0V6h1V5h1V4h1V3H2V2H1V1H0V0z' fill='%23000'/%3E%3C/svg%3E");background-position:top 3px left 4px;background-repeat:no-repeat;margin-left:2px}.status-bar{gap:1px;display:flex;margin:0 1px}.status-bar-field{box-shadow:inset -1px -1px #dfdfdf,inset 1px 1px grey;flex-grow:1;margin:0;padding:2px 3px}fieldset{border-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='5' height='5' fill='gray' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h5v5H0V2h2v1h1V2H0' fill='%23000'/%3E%3C/svg%3E") 1;border-image-source:linear-gradient(to bottom,silver,grey);border-width:1px;margin:0 0 12px;padding:6px}fieldset legend{color:#000;font-weight:700;margin-bottom:0}fieldset .input{display:block;margin:0 0 12px}fieldset .input label{display:inline-block;margin-right:6px}textarea{border:1px solid #333;border-radius:0;box-shadow:inset -1px -1px #dfdfdf,inset 1px 1px grey;min-height:80px;padding:4px;width:100%}textarea:focus{outline:none}input[type=checkbox],input[type=radio]{accent-color:#000}input[type=radio]{border:1px solid #333}input[type=checkbox]{box-shadow:inset -1px -1px #dfdfdf,inset 1px 1px grey}input[type=checkbox]:checked{box-shadow:inset -1px -1px #dfdfdf,inset 1px 1px grey,inset -2px -2px grey,inset 2px 2px #dfdfdf}input[type=radio]:checked{background:#000}select,option{border:1px solid #333;box-shadow:inset -1px -1px #dfdfdf,inset 1px 1px grey}option:checked{background:#000;color:#fff}table{border-collapse:collapse;border:1px solid #333;border-radius:0}table td,table th{border:1px solid #333;padding:4px 6px}table td:first-child,table th:first-child{border-left:0}table td:last-child,table th:last-child{border-right:0}table tr:first-child td,table tr:first-child th{border-top:0}table tr:last-child td,table tr:last-child th{border-bottom:0}ul{list-style:none;margin:0;padding:0}ul.tree-view{list-style:none;margin:0;padding:0}ul.tree-view li{position:relative}ul.tree-view li::before{border-left:1px solid #aaa;border-top:1px solid #aaa;content:"";height:1em;left:0;position:absolute;top:0;width:1em}ul.tree-view li:last-child::before{border-left:0}ul.tree-view li:before{border-top-left-radius:0}ul.tree-view li::after{border-left:1px solid #aaa;content:"";height:1em;left:0;position:absolute;top:0;width:1em}ul.tree-view li:last-child::after{border-left:0}ul.tree-view li:last-child::before{border-top:0}.terminal-window{background-color:#000;color:#fff;font-family:monospace;padding:10px;box-sizing:border-box}.simcity-window{width:600px;height:439px;background-color:silver;box-sizing:border-box;position:absolute;bottom:32px;right:32px;z-index:10}.simcity-window .title-bar{background-color:navy;color:#fff}.simcity-content{padding:9px;height:calc(100% - 40px);background-image:url(/os/simcity-classic.png);background-size:cover}.title-bar .title-bar-text{display:flex;align-items:center}.title-bar .title-bar-text::before{content:"";display:inline-block;width:16px;height:16px;margin-right:8px;background-size:cover;background-repeat:no-repeat}.title-bar .title-bar-text.command-prompt::before{background-image:url(/os/ms-dos.png)}.title-bar .title-bar-text.simcity-classic::before{background-image:url(/os/simcity.png)}