/*
Override core values
*/
#windows{z-index:100;}
#tooltip{z-index:101;}
#feedbacks{z-index:102;}

@media (prefers-color-scheme: light) {
[data-theme="default"]:root{
--background:url(../img/texture_alpha_6.png);
--content_shadow_intensity:0.06;
}
}

@media (prefers-color-scheme: dark) {
[data-theme="default"]:root{
--background:url(../img/texture_alpha_31.png);
--content_shadow_intensity:0.31;
}
}

:root[data-theme="bright"]{
--background:url(../img/texture_alpha_6.png);
--content_shadow_intensity:0.06;
}

:root[data-theme="dark"]{
--background:url(../img/texture_alpha_31.png);
--content_shadow_intensity:0.31;
}

/*
Modernized
*/

:root{
--max_content_width:calc(720px * var(--interface_scaling));
--sticky_color:33,33,33;
--interface_texture:linear-gradient(rgba(0,0,0,0.03), rgba(0,0,0,0.03));
--progress_color:var(--light_blue);
}

html, body{scroll-padding-top:calc(150px * var(--interface_scaling));scroll-padding-bottom:calc(54px * var(--interface_scaling));}
body{background-color:rgb(var(--surface_color));background-image:var(--interface_texture), var(--background);background-size:4px 4px, calc(160px * var(--interface_scaling)) calc(160px * var(--interface_scaling));background-repeat:repeat, repeat;background-attachment:fixed, fixed;}

/* Theme specific */
[data-theme="dark"]{
--background:url(../img/texture_alpha_12.png);
--sticky_color:0,0,0;
--interface_texture:linear-gradient(rgba(0,0,0,0.06), rgba(0,0,0,0.06));
}

/* UI */
.ui_sticky_texture{background-color:rgba(var(--sticky_color),1);}
.ui_sticky{background:rgba(var(--sticky_color),1);color:#FFF;pointer-events:all;}
.ui_interface_texture{background-color:rgba(var(--interface_color),0.6);background-image:var(--interface_texture);backdrop-filter:blur(calc(4px * var(--interface_scaling)));}
.ui_content_shadow_left{display:none;width:calc(16px * var(--interface_scaling));box-shadow:inset calc(-32px * var(--interface_scaling)) calc(-16px * var(--interface_scaling)) calc(16px * var(--interface_scaling)) calc(-32px * var(--interface_scaling)) rgba(0,0,0,var(--content_shadow_intensity));}
.ui_content_shadow_right{display:none;width:calc(16px * var(--interface_scaling));box-shadow:inset calc(32px * var(--interface_scaling)) calc(-16px * var(--interface_scaling)) calc(16px * var(--interface_scaling)) calc(-32px * var(--interface_scaling)) rgba(0,0,0,var(--content_shadow_intensity));}
.ui_content_max_width{width:100%;max-width:var(--max_content_width);}
.ui_sidebar_placeholder{width:0px;height:0px;overflow:visible;}

@media only screen and (pointer: fine) and (min-width: 1280px) and (orientation: landscape) {
.ui_content_shadow_left{display:block;}
.ui_content_shadow_right{display:block;}
}

@media only screen and (pointer: fine) and (min-width: 1280px) and (orientation: landscape) {
.ui_sidebar_placeholder{width:calc(320px * var(--interface_scaling));height:auto;}
}

/* Content */
.content_stage{min-height:108vh;width:100%;height:100%;background:rgba(var(--surface_color));padding:0px;margin:0px;overflow:visible;}
.content_line{padding-top:0px;margin-bottom:calc(16px * var(--interface_scaling));border:0px;border-bottom:1px solid #EEEEEE;}

/* Sticky */
#sticky_top{width:100%;height:auto;position:sticky;left:0px;top:0px;z-index:11;}
#sticky_bottom{width:100%;height:auto;position:sticky;left:0px;bottom:0px;z-index:11;}
.sticky_data_list{list-style:none;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:calc(16px * var(--interface_scaling));padding:0px;margin:calc(-4px * var(--interface_scaling)) 0px calc(12px * var(--interface_scaling)) 0px;}
.sticky_data_entry{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:calc(4px * var(--interface_scaling));line-height: 1ex;padding:0px;margin:0px;}

/* Navigation */
.navigation{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:calc(8px * var(--interface_scaling));width:100%;height:auto;padding:0px;margin:calc(-16px * var(--interface_scaling)) 0px 0px 0px;overflow:clip;}
.navigation_left{flex:1;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;min-width:0px;width:auto;height:auto;white-space:nowrap;padding:0px;margin:0px;overflow-x:auto;overflow-y:hidden;}
.navigation_left::-webkit-scrollbar{display:none;scrollbar-width:none;}
.navigation_right{flex-shrink:0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;width:auto;height:auto;white-space:nowrap;padding:0px;margin:0px;overflow:hidden;}
.nav_button{--nav_button_color:var(--on_interface_color);--fa-primary-opacity:1;--fa-secondary-opacity:0.12;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(8px * var(--interface_scaling));min-width:calc(60px * var(--interface_scaling));height:auto;padding:calc(12px * var(--interface_scaling)) 0;margin:0px;outline:none;color:rgba(var(--nav_button_color),1);overflow:hidden;position:relative;overflow:visible;cursor:pointer;transition:background var(--animation_time_standard) var(--animation_easing_standard);-moz-user-select:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;}
.nav_button:hover{background:rgba(var(--nav_button_color),0.06);}
.nav_button:hover > .nav_button_icon{transform:scale(1.25);}
.nav_button:hover > .nav_button_text{}
.nav_button:focus{background:rgba(var(--nav_button_color),0.12);}
.nav_button:active{background:rgba(var(--nav_button_color),0.24);}
.nav_button_icon{font-size:calc(20.8px * var(--interface_scaling));color:rgb(var(--nav_button_color));--fa-primary-color:rgb(var(--nav_button_color));--fa-secondary-color:rgb(var(--nav_button_color));transition:transform var(--animation_time_standard) var(--animation_easing_standard);will-change:transform;}
.nav_button_text{max-width:calc(100% - calc(16px * var(--interface_scaling)));color:rgb(var(--nav_button_color));font-size:calc(9px * var(--interface_scaling));font-weight:400;letter-spacing:calc(0.3px * var(--interface_scaling));white-space:nowrap;text-align:center;text-overflow:clip;overflow:hidden;opacity:1;transition:transform var(--animation_time_standard) var(--animation_easing_standard), opacity var(--animation_time_standard) var(--animation_easing_standard);will-change:opacity;}
.nav_button_hint{position:absolute;top:calc(12px * var(--interface_scaling));right:calc(12px * var(--interface_scaling));line-height:0px;opacity:0;transition:opacity var(--animation_time_standard) var(--animation_easing_standard);pointer-events:none;will-change:opacity;}
.nav_button_hint::after{content:'\f111';font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:900;font-size:calc(6px * var(--interface_scaling));color:rgb(var(--red));}
.nav_button_1{--nav_button_color:var(--orange);}
.nav_button_2{--nav_button_color:var(--deep_orange);}
.nav_button_3{--nav_button_color:var(--red);}
.nav_button_4{--nav_button_color:var(--pink);}
.nav_button_5{--nav_button_color:var(--deep_purple);}
.nav_button_6{--nav_button_color:var(--indigo);}
.nav_button_7{--nav_button_color:var(--blue);}
.nav_button_8{--nav_button_color:var(--light_blue);}
.nav_button_9{--nav_button_color:var(--cyan);}
.nav_button_10{--nav_button_color:var(--teal);}
.nav_button_11{--nav_button_color:var(--green);}
.nav_button_12{--nav_button_color:var(--light_green);}
.nav_button_13{--nav_button_color:var(--lime);}

@media only screen and (orientation: portrait) {
/* Scrolling hint on mobile */
.navigation_left{-webkit-animation:nav_scroll_hint 0.5s ease-in-out 0.5s 1 forwards;animation: nav_scroll_hint 0.5s ease-in-out 0.5s 1 forwards;}
@keyframes nav_scroll_hint{0%{margin:0px 0px 0px 0px;}50%{margin:0px 0px 0px calc(-80px * var(--interface_scaling));}100%{margin:0px 0px 0px 0px;}}
}

/* Secondary navigation */
.secondary_navigation_button_wrap{position:relative;}
.secondary_navigation_button_hint{position:absolute;top:calc(4px * var(--interface_scaling));right:calc(4px * var(--interface_scaling));line-height:0px;opacity:0;transition:opacity var(--animation_time_standard) var(--animation_easing_standard);pointer-events:none;will-change:opacity;}
.secondary_navigation_button_hint::after{content:'\f111';font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:900;font-size:calc(6px * var(--interface_scaling));color:rgb(var(--red));line-height:0px;}

@media only screen and (pointer: fine) and (min-width: 1280px) and (orientation: landscape) {
#navigation_hamburger_wrap{display:none;}
#navigation_hamburger{display:none;}
#navigation_hamburger_hint{display:none;}
}

/* Hints */
.hint{line-height:0px;vertical-align:text-top;}
.hint::after{content:'\f111';font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:900;font-size:calc(6px * var(--interface_scaling));color:rgb(var(--red));line-height:0px;}

/* Event banner */
.event_banners{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:calc(1px * var(--interface_scaling));width:100%;height:auto;}
.event_banner{display:block;width:100%;height:auto;padding:calc(12px * var(--interface_scaling)) calc(16px * var(--interface_scaling));margin:0px;border:1px solid rgba(var(--on_surface_color),0.12);border-radius:calc(4px * var(--interface_scaling));cursor:pointer;}

/* Chat */
#chat{width:100%;height:auto;overflow:hidden;}
#chat_stage{width:100%;height:auto;padding:0px;margin:0px;}
#chat_form{width:100%;height:auto;padding:0px;margin:0px;}
#chat_log_wrap{}
#chat_log{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-end;align-items:flex-start;width:100%;height:calc(224px * var(--interface_scaling));font-size:calc(14px * var(--interface_scaling));font-weight:400;letter-spacing:calc(0.25px * var(--interface_scaling));line-height:calc(20.08px * var(--interface_scaling));padding:0px;margin:0px 0px calc(var(--global_margin_spacing) * var(--interface_scaling)) 0px;overflow:hidden;-webkit-mask-image:linear-gradient( to top, hsl(0, 0%, 0%) 0%, hsl(0, 0%, 0%) 14%, hsla(0, 0%, 0%, 0.998) 26.2%, hsla(0, 0%, 0%, 0.992) 36.8%, hsla(0, 0%, 0%, 0.981) 45.9%, hsla(0, 0%, 0%, 0.963) 53.7%, hsla(0, 0%, 0%, 0.936) 60.4%, hsla(0, 0%, 0%, 0.898) 66.2%, hsla(0, 0%, 0%, 0.848) 71.2%, hsla(0, 0%, 0%, 0.784) 75.6%, hsla(0, 0%, 0%, 0.704) 79.6%, hsla(0, 0%, 0%, 0.606) 83.4%, hsla(0, 0%, 0%, 0.488) 87.2%, hsla(0, 0%, 0%, 0.349) 91.1%, hsla(0, 0%, 0%, 0.187) 95.3%, hsla(0, 0%, 0%, 0) 100% );mask-image:linear-gradient( to top, hsl(0, 0%, 0%) 0%, hsl(0, 0%, 0%) 14%, hsla(0, 0%, 0%, 0.998) 26.2%, hsla(0, 0%, 0%, 0.992) 36.8%, hsla(0, 0%, 0%, 0.981) 45.9%, hsla(0, 0%, 0%, 0.963) 53.7%, hsla(0, 0%, 0%, 0.936) 60.4%, hsla(0, 0%, 0%, 0.898) 66.2%, hsla(0, 0%, 0%, 0.848) 71.2%, hsla(0, 0%, 0%, 0.784) 75.6%, hsla(0, 0%, 0%, 0.704) 79.6%, hsla(0, 0%, 0%, 0.606) 83.4%, hsla(0, 0%, 0%, 0.488) 87.2%, hsla(0, 0%, 0%, 0.349) 91.1%, hsla(0, 0%, 0%, 0.187) 95.3%, hsla(0, 0%, 0%, 0) 100% );-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;}
#chat_input{padding-left:calc(16px * var(--interface_scaling));border:0px;box-sizing:border-box;border-radius:calc(4px * var(--interface_scaling));}

/* Tooltip */
.tooltip{outline:none;position: relative;}
.tooltip_content{display:none;width:calc(280px * var(--interface_scaling));height:auto;background-color:rgba(0,0,0,0.87);color:#FFF;font-family:'Roboto', sans-serif;font-size:calc(14px * var(--interface_scaling));font-weight:400;letter-spacing:calc(0.25px * var(--interface_scaling));line-height:calc(20.08px * var(--interface_scaling));text-align:left;white-space:normal;padding:calc(16px * var(--interface_scaling));margin:0px;border-radius:calc(4px * var(--interface_scaling));box-shadow:0px 0px calc(16px * var(--interface_scaling)) 0px rgba(0,0,0,0.06);backdrop-filter:blur(calc(4px * var(--interface_scaling)));z-index:24;pointer-events:all;}
.tooltip:hover .tooltip_content{display:block;position:fixed;left:50%;bottom:calc(56px * var(--interface_scaling));transform:translateX(calc(0px - calc(calc(100% * var(--interface_scaling)) / 2)));}

@media only screen and (pointer: fine) and (min-width: 1280px) and (orientation: landscape) {
.tooltip_content{pointer-events:none;}
.tooltip:hover > .tooltip_content{display:block;position:absolute;left:50%;bottom:calc(50% + calc(16px * var(--interface_scaling)));}
}

/* Callout */
.callout{--callout_background_color:#FFD54F;--callout_foreground_color:#000;background:var(--callout_background_color);color:var(--callout_foreground_color);font-size:calc(14px * var(--interface_scaling));font-weight:400;letter-spacing:calc(0.25px * var(--interface_scaling));line-height:calc(20.08px * var(--interface_scaling));white-space:normal;text-align:center;padding:calc(calc(var(--global_margin_spacing) / 2) * var(--interface_scaling)) calc(var(--global_margin_spacing) * var(--interface_scaling));margin:calc(var(--global_margin_spacing) * var(--interface_scaling)) calc(var(--global_margin_spacing) * var(--interface_scaling)) 0px calc(var(--global_margin_spacing) * var(--interface_scaling));border-radius:calc(4px * var(--interface_scaling));}
.callout_title{font-weight:bold;text-transform:uppercase;}
.callout_text{}
.callout_time{white-space:nowrap;}

/* Buffs */
.buffs{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:calc(8px * var(--interface_scaling));padding:0px;margin:0px 0px calc(var(--global_margin_spacing) * var(--interface_scaling)) 0px;}
.buffs:empty{display:none;}
.buff{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;width:calc(29px * var(--interface_scaling));height:calc(29px * var(--interface_scaling));background-color:transparent;background-size:calc(100% - calc(8px * var(--interface_scaling))) calc(100% - calc(8px * var(--interface_scaling)));background-position:center center;background-repeat:no-repeat;color:rgba(var(--on_surface_color),0.54);font-size:calc(16px * var(--interface_scaling));text-align:center;padding:0px;margin:0px;border:1px solid rgba(var(--on_surface_color),0.12);border-radius:calc(4px * var(--interface_scaling));overflow:visible;position:relative;}
.buff::before{filter:var(--image_filter);}

/* Mats */
.mats_wrap{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:calc(8px * var(--interface_scaling));padding:0px;margin:0px 0px calc(var(--global_margin_spacing) * var(--interface_scaling)) 0px;}
.mats_wrap:empty{display:none;}
.mats{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;width:calc(50px * var(--interface_scaling));height:calc(50px * var(--interface_scaling));line-height:calc(42px * var(--interface_scaling));text-align:center;font-size:calc(36px * var(--interface_scaling));background-size:calc(42px * var(--interface_scaling)) calc(42px * var(--interface_scaling));background-position:center center;background-repeat:no-repeat;padding:calc(4px * var(--interface_scaling));margin:0px;border:1px solid rgba(var(--on_surface_color),0.12);border-radius:calc(4px * var(--interface_scaling));overflow:visible;position:relative;image-rendering:-webkit-optimize-contrast;color:rgba(var(--on_surface_color),0.54);}
.mats_c2{border:1px solid #8BC34A;box-shadow:inset 0px 0px calc(6px * var(--interface_scaling)) #8BC34A;}
.mats_c3{border:1px solid #03A9F4;box-shadow:inset 0px 0px calc(6px * var(--interface_scaling)) #03A9F4;}
.mats_c4{border:1px solid #E91E63;box-shadow:inset 0px 0px calc(6px * var(--interface_scaling)) #E91E63;}
.mats_img{filter:var(--image_filter);}
.mats_img:before{content:'';display:block;width:calc(42px * var(--interface_scaling));height:calc(42px * var(--interface_scaling));}
.mats_text{background:transparent;font-family:'Roboto', sans-serif;font-size:calc(10px * var(--interface_scaling));color:rgb(var(--white));text-shadow:var(--text_outline);white-space:nowrap;display:inline-block;line-height:initial;padding:0px;margin:0px;border:0px;position:absolute;left:calc(4px * var(--interface_scaling));bottom:calc(4px * var(--interface_scaling));}
.mats_link_wrap{width:calc(12px * var(--interface_scaling));height:calc(12px * var(--interface_scaling));position:absolute;bottom:1px;right:1px;overflow:hidden;border-bottom-right-radius:calc(4px * var(--interface_scaling));cursor:pointer;z-index:1 !important;}
.mats_link{width:calc(12px * var(--interface_scaling));height:calc(12px * var(--interface_scaling));background:#FF5722;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:relative;left:calc(6px * var(--interface_scaling));top:calc(6px * var(--interface_scaling));cursor:pointer;}
.mats_outfit{width:calc(42px * var(--interface_scaling));height:calc(42px * var(--interface_scaling));background-size:calc(42px * var(--interface_scaling)) calc(42px * var(--interface_scaling));background-repeat:no-repeat;background-position:left top;display:block;margin:0px auto;position:relative;box-sizing:border-box;}
.mats > .circular_progress{margin-bottom:0px !important;}

/* Supporting image/icon */
.supporting_image_small, .supporting_character_small, .supporting_icon_small{--avatar_size:40px;display:flex;flex-direction:row;flex-wrap:nowrap;flex-wrap:nowrap;justify-content:center;align-items:center;width:calc(40px * var(--interface_scaling));height:calc(40px * var(--interface_scaling));padding:0px;margin:0px 0px calc(var(--global_margin_spacing) * var(--interface_scaling)) 0px;}
.supporting_image_small{background:rgba(var(--on_surface_color),0.44);padding:calc(6px * var(--interface_scaling));border-radius:50%;}
.supporting_character_small{background:rgba(var(--on_surface_color),0.44);padding:0px;border-radius:50%;}
.supporting_icon_small{background:rgba(var(--on_surface_color),0.44);color:rgba(var(--surface_color), 0.80);font-size:calc(22px * var(--interface_scaling));line-height:2ex;border-radius:50%;}
.supporting_image_big, .supporting_character_big, .supporting_icon_big{--avatar_size:56px;display:flex;flex-direction:row;flex-wrap:nowrap;flex-wrap:nowrap;justify-content:center;align-items:center;width:calc(56px * var(--interface_scaling));height:calc(56px * var(--interface_scaling));padding:0px;margin:0px 0px calc(var(--global_margin_spacing) * var(--interface_scaling)) 0px;}
.supporting_image_big{background:rgba(var(--on_surface_color),0.44);padding:calc(12px * var(--interface_scaling));border-radius:50%;}
.supporting_character_big{background:rgba(var(--on_surface_color),0.44);padding:0px;border-radius:50%;}
.supporting_icon_big{background:rgba(var(--on_surface_color),0.44);color:rgba(var(--surface_color), 0.80);font-size:calc(32px * var(--interface_scaling));line-height:2ex;border-radius:50%;}
.supporting_image_small_image, .supporting_image_big_image{width:100%;height:100%;object-fit:cover;}
.supporting_character_small_image, .supporting_character_big_image{width:100%;height:100%;object-fit:cover;}

/* Overlay */
#overlay{width:100%;height:100%;position:fixed;left:0px;top:0px;background:#000;transition:opacity 0.25s cubic-bezier(0,0,0.3,1);z-index:20;will-change:opacity;}
.overlay_default{opacity:0;pointer-events:none;}
.overlay_visible{opacity:0.75;pointer-events:all;}
.overlay_invisible{opacity:0;pointer-events:none;}

/* Sidebar */
#sidebar{width:calc(320px * var(--interface_scaling));height:100%;background:rgb(var(--surface_color));padding:0px;margin:0px;position:fixed;top:0px;right:0px;box-shadow:none;overflow-x:hidden;overflow-y:scroll;transition:transform var(--animation_time_standard) var(--animation_easing_standard);z-index:21;will-change:transform;}
.sidebar_default{transform:translateX(calc(321px * var(--interface_scaling)));pointer-events:none;}
.sidebar_visible{transform:translateX(0px);pointer-events:auto;}
.sidebar_invisible{transform:translateX(calc(321px * var(--interface_scaling)));pointer-events:none;}
.sidebar_eyecatch{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;flex-wrap:nowrap;gap:0px;width:calc(320px * var(--interface_scaling));color:#FFF;box-shadow:none;border-bottom:0px;margin-bottom:0px !important;padding:0px;position:relative;overflow:hidden;}
.sidebar_eyecatch::before{content:'';display:block;width:100%;height:100%;background:linear-gradient( to bottom left, hsl(240, 100%, 50%) 0%, hsl(233.64, 100%, 50%) 1.3%, hsl(226.27, 100%, 50%) 4.9%, hsl(219.69, 100%, 50%) 10.4%, hsl(213.71, 100%, 50%) 17.5%, hsl(208.28, 100%, 50%) 25.9%, hsl(203.32, 100%, 50%) 35.2%, hsl(198.75, 100%, 50%) 45%, hsl(193.12, 100%, 48.49%) 55%, hsl(183.83, 100%, 43.84%) 64.8%, hsl(175.33, 100%, 43.75%) 74.1%, hsl(166.17, 80.1%, 59.34%) 82.5%, hsl(152.39, 81.8%, 74.38%) 89.6%, hsl(138.88, 87.57%, 82.7%) 95.1%, hsl(127.81, 95.53%, 87.43%) 98.7%, hsl(123.21, 100%, 89.02%) 100%);background-size:calc(320px * var(--interface_scaling)) calc(320px * var(--interface_scaling));background-position:center center;position:absolute;left;0px;top:0px;object-fit:contain;filter:var(--image_filter);z-index:-1;}
.sidebar_content{width:calc(320px * var(--interface_scaling));padding:0px;}
.sidebar_attribute_value{float:right;}


/*
purple-blue
linear-gradient(to bottom left, hsl(320, 100%, 50%) 0%, hsl(319.99, 98.19%, 54.29%) 1.3%, hsl(316.05, 91.1%, 58.89%) 4.9%, hsl(304.56, 75.33%, 61.84%) 10.4%, hsl(281.69, 89.58%, 70.75%) 17.5%, hsl(255.66, 100%, 77.69%) 25.9%, hsl(221.06, 100%, 74.55%) 35.2%, hsl(201.98, 100%, 64.01%) 45%, hsl(192.24, 100%, 52.65%) 55%, hsl(189.81, 100%, 58.36%) 64.8%, hsl(188.5, 100%, 67.77%) 74.1%, hsl(184.77, 92.48%, 74.37%) 82.5%, hsl(177.68, 84.41%, 79.64%) 89.6%, hsl(170.84, 90.64%, 84.79%) 95.1%, hsl(165.84, 96.97%, 87.93%) 98.7%, hsl(163.93, 100%, 89.02%) 100%);

blue-yellow
linear-gradient(to bottom left, hsl(240, 100%, 50%) 0%, hsl(233.64, 100%, 50%) 1.3%, hsl(226.27, 100%, 50%) 4.9%, hsl(219.69, 100%, 50%) 10.4%, hsl(213.71, 100%, 50%) 17.5%, hsl(208.28, 100%, 50%) 25.9%, hsl(203.32, 100%, 50%) 35.2%, hsl(198.75, 100%, 50%) 45%, hsl(193.12, 100%, 48.49%) 55%, hsl(183.83, 100%, 43.84%) 64.8%, hsl(175.33, 100%, 43.75%) 74.1%, hsl(166.17, 80.1%, 59.34%) 82.5%, hsl(152.39, 81.8%, 74.38%) 89.6%, hsl(138.88, 87.57%, 82.7%) 95.1%, hsl(127.81, 95.53%, 87.43%) 98.7%, hsl(123.21, 100%, 89.02%) 100%);

rose-yellow
linear-gradient(to bottom left, hsl(303.06, 100%, 50%) 0%, hsl(304.14, 100%, 50%) 1.3%, hsl(307.15, 100%, 50%) 4.9%, hsl(311.64, 100%, 50%) 10.4%, hsl(319.74, 100%, 56.94%) 17.5%, hsl(331.07, 100%, 63.85%) 25.9%, hsl(345.92, 100%, 70.33%) 35.2%, hsl(4.42, 100%, 74.48%) 45%, hsl(19.02, 100%, 73.34%) 55%, hsl(28.73, 100%, 74.09%) 64.8%, hsl(35.58, 100%, 76.46%) 74.1%, hsl(40.91, 100%, 79.78%) 82.5%, hsl(45.53, 100%, 83.27%) 89.6%, hsl(49.75, 100%, 86.26%) 95.1%, hsl(53.2, 100%, 88.29%) 98.7%, hsl(54.64, 100%, 89.02%) 100%);
*/


@media only screen and (pointer: fine) and (min-width: 1280px) and (orientation: landscape) {
#sidebar{height:auto;margin:calc(-117px * var(--interface_scaling)) 0px calc(32px * var(--interface_scaling)) 0px;position:sticky;top:0px;border-bottom-left-radius:calc(4px * var(--interface_scaling));border-bottom-right-radius:calc(4px * var(--interface_scaling));box-shadow:0px 0px calc(16px * var(--interface_scaling)) 0px rgba(0,0,0,var(--content_shadow_intensity));overflow:visible;z-index:11;}
.sidebar_default, .sidebar_visible, .sidebar_invisible{transform:none;pointer-events:all;}
.sidebar_eyecatch{height:calc(141px * var(--interface_scaling));position:sticky;top:0px;z-index: 1;}
.sidebar_content{border-bottom-left-radius:calc(4px * var(--interface_scaling));border-bottom-right-radius:calc(4px * var(--interface_scaling));}
}

/* Sidebar account data */
#account_dashboard{--global_margin_spacing:0px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;gap:calc(20px * var(--interface_scaling));padding:calc(20px * var(--interface_scaling));}
#account_avatar{flex-shrink:0;border:0px;border-radius:50%;box-shadow:0px 0px 0px calc(4px * var(--interface_scaling)) rgba(0, 0, 0, 0.12);box-sizing:content-box;cursor:default;}
#account_avatar_image{}
#account_avatar_border{}
#account_avatar_level{background:#FFF;color:rgba(var(--black),0.87);}
#account_avatar_star_wrapper{background:#FFF;color:rgb(var(--black));}
#account_avatar_star{}
#account_data{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;flex:1;width:auto;}
#account_name{width:100%;white-space:nowrap;text-overflow:ellipsis;padding:0px;margin:0px;overflow:hidden;}
#account_links{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;font-size:calc(14px * var(--interface_scaling));font-weight:400;letter-spacing:calc(0.25px * var(--interface_scaling));line-height:calc(20.08px * var(--interface_scaling));}
.account_link{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:calc(8px * var(--interface_scaling));color:#FFF;padding:calc(2px * var(--interface_scaling)) calc(4px * var(--interface_scaling));margin:0px;border-radius:calc(4px * var(--interface_scaling));position:relative;left:calc(-4px * var(--interface_scaling));top:0px;cursor:pointer;}
.account_link:hover{background:rgba(var(--white),0.06);}
.account_link:focus{background:rgba(var(--white),0.12);}
.account_link:active{background:rgba(var(--white),0.24);}

/* Sidebar event notice */
#event_box{width:100%;padding:0px 0px calc(16px * var(--interface_scaling)) 0px;}
.event_box_img{width:100%;height:auto;margin:0px;border-radius:calc(4px * var(--interface_scaling));cursor:pointer;}

/* Primary tabs */
#cnt > .tabs:first-child{background:rgb(var(--surface_color));margin:0px 0px 0px 1px;position:sticky;top:calc(101px * var(--interface_scaling));z-index:10;}

/* vMachine */
.vmachine_visual{width:calc(64px * var(--interface_scaling));height:calc(64px * var(--interface_scaling));padding:0px;margin:0px 0px calc(var(--global_margin_spacing) * var(--interface_scaling)) 0px;position:relative;}
.vmachine_visual_img_container{width:calc(56px * var(--interface_scaling));height:calc(56px * var(--interface_scaling));background-image:linear-gradient(rgba(var(--on_surface_color),0.44), rgba(var(--on_surface_color),0.44)), linear-gradient(rgb(var(--surface_color)), rgb(var(--surface_color)));color:rgba(var(--surface_color), 0.87);padding:calc(12px * var(--interface_scaling));margin:0px;border:0px;border-radius:50%;overflow:visible;position:absolute;left:calc(4px * var(--interface_scaling));top:calc(4px * var(--interface_scaling));filter:none;}
.vmachine_visual_img{width:100%;height:100%;object-fit:contain;}
.vmachine_visual_overlay{display:block;background:rgb(var(--purple));font-size:calc(12px * var(--interface_scaling));font-weight:400;letter-spacing:calc(0.4px * var(--interface_scaling));color:rgb(var(--white));padding:calc(2px * var(--interface_scaling)) calc(4px * var(--interface_scaling));border-radius:calc(4px * var(--interface_scaling));position:absolute;bottom:0px;left:50%;transform:translate(-50%, 0px);}
.vmachine_visual_refinement_sticker{box-sizing:content-box;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;width:calc(20px * var(--interface_scaling));height:calc(20px * var(--interface_scaling));background:linear-gradient(rgba(var(--on_surface_color),0.54), rgba(var(--on_surface_color),0.54)), linear-gradient(rgb(var(--surface_color)), rgb(var(--surface_color)));color:rgb(var(--surface_color));font-family:'Roboto', sans-serif;font-size:calc(14px * var(--interface_scaling));font-weight:bolder;font-variant-numeric:tabular-nums;letter-spacing:0px;line-height:auto;text-align:center;padding:0px;margin:0px;border-radius:50%;position:absolute;right:calc(1px * var(--interface_scaling));top:calc(1px * var(--interface_scaling));aspect-ratio:1;z-index:1;pointer-events:none;visibility:clip;display:none;}
.vmachine_visual_refinement_sticker[data-refinement_level="1"]{background:rgb(var(--green));visibility:visible;}
.vmachine_visual_refinement_sticker[data-refinement_level="2"]{background:rgb(var(--blue));visibility:visible;}
.vmachine_visual_refinement_sticker[data-refinement_level="3"]{background:rgb(var(--pink));visibility:visible;}
.vmachine_visual_refinement_sticker[data-refinement_level="4"]{background:rgb(var(--deep_orange));visibility:visible;}
.vmachine_visual_refinement_sticker::before{content:attr(data-refinement_level);}

/* Inventory */
.item_grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(46px * var(--interface_scaling)), 1fr));grid-template-rows:auto;grid-gap:calc(8px * var(--interface_scaling)) calc(8px * var(--interface_scaling));grid-auto-flow:row;justify-content:start;align-content:start;align-items:flex-start;justify-items:stretch;align-items:stretch;width:100%;padding:0px;margin:0px 0px calc(var(--global_margin_spacing) * var(--interface_scaling)) 0px;border:0px;}
.item_grid_item{aspect-ratio:1;display:block;width:auto;height:auto;background:transparent;font-size:0px;padding:calc(4px * var(--interface_scaling));margin:0px;border:calc(1px * var(--interface_scaling)) solid rgba(var(--on_surface_color),0.12);border-radius:calc(4px * var(--interface_scaling));position:relative;overflow:visible;}
.item_grid_item:enabled{cursor:pointer;}
.item_grid_item:disabled{cursor:not-allowed;}
.item_grid_item:enabled:hover{background:rgba(var(--on_surface_color),0.06);}
.item_grid_item:enabled:focus{background:rgba(var(--on_surface_color),0.12);}
.item_grid_item:enabled:active{background:rgba(var(--on_surface_color),0.24);}
.item_grid_item_image{width:100%;height:100%;object-fit:contain;}
.item_grid_item_info{display:block;width:100%;height:auto;background:transparent;color:#FFF;font-family:'Roboto', sans-serif;font-size:calc(14px * var(--interface_scaling));font-weight:500;letter-spacing:0px;line-height:2ex;white-space:nowrap;text-align:right;text-shadow:var(--text_outline);padding:0px calc(4px * var(--interface_scaling));margin:0px;border-radius:0px;position:absolute;right:0px;bottom:calc(4px * var(--interface_scaling));overflow:hidden;z-index:1;}
.item_grid_item_overlay{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;width:100%;height:calc(14px * var(--interface_scaling));background:rgba(var(--surface_color), 0.87);color:#FFF;font-family:'Roboto', sans-serif;font-size:calc(10px * var(--interface_scaling));font-weight:500;text-align:center;letter-spacing:0px;line-height:0px;white-space:nowrap;text-shadow:var(--text_outline);padding:0px;margin:0px;border-bottom:1px solid rgba(var(--on_surface_color), 0.12);border-top-left-radius:calc(4px * var(--interface_scaling));border-top-right-radius:calc(4px * var(--interface_scaling));position:absolute;left:0px;top:0px;overflow:hidden;z-index:2;}

/* Formatted item name */
.item_name_formatted{display:inline;white-space:nowrap;}
.item_name_formatted_image{display:inline;width:auto;height:2ex;vertical-align:text-top;object-fit:contain;padding:0px;margin:0px calc(4px * var(--interface_scaling)) 0px 0px;}
.item_name_formatted_text{display:inline;font-size:inherit;font-weight:400;letter-spacing:inherit;line-height:inherit;white-space:nowrap;text-overflow:ellipsis;padding:0px;margin:0px;overflow:hidden;}

/* User name */
.user_data_formatted{display:inline-flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0px;width:100%;height:auto;padding:0px;margin:0px;}
.user_data_formatted_title{flex-shrink:1;min-width:0px;width:100%;font-size:0.714em;font-weight:400;letter-spacing:0.1071em;line-height:normal;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.user_data_formatted_name{flex-shrink:1;min-width:0px;width:100%;font-size:inherit;font-weight:400;letter-spacing:inherit;line-height:inherit;padding:0px;margin:0px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

/* Highscore top-3-leaderboard */
.highscore_top_leaderboard_entry_primary{transform-origin:top center;transform:scale(1);}
.highscore_top_leaderboard_entry_secondary{transform-origin:top center;transform:scale(0.75);}
.highscore_top_leaderboard_visual{padding:0px;margin:0px 0px calc(var(--global_margin_spacing) * var(--interface_scaling)) 0px;overflow:hidden;position:relative;}
.highscore_top_leaderboard_icon{font-size:calc(72px * var(--interface_scaling));filter:var(--image_filter);}
.highscore_top_leaderboard_icon[data-rank="1"]{color:#FFD54F;}
.highscore_top_leaderboard_icon[data-rank="2"]{color:#BDBDBD;}
.highscore_top_leaderboard_icon[data-rank="3"]{color:#FFAB91;}
.highscore_top_leaderboard_text{display:block;width:100%;font-size:calc(26px * var(--interface_scaling));font-weight:bold;color:#FFF;opacity:0.5;text-align:center;position:absolute;left:0px;top:calc(10px * var(--interface_scaling));}

/* Circular spread */
.circular_spread_group{width:100%;height:auto;aspect-ratio:1/1;padding:0px;margin:0px 0px calc(var(--global_margin_spacing) * var(--interface_scaling)) 0px;object-fit:contain;position:relative;}
.circular_spread_item{width:auto;height:auto;transform-origin:center;transform:translate(-50%, -50%);position:absolute;}

/* Footer */
#footer{position:sticky;bottom:calc(-392px * var(--interface_scaling));z-index:11;}

/* Grid system */
.grid_l1_p1, .grid_l2_p1, .grid_l3_p1, .grid_l4_p1, .grid_l5_p1, .grid_l6_p1{display:grid;grid-column-gap:calc(1px * var(--interface_scaling));grid-row-gap:calc(1px * var(--interface_scaling));justify-items:stretch;align-items:stretch;padding:0px;margin:calc(16px * var(--interface_scaling));background:rgba(var(--on_surface_color),0.12);background-clip:content-box;border-bottom:1px solid rgba(var(--on_surface_color),0.12);}
.grid_l1_p1:last-child, .grid_l2_p1:last-child, .grid_l3_p1:last-child, .grid_l4_p1:last-child, .grid_l5_p1:last-child, .grid_l6_p1:last-child{}
.grid_l1_p1:last-child, .grid_l2_p1:last-child, .grid_l3_p1:last-child, .grid_l4_p1:last-child, .grid_l5_p1:last-child, .grid_l6_p1:last-child{border-bottom:0px;margin-bottom:0px;}
.grid_l1_p1.grid_merge, .grid_l2_p1.grid_merge, .grid_l3_p1.grid_merge, .grid_l4_p1.grid_merge, .grid_l5_p1.grid_merge, .grid_l6_p1.grid_merge{margin-bottom:calc(-16px * var(--interface_scaling));border-bottom:0px;}
.grid_merge:last-child{margin-bottom:0px !important;}
.grid_l2_p1::after, .grid_l3_p1::after, .grid_l4_p1::after, .grid_l5_p1::after, .grid_l6_p1::after{content:"";grid-column:1/-1;display:block;width:100%;height:calc(16px * var(--interface_scaling));background:rgba(var(--surface_color));margin:calc(-16px * var(--interface_scaling)) 0px 0px 0px;}
.grid_l1_p1{}
.grid_l1_p1{grid-template-columns:1fr;grid-template-rows:auto;}
.grid_l2_p1{grid-template-columns:repeat(auto-fit, minmax(calc(calc(100% / 2) - calc(1px * var(--interface_scaling))), 1fr));grid-template-rows:auto;}
.grid_l3_p1{grid-template-columns:calc((100% / 3) - (6px * var(--interface_scaling))) 1fr calc((100% / 3) - (6px * var(--interface_scaling)));grid-template-rows:auto;}
.grid_l4_p1{grid-template-columns:calc((100% / 4) - (9px * var(--interface_scaling))) 1fr 1fr calc((100% / 4) - (9px * var(--interface_scaling)));grid-template-rows:auto;}
.grid_l5_p1{grid-template-columns:calc((100% / 5) - (8.266px * var(--interface_scaling))) 1fr 1fr 1fr calc((100% / 5) - (8.266px * var(--interface_scaling)));grid-template-rows:auto;}
.grid_l6_p1{grid-template-columns:calc((100% / 6) - (5.44px * var(--interface_scaling))) 1fr 1fr 1fr 1fr calc((100% / 6) - (5.44px * var(--interface_scaling)));grid-template-rows:auto;}
.grid_content, .grid_placeholder{--global_margin_spacing:calc(16px * var(--interface_scaling));background:rgba(var(--surface_color));padding:calc(16px * var(--interface_scaling)) 0px 0px 0px;}
.grid_placeholder{display:none;}

/* Amount of columns per row in portrait */
@media screen and (orientation: portrait) {
.grid_l2_p1{grid-template-columns:1fr;grid-template-rows:auto;}
.grid_l3_p1{grid-template-columns:1fr;grid-template-rows:auto;}
.grid_l4_p1{grid-template-columns:repeat(auto-fit, minmax(calc(calc(100% / 2) - calc(1px * var(--interface_scaling))), 1fr));grid-template-rows:auto;}
.grid_l5_p1{grid-template-columns:repeat(auto-fit, minmax(calc(calc(100% / 2) - calc(1px * var(--interface_scaling))), 1fr));grid-template-rows:auto;}
.grid_l6_p1{grid-template-columns:calc((100% / 3) - (6px * var(--interface_scaling))) 1fr calc((100% / 3) - (6px * var(--interface_scaling)));grid-template-rows:auto;}
}

/* Placeholder in portrait */
@media screen and (orientation: portrait) {
.grid_l4_p1 > .grid_placeholder[data-placeholder_count="1"], .grid_l4_p1 > .grid_placeholder[data-placeholder_count="2"], .grid_l4_p1 > .grid_placeholder[data-placeholder_count="3"]{display:block;grid-column:span 1;}
.grid_l5_p1 > .grid_placeholder[data-placeholder_count="1"], .grid_l5_p1 > .grid_placeholder[data-placeholder_count="2"], .grid_l5_p1 > .grid_placeholder[data-placeholder_count="3"], .grid_l5_p1 > .grid_placeholder[data-placeholder_count="4"]{display:block;grid-column:span 1;}
.grid_l6_p1 > .grid_placeholder[data-placeholder_count="1"], .grid_l6_p1 > .grid_placeholder[data-placeholder_count="4"]{display:block;grid-column:span 1;}
.grid_l6_p1 > .grid_placeholder[data-placeholder_count="2"], .grid_l6_p1 > .grid_placeholder[data-placeholder_count="5"]{display:block;grid-column:span 2;}
.grid_l6_p1 > .grid_placeholder[data-placeholder_count="3"]{display:none;}
}

/* Placeholder in landscape */
@media screen and (orientation: landscape) {
.grid_placeholder[data-placeholder_count="1"]{display:block;grid-column:span 1;}
.grid_placeholder[data-placeholder_count="2"]{display:block;grid-column:span 2;}
.grid_placeholder[data-placeholder_count="3"]{display:block;grid-column:span 3;}
.grid_placeholder[data-placeholder_count="4"]{display:block;grid-column:span 4;}
.grid_placeholder[data-placeholder_count="5"]{display:block;grid-column:span 5;}
}

/* First elements in portrait */
@media screen and (orientation: portrait) {
.grid_l1_p1 > .grid_content:not(:empty):first-child, .grid_l2_p1 > .grid_content:not(:empty):first-child, .grid_l3_p1 > .grid_content:not(:empty):first-child{padding-top:0px;}
.grid_l4_p1 > .grid_content:not(:empty):nth-child(-n+2), .grid_l5_p1 > .grid_content:not(:empty):nth-child(-n+2){padding-top:0px;}
.grid_l6_p1 > .grid_content:not(:empty):nth-child(-n+3){padding-top:0px;}
}

/* First elements in landscape */
@media screen and (orientation: landscape) {
.grid_l1_p1 > .grid_content:not(:empty):first-child{padding-top:0px;}
.grid_l2_p1 > .grid_content:not(:empty):nth-child(-n+2){padding-top:0px;}
.grid_l3_p1 > .grid_content:not(:empty):nth-child(-n+3){padding-top:0px;}
.grid_l4_p1 > .grid_content:not(:empty):nth-child(-n+4){padding-top:0px;}
.grid_l5_p1 > .grid_content:not(:empty):nth-child(-n+5){padding-top:0px;}
.grid_l6_p1 > .grid_content:not(:empty):nth-child(-n+6){padding-top:0px;}
}

/* Apply padding in portrait */
@media screen and (orientation: portrait) {
.grid_l4_p1 > .grid_content:nth-child(2n-1 of .grid_content:not(:empty)){padding-right:calc(16px * var(--interface_scaling));}
.grid_l5_p1 > .grid_content:nth-child(2n-1 of .grid_content:not(:empty)){padding-right:calc(16px * var(--interface_scaling));}
.grid_l6_p1 > .grid_content:nth-child(3n-2 of .grid_content:not(:empty)){padding-right:calc(16px * var(--interface_scaling));}
.grid_l4_p1 > .grid_content:nth-child(2n+1 of .grid_content:not(:empty)){padding-left:calc(16px * var(--interface_scaling));padding-right:calc(16px * var(--interface_scaling));}
.grid_l5_p1 > .grid_content:nth-child(2n+1 of .grid_content:not(:empty)){padding-left:calc(16px * var(--interface_scaling));padding-right:calc(16px * var(--interface_scaling));}
.grid_l6_p1 > .grid_content:nth-child(3n+2 of .grid_content:not(:empty)){padding-left:calc(16px * var(--interface_scaling));padding-right:calc(16px * var(--interface_scaling));}
.grid_l4_p1 > .grid_content:nth-child(2n of .grid_content:not(:empty)){padding-left:calc(16px * var(--interface_scaling));}
.grid_l5_p1 > .grid_content:nth-child(2n of .grid_content:not(:empty)){padding-left:calc(16px * var(--interface_scaling));}
.grid_l6_p1 > .grid_content:nth-child(3n of .grid_content:not(:empty)){padding-left:calc(16px * var(--interface_scaling));}
}

/* Apply padding in landscape */
@media screen and (orientation: landscape) {
.grid_l2_p1 > .grid_content:nth-child(2n-1 of .grid_content:not(:empty)){padding-right:calc(16px * var(--interface_scaling));}
.grid_l3_p1 > .grid_content:nth-child(3n-2 of .grid_content:not(:empty)){padding-right:calc(16px * var(--interface_scaling));}
.grid_l4_p1 > .grid_content:nth-child(4n-3 of .grid_content:not(:empty)){padding-right:calc(16px * var(--interface_scaling));}
.grid_l5_p1 > .grid_content:nth-child(5n-4 of .grid_content:not(:empty)){padding-right:calc(16px * var(--interface_scaling));}
.grid_l6_p1 > .grid_content:nth-child(6n-5 of .grid_content:not(:empty)){padding-right:calc(16px * var(--interface_scaling));}
.grid_l3_p1 > .grid_content:nth-child(3n+2 of .grid_content:not(:empty)){padding-left:calc(16px * var(--interface_scaling));padding-right:calc(16px * var(--interface_scaling));}
.grid_l4_p1 > .grid_content:nth-child(4n+2 of .grid_content:not(:empty)){padding-left:calc(16px * var(--interface_scaling));padding-right:calc(16px * var(--interface_scaling));}
.grid_l4_p1 > .grid_content:nth-child(4n+3 of .grid_content:not(:empty)){padding-left:calc(16px * var(--interface_scaling));padding-right:calc(16px * var(--interface_scaling));}
.grid_l5_p1 > .grid_content:nth-child(4n+2 of .grid_content:not(:empty)){padding-left:calc(16px * var(--interface_scaling));padding-right:calc(16px * var(--interface_scaling));}
.grid_l5_p1 > .grid_content:nth-child(4n+3 of .grid_content:not(:empty)){padding-left:calc(16px * var(--interface_scaling));padding-right:calc(16px * var(--interface_scaling));}
.grid_l5_p1 > .grid_content:nth-child(4n+4 of .grid_content:not(:empty)){padding-left:calc(16px * var(--interface_scaling));padding-right:calc(16px * var(--interface_scaling));}
.grid_l6_p1 > .grid_content:nth-child(4n+2 of .grid_content:not(:empty)){padding-left:calc(16px * var(--interface_scaling));padding-right:calc(16px * var(--interface_scaling));}
.grid_l6_p1 > .grid_content:nth-child(4n+3 of .grid_content:not(:empty)){padding-left:calc(16px * var(--interface_scaling));padding-right:calc(16px * var(--interface_scaling));}
.grid_l6_p1 > .grid_content:nth-child(4n+4 of .grid_content:not(:empty)){padding-left:calc(16px * var(--interface_scaling));padding-right:calc(16px * var(--interface_scaling));}
.grid_l6_p1 > .grid_content:nth-child(4n+5 of .grid_content:not(:empty)){padding-left:calc(16px * var(--interface_scaling));padding-right:calc(16px * var(--interface_scaling));}
.grid_l2_p1 > .grid_content:nth-child(2n of .grid_content:not(:empty)){padding-left:calc(16px * var(--interface_scaling));}
.grid_l3_p1 > .grid_content:nth-child(3n of .grid_content:not(:empty)){padding-left:calc(16px * var(--interface_scaling));}
.grid_l4_p1 > .grid_content:nth-child(4n of .grid_content:not(:empty)){padding-left:calc(16px * var(--interface_scaling));}
.grid_l5_p1 > .grid_content:nth-child(5n of .grid_content:not(:empty)){padding-left:calc(16px * var(--interface_scaling));}
.grid_l6_p1 > .grid_content:nth-child(6n of .grid_content:not(:empty)){padding-left:calc(16px * var(--interface_scaling));}
}













/*
#############################
Copied from Automatendealer 4
*/

.flex_eyecatch_img{margin:0px 0px calc(var(--global_margin_spacing) * var(--interface_scaling)) 0px;}
.encrypt_text{unicode-bidi:bidi-override;direction:rtl;}
.quote{padding:calc(8px * var(--interface_scaling)) 0px calc(8px * var(--interface_scaling)) calc(16px * var(--interface_scaling));margin:0px 0px calc(8px * var(--interface_scaling)) calc(16px * var(--interface_scaling));border-left:calc(4px * var(--interface_scaling)) solid #EEE;}

.c_grey{opacity:0.25;-webkit-transition:opacity 0.25s;transition:opacity 0.25s !important;}
.c_grey:hover{opacity:1 !important;}
.fc_disabled{color:#f5f5f5 !important;}
.bc_disabled{background:#f5f5f5 !important;}
.oc_disabled{border-color:#f5f5f5 !important;}

/* Characters */
.character{--avatar_size:100px;width:calc(var(--avatar_size) * var(--interface_scaling));height:calc(var(--avatar_size) * var(--interface_scaling));position:relative;background:transparent;padding:0px;margin:0px 0px calc(var(--global_margin_spacing) * var(--interface_scaling)) 0px;filter:var(--image_filter);overflow:visible;}
.character.character_25{--avatar_size:25px;}
.character.character_40{--avatar_size:40px;}
.character.character_50{--avatar_size:50px;}
.character.character_56{--avatar_size:56px;}
.character.character_75{--avatar_size:75px;}
.character.character_100{--avatar_size:100px;}
.character.character_200{--avatar_size:200px;}
.character::before{content:'';display:block;width:100%;height:100%;background-image:linear-gradient(rgba(var(--on_surface_color),0.44), rgba(var(--on_surface_color),0.44)), linear-gradient(rgb(var(--surface_color)), rgb(var(--surface_color)));background-size:cover;background-repeat:no-repeat;background-position:left top;border-radius:50%;overflow:clip;}
.character_image{width:100%;height:100%;background-color:transparent;background-size:cover;background-repeat:no-repeat;background-position:left top;image-rendering:auto;border-radius:50%;position:absolute;left:0px;top:0px;overflow:clip;}
.character_sticker{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;width:calc(calc(var(--avatar_size) * var(--interface_scaling)) / 4);height:calc(calc(var(--avatar_size) * var(--interface_scaling)) / 4);background:rgb(var(--white));font-size:calc(calc(calc(var(--avatar_size) * var(--interface_scaling)) / 100) * 14);font-weight:bold;color:rgba(var(--black),0.87);letter-spacing:calc(0px - calc(calc(calc(var(--avatar_size)* var(--interface_scaling)) / 100)* 2));line-height:0px;white-space:nowrap;border-radius:50%;position:absolute;bottom:0px;right:0px;text-align:center;}
.character_sticker:not([data-position]){}
.character_sticker[data-position="top-left"]{top:0px;right:auto;left:0px;bottom:auto;}
.character_sticker[data-position="top"]{top:calc(0px - calc(calc(var(--avatar_size) * var(--interface_scaling)) / 8));right:auto;bottom:auto;left:calc(50% - calc(calc(var(--avatar_size) * var(--interface_scaling)) / 8));}
.character_sticker[data-position="top-right"]{top:0px;right:0px;bottom:auto;left:auto;}
.character_sticker[data-position="right"]{top:calc(50% - calc(calc(var(--avatar_size) * var(--interface_scaling)) / 8));right:calc(0px + calc(calc(var(--avatar_size) * var(--interface_scaling)) / 8));bottom:auto;left:auto;}
.character_sticker[data-position="bottom-left"]{top:auto;right:auto;bottom:0px;left:0px;}
.character_sticker[data-position="bottom"]{top:auto;right:auto;bottom:calc(0px + calc(calc(var(--avatar_size) * var(--interface_scaling)) / 8));left:calc(50% - calc(calc(var(--avatar_size) * var(--interface_scaling)) / 8));}
.character_sticker[data-position="bottom-right"]{top:auto;right:0px;bottom:0px;left:auto;}
.character_sticker[data-position="left"]{top:calc(50% - calc(calc(var(--avatar_size) * var(--interface_scaling)) / 8));right:auto;bottom:auto;left:calc(0px - calc(calc(var(--avatar_size) * var(--interface_scaling)) / 8));}


/* Character borders */
@-webkit-keyframes character_border_rotation{0%{-webkit-transform:scale(1.08) rotate(0deg);}100%{-webkit-transform:scale(1.08) rotate(-359deg);}}
@keyframes character_border_rotation{0%{transform:scale(1.08) rotate(0deg);}100%{transform:scale(1.08) rotate(-359deg);}}
.character_border_1, .character_border_2, .character_border_3{-webkit-animation-name:character_border_rotation;-webkit-animation-duration:6s;-webkit-animation-timing-function:linear;-webkit-animation-fill-mode: forwards;animation-name:character_border_rotation;animation-duration:6s;animation-timing-function:linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;animation-fill-mode: forwards;will-change:transform;}
.character_border{width:calc(var(--avatar_size) * var(--interface_scaling));height:calc(var(--avatar_size) * var(--interface_scaling));background-size:cover !important;position:absolute;left:0px;top:0px;transform-origin:center center;transform:scale(1.08);}
.character_border_0{opacity:0;}
.character_border_1{opacity:1;background:url(../wardrobe/border/1n.png);}
.character_border_2{opacity:1;background:url(../wardrobe/border/2n.png);}
.character_border_3{opacity:1;background:url(../wardrobe/border/3n.png);}
.character_border_4{opacity:1;background:url(../wardrobe/border/4.png);}

/* Character wardrobe */
.character_switch{padding:0px;}
.character_switch > div{margin:0px calc(8px * var(--interface_scaling)) calc(8px * var(--interface_scaling)) 0px;display:inline-block;cursor:pointer;}
.character_switch > div > div{cursor:pointer;}

/* Chat: YouTube */
#yt_theatre{padding:calc(8px * var(--interface_scaling)) calc(16px * var(--interface_scaling)) calc(16px * var(--interface_scaling)) calc(16px * var(--interface_scaling));}
#yt_theatre_player{width:calc(290px * var(--interface_scaling));height:calc(163px * var(--interface_scaling));border-radius:calc(4px * var(--interface_scaling));}



/* Workshop */
.workshop_staff{width:100%;height:calc(50px * var(--interface_scaling));margin:0px 0px calc(var(--global_margin_spacing) * var(--interface_scaling)) 0px;position:relative;overflow:visible;}
.workshop_employee{position:absolute;top:0px;}

/* Parameter display */
.parameter_list{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;width:100%;padding:0px;margin:0px 0px calc(var(--global_margin_spacing) * var(--interface_scaling)) 0px;}
.parameter{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:auto;height:auto;margin-right:calc(32px * var(--interface_scaling));}
.parameter:last-child{margin-right:0px;}
.parameter_icon{font-size:calc(33px * var(--interface_scaling));color:rgba(var(--on_surface_color),0.54);margin:0px calc(8px * var(--interface_scaling)) 0px 0px;}
.parameter_data{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:auto;margin:0px;}
.parameter_title{width:100%;font-size:calc(12px * var(--interface_scaling));font-weight:400;letter-spacing:calc(0.4px * var(--interface_scaling));padding:calc(2px * var(--interface_scaling)) 0px;color:rgba(var(--on_surface_color),0.54);}
.parameter_value{width:100%;font-size:calc(14px * var(--interface_scaling));font-weight:400;letter-spacing:calc(0.25px * var(--interface_scaling));line-height:calc(20.08px * var(--interface_scaling));}

/* Value list */
.values_wrap{display:block;width:100%;height:auto;padding:0px;margin:0px 0px calc(var(--global_margin_spacing) * var(--interface_scaling)) 0px;border-top:1px dotted rgba(var(--on_surface_color),0.12);}
.values{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:auto;font-size:calc(14px * var(--interface_scaling));font-weight:400;letter-spacing:calc(0.25px * var(--interface_scaling));padding:calc(8px * var(--interface_scaling)) 0px;margin:0px;border-bottom:1px dotted rgba(var(--on_surface_color),0.12);}
.values_full{width:100%;padding:0px;margin:0px;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.values_left{display:inline-block;padding:0px;margin:0px;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.values_right{flex:1;display:inline-block;padding:0px;margin:0px;text-align:right;white-space:nowrap;}

/* Currencies */
.currency_green{color:rgb(var(--green));--fa-primary-color:rgb(var(--green));--fa-primary-opacity:1;--fa-secondary-color:rgb(var(--green));--fa-secondary-opacity:0.12;}
.currency_orange{color:rgb(var(--orange));--fa-primary-color:rgb(var(--orange));--fa-primary-opacity:1;--fa-secondary-color:rgb(var(--orange));--fa-secondary-opacity:0.12;}
.currency_red{color:rgb(var(--red));--fa-primary-color:rgb(var(--red));--fa-primary-opacity:1;--fa-secondary-color:rgb(var(--red));--fa-secondary-opacity:0.12;}
.currency_blue{color:rgb(var(--blue));--fa-primary-color:rgb(var(--blue));--fa-primary-opacity:1;--fa-secondary-color:rgb(var(--blue));--fa-secondary-opacity:0.12;}
.currency_white{color:rgb(var(--white));--fa-primary-color:rgb(var(--white));--fa-primary-opacity:1;--fa-secondary-color:rgb(var(--white));--fa-secondary-opacity:0.12;}

/* Corner info */
.corner_info{display:block;width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;pointer-events:none;}
.corner_info::after{content:attr(data-text);display:flex;flex-direction:row;justify-content:center;align-items:center;width:calc(175px * var(--interface_scaling));height:calc(24px * var(--interface_scaling));background:rgb(var(--light_blue));font-size:calc(14px * var(--interface_scaling));font-weight:400;letter-spacing:calc(0.25px * var(--interface_scaling));color:rgb(var(--white));text-align:center;white-space:nowrap;border:0px;padding:0px;margin:0px;position:absolute;cursor:default;}
.corner_info[data-position="top-left"]::after{left:calc(-50px * var(--interface_scaling));top:calc(25px * var(--interface_scaling));transform:rotate(-45deg);}
.corner_info[data-position="top-right"]::after{right:calc(-50px * var(--interface_scaling));top:calc(25px * var(--interface_scaling));transform: rotate(45deg);}
.corner_info[data-position="bottom-left"]::after{left:calc(-50px * var(--interface_scaling));bottom:calc(25px * var(--interface_scaling));transform: rotate(45deg);}
.corner_info[data-position="bottom-right"]::after{right:calc(-50px * var(--interface_scaling));bottom:calc(25px * var(--interface_scaling));transform: rotate(-45deg);}
.corner_info[data-color="red"]::after{background:rgb(var(--red));}
.corner_info[data-color="pink"]::after{background:rgb(var(--pink));}
.corner_info[data-color="purple"]::after{background:rgb(var(--purple));}
.corner_info[data-color="deep_purple"]::after{background:rgb(var(--deep_purple));}
.corner_info[data-color="indigo"]::after{background:rgb(var(--indigo));}
.corner_info[data-color="blue"]::after{background:rgb(var(--blue));}
.corner_info[data-color="light_blue"]::after{background:rgb(var(--light_blue));}
.corner_info[data-color="cyan"]::after{background:rgb(var(--cyan));}
.corner_info[data-color="teal"]::after{background:rgb(var(--teal));}
.corner_info[data-color="green"]::after{background:rgb(var(--green));}
.corner_info[data-color="light_green"]::after{background:rgb(var(--light_green));}
.corner_info[data-color="lime"]::after{background:rgb(var(--lime));}
.corner_info[data-color="yellow"]::after{background:rgb(var(--yellow));}
.corner_info[data-color="amber"]::after{background:rgb(var(--amber));}
.corner_info[data-color="orange"]::after{background:rgb(var(--orange));}
.corner_info[data-color="deep_orange"]::after{background:rgb(var(--deep_orange));}
.corner_info[data-color="brown"]::after{background:rgb(var(--brown));}
.corner_info[data-color="grey"]::after{background:rgb(var(--grey));}

/* Like buttons */
.approval_button{font-size:calc(16px * var(--interface_scaling));display:block;margin-bottom:calc(8px * var(--interface_scaling));cursor:pointer;}
.approval_button[data-liked="true"]{color:#f5f5f5;}
.approval_button[data-liked="false"]{color:#FF5722;}

/* Notifications */
#notices_side{--side_notice_shift_x:-160px;--side_notice_shift_y:160px;}
#notices_side > .side_notice:last-child{-webkit-animation-name:side_notice_animation;-webkit-animation-duration:var(--animation_time_incoming);-webkit-animation-timing-function:var(--animation_easing_decelerated);-webkit-animation-fill-mode:forwards;animation-name:side_notice_animation;animation-duration:var(--animation_time_incoming);animation-timing-function:var(--animation_easing_decelerated);animation-fill-mode:forwards;pointer-events:all;}
.side_notice{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:calc(16px * var(--interface_scaling));width:calc(320px * var(--interface_scaling));height:auto;background:rgba(0,0,0,0.87);color:#FFF;border-radius:calc(4px * var(--interface_scaling));padding:calc(16px * var(--interface_scaling)) calc(16px * var(--interface_scaling)) 0px calc(16px * var(--interface_scaling));margin:0px;will-change:transform;cursor:pointer;position:fixed;left:50%;bottom:calc(56px * var(--interface_scaling));transform:translate(calc(-160px * var(--interface_scaling)), calc(160px * var(--interface_scaling)));opacity:0;pointer-events:none;transition:transform, opacity, 0.5s;z-index:11;}
.side_notice_icon{font-size:calc(22px * var(--interface_scaling));margin:0px 0px calc(16px * var(--interface_scaling)) 0px;pointer-events:none;}
.side_notice_text{font-size:calc(14px * var(--interface_scaling));font-weight:400;letter-spacing:calc(0.25px * var(--interface_scaling));line-height:calc(20.08px * var(--interface_scaling));white-space:normal;pointer-events:none;}
@keyframes side_notice_animation{0%{transform:translate(calc(var(--side_notice_shift_x) * var(--interface_scaling)), calc(var(--side_notice_shift_y) * var(--interface_scaling)));opacity:0;}100%{transform:translate(calc(var(--side_notice_shift_x) * var(--interface_scaling)), calc(0px * var(--interface_scaling)));opacity:1;}}

/* Snacks */
#snacks{--side_notice_shift_x:-160px;--side_notice_shift_y:160px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:100%;position:absolute;left:0px;top:0px;padding:0px calc(16px * var(--interface_scaling)) calc(52px * var(--interface_scaling)) calc(16px * var(--interface_scaling));z-index:7;isolation:isolate;contain:content;pointer-events:none;}
.snack{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:calc(8px * var(--interface_scaling));width:auto;max-width:calc(344px * var(--interface_scaling));min-height:calc(36px * var(--interface_scaling));background:rgba(0,0,0,0.87);border-radius:calc(4px * var(--interface_scaling));padding:0px calc(16px * var(--interface_scaling));margin:0px;position:absolute;opacity:0;transform:scale(0.75);will-change:transform, opacity;}
.snack_content{flex:1;width:auto;height:auto;font-size:calc(14px * var(--interface_scaling));font-weight:400;letter-spacing:calc(0.25px * var(--interface_scaling));line-height:calc(20.08px * var(--interface_scaling));color:rgba(255,255,255,0.87);padding:calc(16px * var(--interface_scaling)) 0px;margin:0px;}
.snack_actions{width:auto;height:calc(36px * var(--interface_scaling));margin:0px calc(-8px * var(--interface_scaling)) 0px 0px;overflow: hidden;}
.snack_icon{flex-shrink:0;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;width:calc(36px * var(--interface_scaling));height:calc(36px * var(--interface_scaling));background:transparent;padding:0px;margin:0px 0px calc(var(--global_margin_spacing) * var(--interface_scaling)) 0px;font-size:calc(16px * var(--interface_scaling));font-weight:500;text-align:center;color:rgb(var(--primary_color));border:0px;border-radius:50%;position:relative;cursor:pointer;}
.snack_icon:enabled:hover{background:rgba(var(--primary_color),0.06);}
.snack_icon:enabled:focus{background:rgba(var(--primary_color),0.12);}
.snack_icon:enabled:active{background:rgba(var(--primary_color),0.24);}
.snack_icon:disabled{color:rgba(255,255,255, 0.38);cursor:not-allowed;}


#notices_mouse{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-end;gap:calc(1px * var(--interface_scaling));width:100%;height:100%;padding:0px calc(16px * var(--interface_scaling));position:fixed;top:0px;right:0px;overflow:visible;z-index:11;pointer-events:none;isolation:isolate;contain:strict;}
.mouse_notice{flex-shrink:0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:calc(4px * var(--interface_scaling));width:auto;height:calc(24px * var(--interface_scaling));background-color:rgba(0,0,0,0.87);color:#FFF;overflow:hidden;line-height:calc(24px * var(--interface_scaling));font-size:calc(12px * var(--interface_scaling));font-weight:400;white-space:nowrap;padding:0px calc(8px * var(--interface_scaling));border-radius:calc(4px * var(--interface_scaling));box-shadow:0px 0px calc(16px * var(--interface_scaling)) 0px rgba(0,0,0,0.06);backdrop-filter:blur(calc(4px * var(--interface_scaling)));transform-origin:0px 0px;animation-name:mouse_notice_animation;animation-delay:500ms;animation-duration:1.25s;animation-timing-function:ease;animation-fill-mode:forwards;pointer-events:none;z-index:11;isolation:isolate;contain:content;}

@media only screen and (pointer: fine) and (min-width: 1280px) and (orientation: landscape) {
#notices_mouse{width:calc(720px * var(--interface_scaling));right:50%;transform:translateX(calc(calc(-160px * var(--interface_scaling)) + calc(100% / 2)));}
}








/* Button pixel */
.button_pixel{display:inline-block;width:auto;height:auto;background:rgba(var(--surface_color),1);font-size:calc(10px * var(--interface_scaling));font-weight:400;letter-spacing:calc(0.4px * var(--interface_scaling));color:rgba(var(--on_surface_color),1);line-height:0px;white-space:nowrap;padding:calc(2px * var(--interface_scaling)) calc(4px * var(--interface_scaling));margin:0px;border:0px;border-radius:calc(4px * var(--interface_scaling));position:absolute;top:calc(-8px * var(--interface_scaling));left:50%;transform:translateX(calc(-100% / 2));}
.button_pixel_img{width:calc(10px * var(--interface_scaling));height:calc(10px * var(--interface_scaling));}

/* Mine */
.mine_img{width:100%;height:auto;object-fit:contain;}

/* Online status */
.online{color:rgb(var(--green)) !important;}
.offline{}

/* Icon */
.icon{width:calc(12px * var(--interface_scaling));height:calc(12px * var(--interface_scaling));margin:0px calc(8px * var(--interface_scaling)) 0px 0px;}


.alert{background:#FFF;position:fixed;left:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(-50%, 50%, 0px);transform:translate3d(-50%, 50%, 0px);border-radius:calc(4px * var(--interface_scaling));width:calc(288px * var(--interface_scaling));padding:calc(16px * var(--interface_scaling)) calc(16px * var(--interface_scaling)) calc(8px * var(--interface_scaling)) calc(16px * var(--interface_scaling));z-index:21;}
.alert_default{bottom:-50%;}
.alert_visible{-webkit-animation: alert_animation_show 0.25s linear;animation: alert_animation_show 0.25s linear;bottom:50%;}
.alert_invisible{-webkit-animation: alert_animation_hide 0.25s linear;animation: alert_animation_hide 0.25s linear;bottom:-50%;}
.alert_text{height:calc(68px * var(--interface_scaling));}

/* FA: AD */
.fa-xs{font-size:calc(2px * var(--interface_scaling));}
.fa-sm{font-size:calc(6px * var(--interface_scaling));}
.fa-1x{font-size:calc(12px * var(--interface_scaling));}
.fa-2x{font-size:calc(24px * var(--interface_scaling));}
.fa-3x{font-size:calc(36px * var(--interface_scaling));}
.fa-4x{font-size:calc(48px * var(--interface_scaling));}
.fa-5x{font-size:calc(60px * var(--interface_scaling));}
.fa-6x{font-size:calc(72px * var(--interface_scaling));}
.fa-7x{font-size:calc(84px * var(--interface_scaling));}
.fa-8x{font-size:calc(86px * var(--interface_scaling));}
.fa-9x{font-size:calc(108px * var(--interface_scaling));}
.fa-10x{font-size:calc(120px * var(--interface_scaling));}
.fa-ad_item{text-align:center;font-size:calc(41px * var(--interface_scaling)) !important;height:calc(42px * var(--interface_scaling)) !important;display:inline-block !important;overflow:visible !important;}
.fa-ad_item_halfsize{text-align:center;font-size:calc(20px * var(--interface_scaling)) !important;height:calc(21px * var(--interface_scaling)) !important;display:inline-block !important;overflow:visible !important;}

/* Images */
.image{margin:0px calc(16px * var(--interface_scaling)) calc(16px * var(--interface_scaling)) calc(16px * var(--interface_scaling));float:left;image-rendering: -webkit-optimize-contrast;}
.image_round{border-radius:50%;}
.image_25{width:calc(25px * var(--interface_scaling));height:calc(25px * var(--interface_scaling));image-rendering: -webkit-optimize-contrast;}
.image_36{width:calc(36px * var(--interface_scaling));height:calc(36px * var(--interface_scaling));image-rendering: -webkit-optimize-contrast;}
.image_40{width:calc(40px * var(--interface_scaling));height:calc(40px * var(--interface_scaling));image-rendering: -webkit-optimize-contrast;}
.image_42{width:calc(42px * var(--interface_scaling));height:calc(42px * var(--interface_scaling));image-rendering: -webkit-optimize-contrast;}
.image_50{width:calc(50px * var(--interface_scaling));height:calc(50px * var(--interface_scaling));image-rendering: -webkit-optimize-contrast;}
.image_75{width:calc(75px * var(--interface_scaling));height:calc(75px * var(--interface_scaling));image-rendering: -webkit-optimize-contrast;}
.image_100{width:calc(100px * var(--interface_scaling));height:calc(100px * var(--interface_scaling));image-rendering: -webkit-optimize-contrast;}

/* Animation: Burst */
.icon_burst{-webkit-animation-name:icon_burst;-webkit-animation-duration:0.5s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode: forwards;animation-name:icon_burst;animation-duration:0.5s;animation-timing-function:ease;animation-fill-mode: forwards;will-change:transform;}
@-webkit-keyframes icon_burst{
0%{opacity:1;}25%{-webkit-transform:scale(0.5);transform:scale(0.5);opacity:1;}100%{-webkit-transform:scale(2);transform:scale(2);opacity:0;}}
@keyframes icon_burst{0%{opacity:1;}25%{-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);opacity:1;}100%{-webkit-transform:scale(2);-ms-transform:scale(2);transform:scale(2);opacity:0;}}

/* Animation: Appear */
.icon_creation{opacity:0;-webkit-animation-name:icon_creation;-webkit-animation-duration:0.5s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode: forwards;animation-name:icon_creation;animation-duration:0.5s;animation-timing-function:ease;animation-fill-mode: forwards;will-change:transform;}
@keyframes icon_creation{0%{-webkit-transform:scale(0.1);-ms-transform:scale(0.1);transform:scale(0.1);opacity:0;}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}}

/* Animation: Glowing rainbow text */
.glow{-webkit-animation: 'glow_animation' 0.5s linear infinite;animation: 'glow_animation' 0.5s linear infinite;}
@keyframes glow_animation{0%{text-shadow:0 0 calc(10px * var(--interface_scaling)) #cc00ff;}20%{text-shadow:0 0 calc(10px * var(--interface_scaling)) #ff0099;}40%{text-shadow:0 0 calc(10px * var(--interface_scaling)) #FF9800;}60%{text-shadow:0 0 calc(10px * var(--interface_scaling)) #99cc33;}80%{text-shadow:0 0 calc(10px * var(--interface_scaling)) #0099ff;}100%{text-shadow:0 0 calc(10px * var(--interface_scaling)) #f39c12;}}

/* Animation: Mouse notices */
@keyframes mouse_notice_animation{0%{height:calc(24px * var(--interface_scaling));opacity:1;}50%{height:calc(24px * var(--interface_scaling));opacity:1;}75%{height:calc(24px * var(--interface_scaling));opacity:0;}100%{height:0px;opacity:0;}}

/* Animation: Alerts */
@keyframes alert_animation_show{0%{bottom:-50%;}100%{bottom:50%;}}
@keyframes alert_animation_hide{0%{bottom:50%;}100%{bottom:-50%;}}





/* Landing page */
#landing_wrap{display:flex;flex-direction:row;width:100%;height:100%;justify-content:center;align-items:center;}
#landing{display:block;width:100%;max-width:calc(720px * var(--interface_scaling));height:100%;text-align:center;vertical-align:top;padding:calc(16px * var(--interface_scaling));}
#landing_content{width:100%;background:rgba(var(--surface_color));border-radius:calc(4px * var(--interface_scaling));box-shadow:0px calc(2px * var(--interface_scaling)) rgba(0,0,0,0.12);padding:calc(16px * var(--interface_scaling)) calc(32px * var(--interface_scaling));text-align:left;}
#landing_navigation{width:100%;height:calc(28px * var(--interface_scaling));margin:0px 0px calc(var(--global_margin_spacing) * var(--interface_scaling)) 0px;background:rgba(var(--surface_color));display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;}
.landing_navigation_item{width:50%;height:calc(28px * var(--interface_scaling));text-align:center;line-height:calc(22px * var(--interface_scaling));font-size:calc(12px * var(--interface_scaling));}
.landing_navigation_link{border-bottom:calc(2px * var(--interface_scaling)) solid rgba(var(--on_surface_color),0.12) !important;color:#FF5722 !important;}
.landing_navigation_active{border-bottom:calc(2px * var(--interface_scaling)) solid #FF5722 !important;color:#FF5722 !important;}
.landing_text{margin:0px 0px calc(var(--global_margin_spacing) * var(--interface_scaling)) 0px;}
#landing_avatar_preview{width:100%;height:calc(100px * var(--interface_scaling));margin:0px 0px calc(var(--global_margin_spacing) * var(--interface_scaling)) 0px;text-align:center;}
#landing_avatar_preview_center{display:inline-block;}
#landing_avatar_creator{width:100%;overflow:hidden;}
#landing_avatar_creator_left{width:45%;padding:0px 0px 0px calc(16px * var(--interface_scaling));float:left;}
#landing_avatar_creator_right{width:45%;padding:0px calc(16px * var(--interface_scaling)) 0px 0px;float:right;}
.landing_avatar_creator_options_line{width:100%;margin:0px 0px calc(var(--global_margin_spacing) * var(--interface_scaling)) 0px;font-size:calc(12px * var(--interface_scaling));line-height:calc(14px * var(--interface_scaling));text-align:center;overflow:hidden;}
.landing_avatar_creator_options_line_left{float:left;cursor:pointer;font-size:calc(14px * var(--interface_scaling));}
.landing_avatar_creator_options_line_right{float:right;cursor:pointer;font-size:calc(14px * var(--interface_scaling));}
#landing_footer{width:100%;padding:calc(16px * var(--interface_scaling)) calc(32px * var(--interface_scaling)) calc(16px * var(--interface_scaling)) 0px;text-align:right;}
.landing_link, .landing_link:link, .landing_link:hover, .landing_link:visited, .landing_link:active{color:#999;text-decoration:underline;box-sizing:border-box;margin-left:calc(8px * var(--interface_scaling));}
#landing_character_wrapper{overflow:visible;width:100%;height:0px;padding:0px;margin:0px;transform:translate(0px, calc(20px * var(--interface_scaling)));;pointer-events:none;}
#landing_character_buttons{justify-content:center;}
.landing_character_buttons_left_middle{position:relative;right:calc(16px * var(--interface_scaling));}
.landing_character_buttons_right_middle{position:relative;left:calc(16px * var(--interface_scaling));}
@media(orientation: portrait) {
#landing_character_wrapper{overflow:auto;height:auto;margin:0px 0px calc(var(--global_margin_spacing) * var(--interface_scaling)) 0px;transform:none;}
#landing_character_buttons{justify-content:space-between;}
.landing_character_buttons_left_middle{right:0px;}
.landing_character_buttons_right_middle{left:0px;}
}



/* Outdatet, yet still in use */
.flex_inside{width:100%;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: no-wrap;-ms-flex-wrap: no-wrap;flex-wrap: no-wrap;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;}
.flex_inside_shrink{padding:0px calc(16px * var(--interface_scaling)) 0px 0px;-webkit-order: 0;-ms-flex-order: 0;order: 0;-webkit-flex: 0 1 auto;-ms-flex: 0 1 auto;flex: 0 1 auto;-webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto;}
.flex_inside_stretch{padding:0px calc(16px * var(--interface_scaling)) 0px 0px;-webkit-order: 0;-ms-flex-order: 0;order: 0;-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto;-webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto;}
.flex_inside > div:last-child{padding:0px 0px 0px 0px;}
.flex_eyecatch{min-width:calc(42px * var(--interface_scaling));width:auto;height:auto;box-sizing:content-box;padding:0px;margin:0px 0px calc(var(--global_margin_spacing) * var(--interface_scaling)) 0px;text-align:center;float:left;}
.flex_eyecatch_img{margin:0px !important;overflow:hidden !important;display:inline-block !important;}
.flex_eyecatch_text{width:calc(42px * var(--interface_scaling));text-align:center;padding:0px;}
.flex_eyecatch_line{display:none;}
.flex_content{overflow:hidden;}


@media only screen and (orientation: portrait) {
.no_portrait{display:none;}
.break_portrait{white-space:nowrap;}
.break_portrait:before{content:'';display:block;}
.character_dynamic{width:calc(50px * var(--interface_scaling));height:calc(50px * var(--interface_scaling));}
.character_dynamic > .character_sticker{width:calc(12.5px * var(--interface_scaling));height:calc(12.5px * var(--interface_scaling));font-size:calc(9px * var(--interface_scaling));letter-spacing:calc(-1px * var(--interface_scaling));padding-right:calc(1px * var(--interface_scaling));line-height:calc(13.5px * var(--interface_scaling));}
}

@media only screen and (orientation: landscape) {
#notices_side{--side_notice_shift_x:-320px;}
#snacks{--side_notice_shift_x:-320px;}
.no_landscape{display:none;}
.spaced_list_left{width:100%;margin:0px calc(8px * var(--interface_scaling)) 0px 0px;}
.spaced_list_right{width:100%;margin:0px 0px 0px calc(8px * var(--interface_scaling));margin-top:calc(12px * var(--interface_scaling));}
.no_landscape{display:none;}
#landing_avatar_preview{float:left;width:calc(100px * var(--interface_scaling));margin:0px calc(16px * var(--interface_scaling)) calc(16px * var(--interface_scaling)) calc(16px * var(--interface_scaling));}
#landing_avatar_creator{width:calc(256px * var(--interface_scaling));}
#landing_avatar_creator_left{padding:0px;}
#landing_avatar_creator_right{padding:0px;}
.character_dynamic{width:calc(75px * var(--interface_scaling));height:calc(75px * var(--interface_scaling));}
.character_dynamic > .character_sticker{width:calc(18.75px * var(--interface_scaling));height:calc(18.75px * var(--interface_scaling));font-size:calc(12px * var(--interface_scaling));letter-spacing:calc(-2px * var(--interface_scaling));padding-right:calc(1px * var(--interface_scaling));line-height:calc(19.75px * var(--interface_scaling));}
#yt_theatre_player{width:calc(626px * var(--interface_scaling));height:calc(352px * var(--interface_scaling));}
}

@media only screen and (min-width: 1280px) and (orientation: landscape) {
*:focus{outline:none;}
#hints{top:calc(68px * var(--interface_scaling));}
}