*{margin:0;padding:0}html{min-height:100%;font-family:Times New Roman,Times,serif}.game{position:relative}button{font-family:Times New Roman,Times,serif}:root{--map-poi-active-color:red;--title-color:#ebebeb;--description-color:#ebebeb;--spotlight-text-shadow:1px 1px 1px black}.navigator{position:fixed;inset:0;overflow:hidden}.map{-webkit-user-select:none;user-select:none;position:relative;&.is-ready{transition:transform 1s linear}}.poi{cursor:pointer;fill:#330600;&.is-active{fill:var(--map-poi-active-color)}}.hero{background-color:var(--map-poi-active-color);border-radius:50%;width:10px;height:10px;position:fixed;top:calc(72% - 5px);left:calc(50% - 5px)}.spotlight{position:fixed;top:15px;left:15px;right:15px;& .title{color:var(--title-color);text-shadow:var(--spotlight-text-shadow)}& .description{color:var(--description-color);text-shadow:var(--spotlight-text-shadow)}}.narrator{backdrop-filter:blur(4px);position:fixed;bottom:30px;left:15px;right:15px;& .title{color:var(--title-color);text-shadow:var(--spotlight-text-shadow)}& .dialog{color:var(--description-color);text-shadow:var(--spotlight-text-shadow)}& .options{list-style:inside;& li::marker{color:var(--description-color);text-shadow:var(--spotlight-text-shadow)}}& .option{color:var(--title-color);text-shadow:var(--spotlight-text-shadow);cursor:pointer;background-color:#0000;border:none;padding:5px 0;text-decoration:underline}}:root{--size:50px}.joystick{left:calc(50% - var(--size));height:calc(var(--size)*2);width:calc(var(--size)*2);list-style:none;position:fixed;top:75%;&.is-hidden{display:none}}.joystick-arrow{cursor:pointer;width:calc(var(--size)/2);height:var(--size);transform-origin:bottom;left:calc(50% - calc(var(--size)/2));background-color:#0000;background-repeat:no-repeat;background-size:contain;border:none;position:absolute}.joystick-integrated{opacity:0;border:1px solid #fff;border-radius:50%;width:50px;height:50px;transition:opacity .3s;position:relative;&.is-active{opacity:1}}.joystick-integrated__center{background-color:#fff;border-radius:50%;width:10px;height:10px;transition:transform .1s;position:absolute;top:calc(50% - 5px);left:calc(50% - 5px)}
/*# sourceMappingURL=index.bced31d5.css.map */