:root{--main-bg-color: #4169e1;--main-secondary-color: #0000ff;--main-text-color: #000;--main-border-color: #c0c0c0;--main-secondary-bg-color: #dcd6d6;--window-gradient: linear-gradient(90deg, rgba(65, 105, 225, .8), rgba(65, 105, 225, .6));--window-border-color: #c0c0c0;--blue-rgb: 255 255 255;--primary-rgb: var(--blue-rgb)}*{box-sizing:border-box;font-family:MS PGothic,Arial Narrow,Arial,sans-serif}html,body{margin:0;width:100%;height:100%;overflow:hidden;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHkAAAB2CAYAAADsrDycAAAFp0lEQVR4nO2dQW5UMQyGO6hrxKogDgArOAFcgg1nZMMl4AQgFsC6iOkKcYFBVmUmjZKJk9iJE/uTqnZe37z2vX/sOI6f3+H089vpytmaR7P/AUceF9kALrIBrmf/A+b48vX88+tXfPtewEUeCYj27v359ccPefFq9i3A665/H1kP5/DgY7IBXGQDXF89fsJ3NM5jWQGu2edPD7e9eZvft4Hrq79/mt6YBMfkZ0/5jrkzEFhBQBUGWEBqG9Co1YEtrRkHXS70Q+JouYXGCNvHZAPIiQyWjV/W4bBiAI4RJkiIjEmGlIR21y4KTWRJa7QoMIytAId1E6C5aykhLAqcA4WPt6W2V1IfXXNZtTWBL43LOGXKTZ3C/Rqi67YpVK/Q1gRGegKw4QsUIJJVoXoAkVrcb4fAwOF0vPUar9FgGrNk1fiByKU5ifRnvFpct3sB+ny3w4IRLxqYCdWSO5mT1vQs2FDkLDl0yaGo7qrPpCxVIEHSJ3LOImMh8TXmsl3oe1RlvKiUplah2A5bRqsEn7umWqdb8ZlBltwvsovWjuoxOZzjtYjMVDQ+Da64Ypgl1xaHQbYmLvquycj0vl8DXAWLlCVHhr/FU8jXewzOYsIeSlM97qkgxZIZro1nvEJAOBRyROWp6jHZErnpHseHYJnoGqEk3FcIskJr3oR+kSkVDQh1P4eVuqVGrtLSmM5FcRFqrLnVZZdKgpiuCT2tKSUw0FhPLEqNcMrryz3wytEiWm0wFpYDoQHha0bPRnPXklYcosVtc1olVXD0ZALn32fJLUXigwvLp0NNgQp+uN1dx2xYbtwu8t2vdM65lMXB98D7b543/3kRNi1KbOs0AAIhsVA1bjgl9MxuBZt2SigHXqOCLmRG8EUpY1q4To0eXY9ilsAU4RZtl0Efk0dNoWawmGi1eDuJGoEX/TC4yAZwkWtZ0Jr5kiE946mV7NckeDNecYEebgvXkeM15VnBliH43XUoWk7gQXcOOPfw565R0Ph7bpsjjqwlx9Zaeu2IILMKFY/HSPgafo5/74hAW6CAlSNqEV4cVMXvuRSArXYnxSLwtkLONRyj7q/lTorN8GpNA9R3/5FYkXKBReFrau6oxXPXBnCRDeAiG8BFNoCLbADeh385KuHNeDkqcXdtABfZAC6yAWRFVnz3vSXckg0gf3/yavcPxatsG6yQyYkcu+pYbI2P4k2tl7esdStr3D7eXec65ewyfis8D7mM12qZtLh7b0jNuSg8b5mMV+2nWZFrewC6auo1UnqjOs+Y3OOiZl6MMMjauOBf5mkyVGYJjOKWnnB6c3PZOuNIHPZXyJzH+IWMFrqm4hRLhlPi3d2lI/FwXyUum+9BIwqjym7iVohKLbWETLWm1sCrt24cLTVlxeHvSwy2cNsd+ThbQFIFBlJGICi8jtz1Kq4ePgw5K1aMHkuekQpsEavHTecQPu+xIscnozR5UIVygQGZtCb1mKNTgDW34Nbw4iXv8ZiRT2uuYqE94v/4Xrf/4GsiG3hpFZj60C2JBjYTrsmYJ6FrIZwnc7jtmvF44vXgt2RlC+b/ifPMlH4l2Nekl8nXg19krQKnGtH0NKbpjaoHoiMZIkmcyswJLdmFaHKyZ+9OAyhwavzNbQNKS5BArRVP9HD7ihxbcM3zJC/R4qInD2F7ipyz4JLQqcrMkqu9lMXL7TOYw+l4u5fIcUEeVeiNm8XtZcm5sp4WCwZaM3fKasr3i65T06IWgQEQB79qUDaN3EfkMNCizn8lOwEqEnofkWNKQo9o9djiBQTYR+TwWcRITmhjvTz3ERmgCG1MYGAvkWFcTgkNYOrSmMDAPiKjwEAodCisQYGBPebJocCU7cZYP+MFGa5NM1VcrN2sDS115XMYwB7u2rnIPoGXk8VFNoCLbAAX2QAusgFcZAO4yAbwxxMY4B+l02GnVc4nvwAAAABJRU5ErkJggg==);animation:moving-background 60s linear infinite}img{max-width:100%;height:auto}.screen-overlay{background:linear-gradient(rgb(var(--primary-rgb) / .15),rgb(var(--primary-rgb) / .15) 1px,transparent 3px,transparent 9px);background-size:100% 9px;height:100vh;width:100%;animation:pan-overlay 22s infinite linear;position:absolute;z-index:10000;left:0;top:0;pointer-events:none}@keyframes pan-overlay{0%{background-position:0% 0%}to{background-position:0% -100%}}@keyframes moving-background{0%{background-position:0 0}to{background-position:100% -100%}}.desktop{width:100vw;height:100vh;position:relative}.header{position:fixed;top:0;left:0;right:0;padding:1rem;text-align:center;font-size:2rem;font-weight:700;background-image:url(../assets/header-background);z-index:1000}.taskbar{position:fixed;bottom:0;left:0;right:0;height:40px;background:var(--main-secondary-bg-color);border-top:2px outset var(--main-border-color);display:flex;align-items:center;padding:0 10px;gap:5px;z-index:1000;user-select:none}.taskbar-button{background:var(--main-secondary-bg-color);border:2px outset var(--main-border-color);padding:4px 12px;font-size:12px;cursor:pointer;user-select:none;height:28px}.taskbar-button:active{border:2px inset var(--main-secondary-bg-color)}.window{position:absolute;width:300px;height:250px;background:var(--main-bg-color);border:2px outset var(--main-border-color);box-shadow:2px 2px 4px #0000004d;display:none;z-index:10;transform:scale(.8);opacity:0;transition:transform .15s ease-out,opacity .15s ease-out;resize:both;overflow:auto;min-width:200px;min-height:150px}.window.window-opening{animation:windowOpen .15s ease-out forwards}.window.window-closing{animation:windowClose .15s ease-in forwards}@keyframes windowOpen{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes windowClose{0%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}.window-header{background:var(--window-gradient);color:#fff;padding:.2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--main-border-color);cursor:move;height:24px}.window-title{font-size:.9rem;text-shadow:1px 1px 1px rgba(0,0,0,.5);font-weight:700;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.window-controls{display:flex;gap:2px}.window-controls button{width:16px;height:14px;background:var(--main-secondary-color);border:1px outset var(--main-border-color);font-weight:700;cursor:pointer;padding:0;line-height:1}.window-controls button:active{border:1px inset var(--main-secondary-bg-color)}.window-controls .close{background:#ff1493;color:#fff}.window-content{padding:1rem;background:var(--main-secondary-bg-color);height:calc(100% - 24px);overflow:auto}.window-content button{background:var(--main-secondary-bg-color);border:2px outset var(--main-border-color);padding:4px 12px;font-size:100%;cursor:pointer}.window-content button:active{border:2px inset var(--main-secondary-bg-color)}.window-content p{margin:0 0 8px;color:#000}.window-content h3{margin:0 0 12px;color:#000;font-size:1.1rem}.window-content h4{margin:0 0 4px;color:#000;font-size:1rem}.journal-entry{margin-bottom:16px;padding:8px;border:1px inset var(--main-border-color);background:#ffffff4d}.journal-entry small{color:#666;font-style:italic}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gallery-item{text-align:center;padding:8px;border:1px inset var(--main-border-color);background:#ffffff4d}.placeholder-image{font-size:2rem;margin-bottom:4px;height:60px;display:flex;align-items:center;justify-content:center;background:#ffffff80;border:1px solid var(--main-border-color)}.gallery-item p{margin:4px 0 0;font-size:.8rem}@media (max-width: 600px){.window{max-width:80vw;max-height:70vh}}