@font-face{font-family:StarCrush;src:url(/otherAssets/font/StarCrush.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PixelPurl;src:url(/otherAssets/font/PixelPurl.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}#fps-counter{position:fixed;top:10px;left:10px;color:#0004ff;font-family:PixelPurl,sans-serif;font-size:2em;z-index:1000;pointer-events:none}html,body{width:100%;height:100%}body{margin:0;padding:0;overflow:hidden}p,img,div,canvas{vertical-align:top}::-moz-selection{background:#0004ff;background-color:#0004ff;color:#fff}::selection{background:#0004ff;background-color:#0004ff;color:#fff}.hide{display:none}#menu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}#content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em}.title{position:relative;z-index:2}#menu .title h1{font-size:7em;font-family:StarCrush,sans-serif;color:#fff;-webkit-text-stroke:1px #0004ff;text-shadow:0px 0px 12px #0004ff;position:relative;z-index:3}.title-glow{position:absolute;height:auto;pointer-events:none;opacity:0;transition:opacity .5s ease-in-out;z-index:4}.title-glow.visible{opacity:.9}.title-info{color:#000;width:100%;text-align:justify;font-family:PixelPurl,sans-serif;font-size:2.3em;line-height:1.2em}#menu #play_button{display:inline-block;font-size:2em;padding:.5em;font-family:StarCrush,sans-serif;color:#0004ff;border:2px solid #0004ff;text-align:center}#menu #play_button:hover{cursor:pointer;color:#fff;background-color:#0004ff}canvas{width:100%;height:100%}#painting-info{position:fixed;top:20px;left:20px;padding-top:25px;font-family:PixelPurl,sans-serif;color:#fff;width:350px;min-height:150px;max-height:400px;overflow-y:auto;z-index:1;opacity:0}#painting-info.show{opacity:1}#painting-info h3{font-size:2.5em;font-weight:700;-webkit-text-stroke:1px #0004ff;text-shadow:0px 0px 12px #0004ff}#painting-info p{color:#000;font-size:1.7em;line-height:1.2em}#painting-info strong{color:#000;font-weight:700;font-size:1.1em}#info-panel{position:fixed;bottom:10px;right:10px;color:#fff;font-family:PixelPurl,sans-serif;font-size:1.6em;overflow:hidden}#info-header{display:flex;justify-content:flex-start;gap:.5em;align-items:center;cursor:pointer}#info-header h3{font-size:1.5em;font-weight:700;margin:0}#info-header button{font-family:PixelPurl,sans-serif;font-size:1.3em;background-color:transparent;padding:.1em;border:2px solid #0004ff;color:#0004ff}#info-header button:hover{cursor:pointer;color:#fff;background-color:#0004ff}#info-content{line-height:1.2em}#info-panel.collapsed #info-content{max-height:0;overflow:hidden}#about-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000000e6;color:#fff;padding:200px}#about-overlay h1{font-size:7em;line-height:1em;font-family:StarCrush,sans-serif;color:#fff;-webkit-text-stroke:1px #0004ff;text-shadow:0px 0px 12px #0004ff}#about-overlay strong{color:#0004ff;font-weight:700;font-size:1.5em}#about-overlay p{font-size:2em;font-family:PixelPurl,sans-serif;text-align:justify;color:#fff;line-height:1.5em}#about-overlay a{color:#0004ff;text-decoration:none}#about-overlay a:hover{color:#fff}#close-about{border:none;background:none;position:absolute;top:10px;right:20px;cursor:pointer;font-size:7em;font-family:StarCrush,sans-serif;color:#fff;-webkit-text-stroke:1px #0004ff;text-shadow:0px 0px 12px #0004ff}#about_button{background-color:transparent;font-size:2em;padding:.5em;font-family:StarCrush,sans-serif;color:#0004ff;border:2px solid #0004ff;text-align:center}#about_button:hover{cursor:pointer;color:#fff;background-color:#0004ff}#music-toggle{position:fixed;bottom:20px;left:20px;width:80px;height:80px;cursor:pointer;z-index:100}#music-toggle img{width:80px;height:80px}#mobile-menu-button{position:fixed;bottom:10px;left:10px;display:inline-block;font-size:1.2em;padding:.25em;font-family:StarCrush,sans-serif;color:#0004ff;border:2px solid #0004ff;background-color:transparent;text-align:center;cursor:pointer;z-index:1000;transition:all .3s ease}#mobile-menu-button:hover{color:#fff;background-color:#0004ff}#mobile-menu-button:active{transform:scale(.95)}@media(max-width:768px){#menu{width:95%}#content{gap:.5em}#menu .title h1{font-size:3.5em;line-height:1em}.title-info{font-size:1.5em;line-height:1.1em;width:100%}#menu #play_button{font-size:1.5em;padding:.3em}#about_button{font-size:1.5em;padding:.25em}#fps-counter{display:none}#about-overlay{padding:10px;overflow-y:auto}#about-overlay h1{font-size:3.2em;line-height:1em}#about-overlay strong{font-size:1.7em}#about-overlay p{font-size:1.3em}#close-about{font-size:4em;left:10px}#music-toggle{position:fixed;top:10px;right:10px;bottom:auto;left:auto;width:50px;height:50px}#music-toggle img{width:50px;height:50px}#info-panel{font-size:1.2em}#painting-info p{line-height:1.1em}}