html,body { padding:0; margin:0; overflow:hidden; }
	body { position:absolute; width:100%; height:100%; background-color:#333; background-image:url('/img/background_2.jpg'); background-size:100%; background-repeat:repeat-y; color:#000; font-family:Atmospheric; -webkit-text-size-adjust:100%; } 
	
	@font-face { font-family:'Atmospheric'; src:url('/font/aAtmospheric.ttf') format('truetype'); font-weight:400; font-style:normal; }
	@font-face { font-family:'DigitalStrip'; src:url('/font/digistrip.ttf') format('truetype'); font-weight:400; font-style:normal; }
	@font-face { font-family:'DigitalStrip'; src:url('/font/digistrip_b.ttf') format('truetype'); font-weight:700; font-style:normal; }
	
	.gui {  }
		.gui_swipe { display:flex; z-index:7; position:absolute; align-items:center; justify-content:center; width:100%; height:100%; background-color:rgba(20,20,20,0.5); backdrop-filter:blur(2px); opacity:0; }
			.gui_swipe img { width:42%; }
		.gui_iconbar { display:flex; align-items:center; justify-content:space-between; z-index:10; position:absolute; top:0px; height:10vh; width:100%; background-color:rgba(20,20,20,0.8); box-shadow:0 0 12px rgba(0,0,0,0.5); }
			.gui_icon { height:50%; cursor:pointer; color:#fff; user-select:none; }
				.gui_icon_ves { margin-left:5vw; }
				.gui_icon_menu { margin-right:2vw; }
				.gui_icon img { height:100%; pointer-events:none; }
				
		.gui_scenebar { z-index:10; position:absolute; width:100%; height:10vh; bottom:12px; line-height:0; background-color:rgba(20,20,20,0.8); border:1px solid rgba(20,20,20,0.8); box-shadow:0 0 12px rgba(0,0,0,0.5); overflow:hidden; cursor:pointer; }
			.gui_scenebox { width:100%; height:100%; display:flex; align-items:center; }
				.gui_scene { height:100%; }
				.gui_scene img { height:100%; border:0.5px solid rgba(20,20,20,0.5); box-sizing:border-box; }
		
		.gui_locatorbar { z-index:10; position:absolute; bottom:0px; width:100%; height:12px; background-color:rgba(20,20,20,0.8); }
			.gui_locator { position:absolute; top:3px; left:0px; width:1vh; height:calc(100% - 6px); background-color:rgba(255,221,0,1); }
	
	.menu { z-index:11; position:absolute; width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#ffdd00; background-color:rgba(20,20,20,0.8); opacity:0; backdrop-filter:blur(7px); }
		.menu_item { font-size:2vw; margin:0 3vh; }
			.menu_item_title { font-size:6vw; text-shadow:0 0 2vw rgba(0,0,0,1); }
			.menu_item_teasertitle { font-size:5vw; text-shadow:0 0 2vw rgba(0,0,0,1); }
			.menu_item_version { font-family:DigitalStrip; font-size:2.2vw; margin-top:3vw; color:rgba(255,255,255,0.7); }
			.menu_item_text { font-size:3.5vw; font-family:DigitalStrip; margin:7vw 14vw; color:rgba(255,255,255,0.9); }
		.menu a { text-align:center; height:30vw; }
		.menu a img { width:50%; }
		
	.scenebar { z-index:8; position:absolute; width:100%; pointer-events:none; background-color:rgba(20,20,20,0.9); opacity:0; visibility:hidden; }
		.scenebar_box { width:100%; }
			.scene_preview { width:100%; opacity:0; border:solid rgba(20,20,20,0.5); border-width: 6px 7px 6px 6px; box-sizing:border-box; line-height:0; }
				.scene_preview img { width:100%; }
	
	.scenemasks { pointer-events:none; }
		.scenemask { z-index:2; position:absolute; top:0px; height:100%; background-image:url('/img/background_2.jpg'); background-repeat:repeat-y; }
		.scenemask_left { left:0px; }
		.scenemask_right { right:0px; }
	
	.scenes { position:absolute; width:100%; height:100%; translate:50% 50%; }
		.scene { position:absolute; }
			.scene img { position:absolute; }
		.sceneprepare { position:absolute; pointer-events:none; opacity:0.01; }
	
    .sharebox { z-index:20; position:absolute; width:100%; height:100%; background-color:rgba(255,255,255,0.9); opacity:0; }
		.share_screen { position:absolute; width:100%; height:100%; border-radius:7px; overflow:hidden; }
			.share_frame_back { z-index: 1; position:absolute; width:100%; height:100%; background-color:#fff; pointer-events:none; }
			.share_scene { z-index: 2; position:absolute; left:42px; top:42px; width:calc(100% - 84px); height:calc(100% - 20vh - 42px); translate:50% 50%; }
				.share_scene img { }
			.share_frame_bot { z-index: 3; position:absolute; bottom:0px; width:100%; height:20vh; background-color:#fff; pointer-events:none; }
			.share_frame_top { z-index: 3; position:absolute; width:100%; height:100%; border:42px solid #fff; box-sizing:border-box; pointer-events:none; }
				
@media (orientation: landscape) {
		.menu_item { font-size:1vw; }
			.menu_item_title { font-size:3vw; }
			.menu_item_teasertitle { font-size:2.5vw; text-shadow:0 0 2vw rgba(0,0,0,1) }
			.menu_item_version { font-size:1.1vw; margin-top:1.5vw; }
			.menu_item_text { font-size:1.75vw; margin:3.5vw 7vw; }
		.menu a { height:15vw; }
}