*{box-sizing:border-box;-webkit-user-select:none;user-select:none;cursor:none}html,body{display:flex;width:100%;height:100%;margin:0;padding:0;overflow:hidden;background-color:#000;justify-content:center;align-items:center;cursor:default}input,button{cursor:none}#popup-list,#scene-list{display:none}#game{position:relative;display:flex;width:100vw;max-width:calc((100vh - 50px) / 9 * 16);height:auto;margin:0;padding:0;cursor:none;aspect-ratio:16/9;background-color:#000;flex-direction:column}#game-menu{display:grid;width:100%;height:50px;padding:2px 10px;background-color:#deb887;grid-template-columns:1fr 100px 100px;gap:10px;justify-content:flex-end;align-items:center}#game-menu>.menu-item{height:100%;min-width:100px}#game-menu>.menu-item:first-child{justify-self:flex-start}#scene-map{display:flex;width:100%;height:100%;padding:0;justify-content:center;align-items:center;background-color:#f5f5f5}#scene-map>.background{width:100%;height:100%}#scene-map>.map-object{top:0;left:0;position:absolute;width:100%;height:100%;transform:unset}#scene-map>.map-object>.click-area{visibility:visible;opacity:.5;filter:blur(5px)}#popup{position:absolute;width:100%;height:calc(100% - 50px);pointer-events:none}.popup{top:50%;left:50%;position:absolute;display:flex;width:auto;height:auto;padding:1rem;border-radius:.25rem;pointer-events:all;background-color:#f5f5f5;transform:translate(-50%,-50%);flex-direction:column;justify-content:center;align-items:center}.popup h1{font-size:1.5rem;margin-top:0rem}.popup>form{display:flex;flex-direction:column;justify-content:center;align-items:center}.popup .menu-item{display:flex;width:100%;justify-content:space-between}audio{position:fixed;bottom:0;right:0;display:none;width:100%;height:50px}#text{position:absolute;bottom:1rem;display:flex;width:100%;height:auto;padding:0;margin:0 0 50px;background-color:#ffffff80;font-size:1.5em;color:#333;text-align:left;font-family:Open Sans,sans-serif}#cursor{position:absolute;width:50px;height:auto;aspect-ratio:1/1;background-color:transparent;pointer-events:none;transform:translate(-50%,-50%);visibility:hidden}#cursor[data-state=default]>[data-state=default]{visibility:visible}#cursor[data-state=hover]>[data-state=hover]{visibility:visible}#cursor[data-state=click]>[data-state=click]{visibility:visible}#cursor>*{display:flex;width:100%;height:100%;position:fixed;pointer-events:none;visibility:hidden}#cursor[data-state=options]>[data-state=options]{display:grid;grid-template-columns:50px 50px;grid-template-rows:50px 50px;transform:translate(-50%,-50%)}#cursor[data-state=options]>[data-state=options]:after{display:flex}#cursor[data-state=options]>[data-state=options]>*{display:flex}#cursor>[data-state=options]{visibility:visible;transform:translate(50%) scale(.5)}#cursor>[data-state=options]>*{display:none;width:100%;height:100%;filter:grayscale(1)}#cursor>[data-state=options]:after{display:none;content:" ";top:50%;left:50%;position:absolute;width:50px;height:50px;border:3px solid white;border-radius:50px}#cursor>[data-state=options].top-left>.top-left,#cursor>[data-state=options].top-right>.top-right,#cursor>[data-state=options].bottom-left>.bottom-left,#cursor>[data-state=options].bottom-right>.bottom-right{display:flex;filter:grayscale(0) brightness(1.5) drop-shadow(3px 3px 0px black)}#cursor>[data-state=options].top-left:after{top:0;left:0}#cursor>[data-state=options].top-right:after{top:0;left:100%}#cursor>[data-state=options].bottom-left:after{top:100%;left:0}#cursor>[data-state=options].bottom-right:after{top:100%;left:100%}#scene{display:flex;width:100%;height:100%}.scene{position:relative;top:0;left:0;display:flex;width:100dvw;height:auto;margin:auto;aspect-ratio:16/9;background-position:center;background-size:cover;background-color:purple;overflow:hidden}.scene>*{pointer-events:none;-webkit-user-select:none;user-select:none}.scene>.background{position:absolute;top:50%;left:50%;display:flex;width:100%;height:auto;aspect-ratio:16/9;transform:translate(-50%,-50%)}.object{position:absolute;display:flex;width:auto;height:auto;aspect-ratio:auto;background-color:transparent;background-position:center;background-size:cover;transform:translate(-50%,-50%)}.object>.image{position:static;width:100%;height:100%}.object>.click-area{position:absolute;width:100%;height:100%;visibility:hidden}.object>.profile{visibility:hidden}.object>.data{display:none}