*{

    margin: 0;
    -webkit-user-drag: none;
    overscroll-behavior: none;
}

html{
    --font-view: "Noto Sans JP","Droid Sans",Helvetica,YuGothic,"Yu Gothic","游ゴシック体","游ゴシック","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Arial,sans-serif;
    --shishiji-mx-overlay-background-opacity: 0.5;
    --shishiji-load-icon-size: 100px;
    --window-width: 100vw;
    --window-height: 100dvh;
    --window-half-width: 50vw;
    --window-half-height: 50dvh;
    --shishiji-share-icon-width: 70px;
    --shishiji-yd-notifier-width: 250px;
    --shishiji-yd-notifier-height: 45px;
    --shishiji-yd-notifier-top: 30px;
    --shishiji-yd-raidnotifier-width: 100vw/*calc(100vw - 18px)*/;
    --shishiji-yd-raidnotifier-height: 110px;
    --shishiji-yd-raidnotifier-top: 0/*6px*/;
    --shishiji-ovv-open-duration: 500ms;
    --shishiji-ovv-close-duration: 150ms;
    --shishiji-ovv-theme-height: 20px;
    --shishiji-ovv-landscape-width: min(calc(var(--window-height)/1.5), var(--window-half-width));
    --shishiji-ovv-tg-height: 30px;
    --shishiji-ovv-tg-color: #000000;
    --shishiji-ovv-tg-color-active: #ffffff;
    --shishiji-fselector-transition: all 0.2s ease;
    --shishiji-button-active-color: hsla(0, 0%, 74%, 0.75);
    --shishiji-button-active-transition: background-color 0.2s ease;
    --shishiji-load-progress-bar-height: 15px;
    --shishiji-load-progress-bar-color: rgb(75, 75, 75);
    --shishiji-spread-btn-bg-color: hsla(0, 0%, 73%, 0.5);
    --shishiji-spread-btn-transition: all 0.2s ease;
    --shishiji-progbar-transition-duration: 0.1s;
    --shishiji-article-scroll-adjust: calc(var(--shishiji-ovv-tg-height) + 55px);
    --shishiji-fselector-parent: hsl(0, 0%, 83%);
    --shishiji-fselector-current: #43A047;
    --shishiji-fselector-else: #9CCC65;
    --shishiji-core-grade-color: hsl(143 calc(1 * 60.7%) 35.9%);
    --shishiji-map-object-hovered-scale: scale(1.1);
    --shishiji-pkgo-menu-open-durtion: 300ms;
    --shishiji-pkgo-menu-close-durtion: 350ms;
    --shishiji-pkgo-menu-blur-durtion: 600ms;
    --shishiji-pkgo-screen-sandwitch: 0px;
    --pkgo-top-view-height: 100px;
    --pkgo-screen-width: calc(100vw - var(--shishiji-pkgo-screen-sandwitch)*2);
    --pkgo-screen-height: calc(100dvh - var(--pkgo-top-view-height));
    --pkgo-load-animation-per: 1s;
    --pkgo-load-shadow: drop-shadow(0px 0px 10px rgba(0,0,0,.8));

    --shishiji-color: #15202B;
}

html{
    width: 100vw;
    height: 100dvh;
    overflow: hidden;
}

main{
    z-index: 2000;
    display: block;
    position: absolute;
}

@keyframes optionspreadsc{
    from { transform: scale(0); }
    to { transform: scale(1); }
}

@keyframes optionspreadss{
    from { width: 0; }
    to { width: 100%;  }
}

@keyframes optionspreadssr{
    from { height: 0; }
    to { height: 100%;  }
}

body{
    width: 100vw;
    height: 100vw;
    overflow: hidden;
    background-color: var(--shishiji-color);
}

:root{
    --shishiji-spread-btn-animation-circle: optionspreadsc 0.2s ease-out forwards;
    --shishiji-spread-btn-animation-square: optionspreadss 0.2s ease-out forwards;
    --shishiji-spread-btn-animation-square-reversed: optionspreadssr 0.2s ease-out forwards;
}

.protected, .something-play, .pkgo_nml_menuG, .ABId,
.canvas_interactive, .screen_color, .drinking, #AUISHGDkj, #aboigHSDV, .drink-real,
.tippy-popper, .shepherd-button{
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none; 
    -webkit-user-drag: none;
    -khtml-user-select: none;
    -khtml-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-select: none; 
    -ms-user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.notprotected{
    user-select: default;
    -webkit-touch-callout: default;
    -webkit-user-select: default; 
    -webkit-user-drag: default;
    -khtml-user-select: default;
    -khtml-user-drag: default;
    -khtml-user-drag: default;
    -moz-user-select: default; 
    -ms-user-select: default;
    -webkit-tap-highlight-color: default;
}

a{
    word-break: break-all;
    color: #5555ee;
    text-decoration: underline;
    -webkit-user-drag: element;
}

a:link{
    color: #5555ee;
    -webkit-user-drag: element;
}

a:visited{
    color: #5a009b;
    -webkit-user-drag: element;
}

shishiji-mx-overlay{
    position: fixed;
    width: var(--window-width);
    height: var(--window-height);
    pointer-events: auto;
    opacity: var(--shishiji-mx-overlay-background-opacity, 0.6);
    background-color: #000000;
    display: none;
    touch-action: pan-x pan-y;
}

shishiji-mx-overlay.popen{
    display: block;
    z-index: 3005;
    animation: alternative 0.2s linear;
    height: calc(var(--window-height)*2);
}

shishiji-mx-overlay.pipe{
    opacity: 0;
    z-index: 3005;
    display: block;
    pointer-events: none;
    animation: _alternative 0.2s linear forwards;
}

shishiji-yd-notify{
    position: fixed;
    z-index: 3010;
    width: var(--window-width);
}

shishiji-yd-notify-raid{
    position: fixed;
    z-index: 2049;
    width: var(--window-width);
}

shishiji-yd-notify-w{
    position: absolute;
    width: var(--window-width);
    display: flex;
    align-items: center;
    justify-content: center;
}

shishiji-yd-notify shishiji-yd-notifier{
    position: absolute;
    width: fit-content;
    height: var(--shishiji-yd-notifier-height);
    background-color: #202020;
    border-radius: calc(var(--shishiji-yd-notifier-height)/2);
    border: 1px solid rgb(78, 78, 78);
    overflow: hidden;
    display: none;
}

shishiji-yd-notify #--yd-notifier.hpipe{
    animation: _bye 75ms ease-out;
    top: calc(-1 * var(--shishiji-yd-notifier-height));
}

shishiji-yd-notify #--yd-notifier.vpopen{
    display: block;
    animation: _hello 150ms ease-out;
    top: var(--shishiji-yd-notifier-top);
}

#raid--yd-notifier{
    background-image: 
        url(/resources/top-view/raidnotifier-left.png),
        url(/resources/top-view/raidnotifier-pass.png),
        url(/resources/top-view/raidnotifier-right.png);
    background-position: left, center, right;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size:
        calc(var(--shishiji-yd-raidnotifier-height)/2) 100%,
        calc(100% - var(--shishiji-yd-raidnotifier-height)) 100%,
        calc(var(--shishiji-yd-raidnotifier-height)/2) 100%;
    width: var(--shishiji-yd-raidnotifier-width);
    height: var(--shishiji-yd-raidnotifier-height);
    border: none;
    box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);
    border-radius: 0;
    display: none;
    position: relative;
}

#raid--yd-notifier.hpipe{
    animation: _raidbye 100ms ease-out;
    top: calc(-1 * var(--shishiji-yd-raidnotifier-height));
}

#raid--yd-notifier.vpopen{
    display: block;
    animation: _raidhello 100ms ease-out;
    top: var(--shishiji-yd-raidnotifier-top);
}

@keyframes _raidbye{
    0%{ top: var(--shishiji-yd-raidnotifier-top); }
    100% { top: calc(-1 * var(--shishiji-yd-raidnotifier-height)); }
}

@keyframes _raidhello{
    0% { top: calc(-1 * var(--shishiji-yd-raidnotifier-height)); }
    100%{ top: var(--shishiji-yd-raidnotifier-top); }
}

#--ott-us{
    text-overflow: clip;
    padding: 0 10px 0 10px;
    width: fit-content;
    height: 100%;
    color: white;
    font-weight: 600;
}

@keyframes _hello{
    0% { top: calc(-1 * var(--shishiji-yd-notifier-height)); }
    75% { top: calc(var(--shishiji-yd-notifier-top) + 15px); }
    100% { top: var(--shishiji-yd-notifier-top); }
}

@keyframes _bye{
    from {
        top: var(--shishiji-yd-notifier-top);
        display: block;
    }
    to {
        top: calc(-1 * var(--shishiji-yd-notifier-height));
    }
}

@keyframes alternative{
    from { opacity: 0; }
    to { opacity: var(--shishiji-mx-overlay-background-opacity, 0.6); }
}

@keyframes _alternative{
    from { opacity: var(--shishiji-mx-overlay-background-opacity, 0.6); display: block; }
    99% { display: block; pointer-events: all; }
    to {  opacity: 0; display: none; pointer-events: none; }
}

#ppc-title{
    width: 100%;
    text-align: center;
    padding-top: 30px;
}

.loading-symbol{
    animation: kkl 1s infinite;
    border-radius: 50%;
    border: solid 1px black;
    border-top: none;
    width: 15px;
    height: 15px;
}

shishiji-yd-notifier-cd{
    height: 100%;
    width: 100%;
}

#cpy-lin-not svg, #cpy-lin-not img{
    height: calc(var(--shishiji-yd-notifier-height)*0.6);
    width: calc(var(--shishiji-yd-notifier-height)*0.6);
}

#shr-notf svg, #shr-notf img{
    margin: 0 4px 0 4px;
    height: calc(var(--shishiji-yd-notifier-height)*0.5);
    width: calc(var(--shishiji-yd-notifier-height)*0.5);
}

#shr-eRxf svg, #shr-eRxf img{
    margin-right: 4px;
    height: calc(var(--shishiji-yd-notifier-height)*0.425);
    width: calc(var(--shishiji-yd-notifier-height)*0.425);
}

#shr-exf svg, #shr-exf img{
    margin-right: 4px;
    height: calc(var(--shishiji-yd-notifier-height)*0.5);
    width: calc(var(--shishiji-yd-notifier-height)*0.5);
}

#shr-f svg{
    margin-right: 4px;
    height: calc(var(--shishiji-yd-notifier-height)*0.5);
    width: calc(var(--shishiji-yd-notifier-height)*0.5);
}

#shr-f img{
    margin-right: 6px;
    height: calc(var(--shishiji-yd-notifier-height)*0.6);
    width: calc(var(--shishiji-yd-notifier-height)*0.6);
}

@keyframes kkl{
    from { rotate: 0deg; }
    to { rotate: 360deg; }
}

.janS{
    overflow-y: hidden;
}

.flxxt{
    display: flex;
    justify-content: center;
    align-items: center;
}

.mx-text-center{
    max-width: 100%;
    height: 100%;
    text-align: center;
    margin: 0 20px 0 20px;
}

hr.ppc-cc{
    margin: 20px;
    margin-top: 30px;
}

body{
    width: var(--window-width);
    height: var(--window-height);
    overflow: hidden;
    font-family: var(--font-view);
    touch-action: none;
}

button{
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
}

#ppcls{
    position: absolute;
    width: 24px;
    height: 24px;
    fill: currentColor;
    top: 12px;
    right: 12px;
    border-radius: 50%;
    padding: 8px;
    cursor: pointer;
    transition: var(--shishiji-button-active-transition);
}

#ppcls::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transition: var(--shishiji-spread-btn-transition);
}

#ppcls:active::after{
    animation: var(--shishiji-spread-btn-animation-circle);
    background-color: var(--shishiji-spread-btn-bg-color);
}

#ppcls svg{
    width: 75%;
    height: 75%;
}

@media screen {
    #load_spare:not([style*="display: none"]) #spare_logo {
        animation: load_rotator .25s infinite linear;
    }
}

@keyframes load_rotator {
    from{
        transform: rotateY(0deg);
    }
    to{
        transform: rotateY(360deg);
    }
}

@keyframes load_rotator_d {
    0%{
        transform: rotateY(0deg);
    }
    15%{
        transform: rotateY(30deg);
    }
    25%{
        transform: rotateY(90deg);
    }
    35%{
        transform: rotateY(150deg);
    }
    50%{
        transform: rotateY(180deg);
    }

    65%{
        transform: rotateY(210deg);
    }
    75%{
        transform: rotateY(270deg);
    }
    85%{
        transform: rotateY(330deg);
    }
    100%{
        transform: rotateY(360deg);
    }
}

#shishiji-view{
    width: var(--window-width);
    height: var(--window-height);
    overflow: hidden;
    z-index: 100;
}

#setagaku-map{
    width: var(--window-width);
    height: var(--window-height);
    position: relative;
    overflow: hidden;
}

.shishijimap-large{
    width: auto;
    height: auto;
    position: absolute;
}

#app-mount{
    display: none;
    z-index: 999;
}

#cg_visible{
    font-family: var(--font-view);
    background-image: url(/resources/svg/school.svg);
    background-repeat: no-repeat;
    background-size: 22px;
    padding-left: 24px;
    font-family: var(--font-view);
}

#noscript_help{
    display: flex;
    width: var(--window-width);
    height: var(--window-height);
    font-weight: bold;
    align-items: center;
    justify-content: center;
    font-size: large;
    position: fixed;
    z-index: 50001;
}

.kjduiha{
    padding: 20px 0 20px 180px;
    background-image: url(/resources/img/logo.png);
    background-size: 160px 160px;
    background-repeat: no-repeat;
}

.aDHUDS{
    font-size: 30px;
    font-weight: 300;
}

#logo_spare_w{
    display: flex; 
    align-items: center;
    justify-content: center;
    flex-flow: column;
}

.toOverview{
    opacity: 0.75;
    background-color: black;
}

.ctx-event-detail{
    margin: 20px;
}

#ovv-ctx-loading{
    text-align: center;
}

#ovv-ctx-loading-w{
    width: 100%;
    height: var(--window-half-height);
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

table{
    border-collapse: separate;
    border-spacing: 10px 15px;
}

/*#2*/
#overview-options{
    z-index: 1000;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    position: fixed;
    pointer-events: none;
}

#overview-options > *{
    pointer-events: all;
}

#overview-context{
    width: 100%;
    margin-bottom: calc(var(--shishiji-ovv-tg-height) + var(--shishiji-article-scroll-adjust));
    z-index: 999;
}

.overview-option{
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    pointer-events: all;
}

.fadein{
    animation: 1s fadein forwards;
}

._fadein{
    animation: 1250ms fadein forwards;
}

._wait_f{
    opacity: 0;
}

@keyframes fadein{
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.gradef{
    margin: 10px;
    margin-left: 15px;
    font-family: var(--font-view);
}

.evvnon{
    color: var(--shishiji-core-grade-color);
    font-weight: bold;
}

.ev_property{
    margin: 10px;
    font-family: var(--font-view);
}

.ev_property_cell{
    text-align: left;
}

.crowded_lim{
    margin-bottom: 54px; /*30px*/
}

.crowded_deg_bar{
    height: 10px;
    background: linear-gradient(to right, rgb(0, 141, 0) 33.33%, #fdad00 33.33%, #fdad00 66.66%, rgb(177, 0, 0) 66.66%);
    border-radius: 10px;
}

.mpob{
    cursor: pointer;
}

#ctx-article{
    margin: 10px;
}

#shishiji-overview{
    position: absolute;
    width: var(--window-width);
    display: none;
    z-index: 3001;
    height: var(--window-height);
    background-color: var(--shishiji-color);
    color: white;
    top: var(--window-height);
    overflow-y: scroll;
    overflow-wrap: break-word;
    overflow-x: hidden;
    overscroll-behavior: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
    box-shadow: inset 0 15px 10px -10px rgba(0, 0, 0, 0.5);
    border-top: 20px solid #000000;
    animation-fill-mode: forwards;
}

#shishiji-popup-container{
    z-index: 3006;
    position: fixed;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

#shishiji-popup-container > *{
    pointer-events: all;
}

#shishiji-popup-container-c{
    display: none;
    max-width: 500px;
    width: calc(var(--window-width) - 48px);
    max-height: 450px;
    height: calc(100% - 48px);
    left: calc((var(--window-width) - 48px - min(500px, var(--window-width) - 48px))/2);
    overflow: hidden;
    pointer-events: all;
    position: sticky;
}

.share-icon{
    margin: 5px;
    margin-bottom: 0;
    border-radius: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 100;
    position: sticky;
}

.share-icon-c{
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.share-title{
    margin-top: 15px;
    width: 60px;
    text-align: center;
    font-size: small;
    height: 50px;
    color: white;
}

#ppc-subtitle{
    max-width: 100%;
    text-align: center;
    margin: 5px 20px 0 20px;
    font-size: 75%;
}

.share_ebtn{
    touch-action: pan-x;
    width: fit-content;
    height: 125%;
}

.__ppwf{
    background-color: transparent;
    color: white;
}

/*#2*/
#shishiji-overview::-webkit-scrollbar{
    display: none;
}

#shishiji-overview.raiseup{
    animation-name: raiseup;
    animation-duration: var(--shishiji-ovv-open-duration);
    animation-timing-function: ease-in-out;
}

@keyframes raiseup{
    from{
        top: var(--window-height);
    }
    to{
        top: 0dvh;
    }
}

#shishiji-overview.reducedown{
    animation-name: reducedown;
    animation-duration: var(--shishiji-ovv-close-duration);
    animation-timing-function: linear;
}

.headwrapsalan{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

@keyframes reducedown{
    from{
        top: 0;
    }
    to{
        top: var(--window-height);
        display: none;
    }
}

@media (orientation: landscape){
    #shishiji-overview.raiseup{
        animation-name: _raiseright;
        animation-timing-function: ease-in-out;
    }
    #shishiji-overview.reducedown{
        animation-name: _reduceleft;
    }
}

@keyframes _raiseright{
    from{
        top: 0;
        right: var(--window-width);
    }
    to{
        top: 0;
        right: calc(var(--window-width) - var(--shishiji-ovv-landscape-width));
    }
}

@keyframes _reduceleft{
    from{
        top: 0;
        right: calc(var(--window-width) - var(--shishiji-ovv-landscape-width));
    }
    to{
        top: 0;
        right: var(--window-width);
        display: none;
    }
}

.optionspreads::after{
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    position: absolute;
    flex: 1;
    transition: var(--shishiji-spread-btn-transition);
    background-color: transparent;
}

.optionspreads:active::after{
    animation: var(--shishiji-spread-btn-animation-circle);
    background-color: var(--shishiji-spread-btn-bg-color);
}

.half-materialoption{
    position: relative;
}

.half-materialoption::after{
    content: "";
    position: absolute;
    width: 45px;
    height: 45px;
    position: absolute;
    flex: 1;
    transition: var(--shishiji-spread-btn-transition);
    background-color: transparent;
}

.half-materialoption::after{
    width: 45px;
    height: 45px;
    border: none;
    background-color: transparent;
    border-radius: 50%;
    touch-action: pan-x pan-y;
}

.half-materialoption{
    cursor: pointer;
}

.ev_ppar{
    color: green;
    font-weight: bold;
    margin: 15px;
    margin-left: 20px;
}

.overview-c, .optionspreads::after{
    width: 40px;
    height: 40px;
    border: none;
    background-color: transparent;
    border-radius: 50%;
    touch-action: pan-x pan-y;
}

.mpobmctx{
    border-radius: 5px;
    min-width: 60px;
    min-height: 60px;
    max-width: 60px;
    max-height: 60px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.normaL{
    background-image: url(/resources/frame/normal.png);
}

.favoritE{
    background-image: url(/resources/frame/favorite.png);
}

.cleareD{
    background-image: url(/resources/frame/cleared.png);
}

.ashuW{
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 82%;
    height: 82%;
    position: absolute;
    pointer-events: none;
}

.crucial{
    font-family: ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace !important;
}

.--path-through{
    pointer-events: none;
}

.doaJSD{
    cursor: pointer;
    transform: none;
    -o-transform: none;
}

.shadowedObj{
    box-shadow:
    -10px 10px 25px rgba(0, 0, 0, 0.9),
    10px -10px 25px rgba(0, 0, 0, 0.9);
}

.centeral{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0;
    height: 0;
    position: absolute;
}

.ccENTER_A{
    display: flex;
    align-items: center;
}

.ccENTER_B{
    display: flex;
    justify-content: center;
}

.ccENTER_Z{
    display: flex;
    align-items: center;
    justify-content: center;
}

.article.header{
    width: 100%;
}

#map_load_progress{
    width: 150px;
    height: var(--shishiji-load-progress-bar-height);
    background-color: white;
    position: relative;
    display: flex;
    align-items: center;
    padding: 1px;
    border: solid black 2px;
    border-radius: 2px;
}

#ml_progress{
    width: 0;
    height: 100%;
    background-color: var(--shishiji-load-progress-bar-color);
    transition: width var(--shishiji-progbar-transition-duration) linear;
}

#shishiji-canvas{
    position: absolute;
}

#user-stricter{
    position: absolute;
    width: var(--window-width);
    height: var(--window-height);
    opacity: 0.5;
    background-color: black;
    z-index: 2999;
    display: none;
}

#user-stricter.active{
    display: block;
    animation: appear var(--shishiji-ovv-open-duration) ease forwards;
}

#user-stricter.deactive{
    opacity: 0.5;
    display: block;
    animation: disappear var(--shishiji-ovv-close-duration) ease forwards;
}

#map__opnner{
    background-color: transparent;
    border-radius: 50%;
    border: var(--shishiji-color) solid calc(2*max(var(--window-half-width), var(--window-half-height)));
    position: absolute;
    display: none;
    pointer-events: none;
    z-index: 99999;
}

@keyframes swell{
    from{ width: 0; height: 0; }
    to {
        /**
         * on a square (n:n) -> R:r = 2^(1/2):1
         */
        width: calc(1.42*max(var(--window-width), var(--window-height)));
        height: calc(1.42*max(var(--window-width), var(--window-height)));
    }
}

.Ldash{
    animation-delay: .5s;
    animation: swell 1s ease-in-out forwards;
}

@keyframes appear {
    from{
        opacity: 0;
    }
    to{
        opacity: 0.5;
    }
}

@keyframes disappear {
    from{
        display: block;
        opacity: 0.5;
    }
    99%{
        display: block;
        pointer-events: all;
    }
    to{
        pointer-events: none;
        display: none;
        opacity: 0;
    }
}

.article.titleC{
    margin: 15px;
}

.article.titleC > .titleW{
    display: flex;
    align-items: center;
    word-wrap: break-word;
    word-break: break-all;
}

.preview-video{
    width: 100%;
}

#ctx-title{
    overflow-wrap: break-word;
}

#place-selector{    /*#1*/
    z-index: 1995;
    width: 45px;
    height: 45px;
    position: absolute;
    border-radius: 50px;
    margin: 10px;
    background-color: var(--shishiji-fselector-parent);
    box-shadow:
    0 1.9px 2.5px rgba(0, 0, 0, 0.057),
    0 5px 6.1px rgba(0, 0, 0, 0.076),
    0 10.1px 11.4px rgba(0, 0, 0, 0.086),
    0 19.2px 19.8px rgba(0, 0, 0, 0.092),
    0 38.4px 34.8px rgba(0, 0, 0, 0.1),
    0 101px 74px rgba(0, 0, 0, 0.13);
    overflow: hidden;
    transition: var(--shishiji-fselector-transition);
}

#place-selector.popped{
    width: 67px;
    height: 67px;
}

.realshadow{
    box-shadow:0px 5px 15px 0px rgba(0, 0, 0, 0.35);
    /*
    0 1.9px 2.5px rgba(0, 0, 0, 0.057),
    0 5px 6.1px rgba(0, 0, 0, 0.076),
    0 10.1px 11.4px rgba(0, 0, 0, 0.086),
    0 19.2px 19.8px rgba(0, 0, 0, 0.092);*/
}

.ovv-btn{
    cursor: pointer;
    margin: 5px;
    margin-left: 0;
    background-color: #ffffff;
}

.premiumshadow{
    box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
}

.suhDWAgd{
    width: 100%;
    touch-action: pan-x pan-y;
    user-select: all;
    -webkit-user-select: all;
    -webkit-user-drag: element;
}

.shy{
    display: none;
}

#place-options-w{
    display: none;
}

.nImg-a{
    width: 100%;
    height: 150px;
    border-bottom: 1px solid rgb(61, 61, 61);
    padding: 4px 0 4px 0;
}

.nImg-a h4{
    font-family: var(--font-view);
    margin-left: 4px;
}

.adhsuoiIUO{
    mix-blend-mode: differnce;
    cursor: pointer;
    color: black;
}

#place-selector.toSel{
    overflow: visible;
}

#place-selector.hello{
    animation: slideup .6s ease;
}

.share-icon-w, .share-icon-w::before{
    padding-top: 8px;
    margin-right: 7px;
    border-radius: 5px;
    width: var(--shishiji-share-icon-width);
    transition: var(--shishiji-button-active-transition);
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

.share-icon-w::before{
    content: "";
    top: 0;
    left: 0;
    margin: auto;
    position: absolute;
    transition: var(--shishiji-spread-btn-transition);
    height: 100%;
}

.share-icon-w:active::before{
    animation: var(--shishiji-spread-btn-animation-square-reversed);
    background-color: var(--shishiji-button-active-color);
}

.share-icon-w:first-of-type{
    margin-left: 14px;
}

.share-icon-f{
    min-width: 7px;
    max-width: 7px;
    height: 100%;
}

#ovv-ctx-loading-w{
    font-family: var(--font-view);
}

.auygsWU{
    text-align: right;
}

#psdummy{       /*#1*/
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

.greatfulmanbruh{
    background-image: url(/resources/img/pictogram/fop.png);
    animation: wwp 250ms forwards;
}

.begreatful{
    /*background-image: url(/resources/img/pictogram/stair.jpg);*/
    background-repeat: no-repeat;
    background-size: 100%;
}

@keyframes wwp {
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}

#psdummy > h4{
    pointer-events: none;
}

#place-options{
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: auto;
    gap: 10px;
}

#place-options-w.toSel{
    animation: 0.2s slideup linear;
}

#place-options-w.undoSel{
    animation: 0.21s slidedown linear forwards;
}

@keyframes slideup {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes slidedown{
    0% {
        opacity: 1;
        display: block;
    }
    99% {
        display: block;
    }
    100% {
        opacity: 0;
        display: none;
        pointer-events: none;
    }
}

.placeOpt{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#load_spare.loaddoneman{
    animation: 1s _disappear linear forwards;
}

@keyframes _disappear {
    from {opacity: 1; display: block;}
    99% {display: block;}
    to {opacity: 0; display: none;}
}

#ppupds{
    background-color: #212121;
    width: 100%;
    height: 100%;
    color: white;
    border-radius: 20px;
    text-align: center;
}

#ppupds::-webkit-scrollbar{
    width: 15px;
    height: 20px;
}

#ppupds::-webkit-scrollbar-thumb{
    border-radius: 0.25rem;
    --bg-opacity: 1;
    background-color: rgba(172, 172, 172, 0.5);
}

#ppupir{
    overscroll-behavior: none;
    display: flex;
    height: 175px;
    margin-top: 4px;
    overflow-x: scroll;
    overflow-y: hidden;
}

#ppupir::-webkit-scrollbar{
    width: 10px;
    height: 12px;
}
#ppupir::-webkit-scrollbar-thumb{
    border-radius: 0.25rem;
    --bg-opacity: 1;
    background-color: #4e4e4e;
}

#sggty{
    width: 100%;
    height: 100px;
    color: white;
}

.share-icon-c.-o{
    width: 45px;
    height: 45px;
    background-color: rgba(146, 146, 146, 0.5);
}

.share_ebtn.-p{
    display: flex;
}

.cloudfileel{
    cursor: pointer;
    touch-action: pan-y;
}

.share-title.-l{
    width: 100%;
}

#stttgy{
    height: 100%;
}

#load_spare{
    position: fixed;
    width: var(--window-width);
    height: var(--window-height);
    z-index: 2101;
    background-color: var(--shishiji-color);
    display: none;
}

#app-version{
    position: absolute;
    bottom: 0;
    right: 0;
    color: white;
    z-index: 1999999;
    margin: 2px;
    display: none;
}

#load_spare_c{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    -webkit-perspective: 500px;
    perspective: 500px;
}

#loaders__{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}

#loaders{
    width: 200px;
    height: 200px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100000;
}
#loaders.bye{
    animation: _byew .5s forwards;
}
@keyframes _byew{
    from {opacity: 1;}
    to {opacity: 0;}
}

.loader__icon{
    width: 50px;
    height: 50px;
    position: absolute;
    background-image: url(/resources/img/logo-loader.png);
    background-size: 100%;
    background-repeat: no-repeat;
    transition: transform .5s;
}

._gloads{
    animation: _iconloadw;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

._bgoods{
    animation: _shrink 2s infinite;
}

@keyframes _shrink{
    0%{
        transform: scale(1);
    }
    15%{
        transform: scale(.75);
    }
    30%{
        transform: scale(1);
    }
}

#_icon1{
    top: 0;
    left: 0;
}
#_icon2{
    top: 0;
    right: 0;
    animation-delay: .25s;
}
#_icon3{
    bottom: 0;
    left: 0;
    animation-delay: .75s;
}
#_icon4{
    bottom: 0;
    right: 0;
    animation-delay: .5s;
}
@keyframes _iconloadw{
    0%{
        transform: scale(1);
    }
    33%{
        transform: scale(1.5);
    }
    66%{
        transform: scale(1);
    }
}

#spare_logo{
    width: var(--shishiji-load-icon-size);
    height: var(--shishiji-load-icon-size);
}

#spare_message{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#includeScrCh{
    display: none;
}

#includeScrCh[type=checkbox] + label{
    transition: var(--shishiji-button-active-transition);
    padding-left: 30px; 
}

#includeScrCh[type=checkbox] + label:active{
    padding-right: 12px;
}
          
#includeScrCh[type=checkbox] + label:before{
    display: block;
    top: 0px;
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    border: 2px solid #00171d;
    border-radius: 4px;
    background-color: #ffffff;
}

#includeScrCh[type=checkbox]:checked + label:after{
    display: block;
    position: absolute;
    content: "";
    width: 14px;
    height: 5px;
    border-bottom: 4px solid;
    border-left: 4px solid;
    border-color: hsl(234, 100%, 63%);
    transform: rotate(-45deg);
    top: 50%;
    left: 4px;
    margin-top: -5px;
} 

#ovv-tg-a{
    position: fixed;
    z-index: 8001;
    height: 100%;
}

#ovv-tg-b{
    width: 100vw;
    position: absolute;
    bottom: var(--shishiji-ovv-theme-height);
    height: var(--shishiji-ovv-tg-height);
    background-color: var(--shishiji-ovv-tg-color);
    display: flex;
    box-shadow: 0 -3px 7px rgba(0, 0, 0, 0.5);
}

.ovv-tg-bwr{
    width: 50%;
    height: 100%;
    display: flex;
    text-align: center;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    font-family: var(--font-view);
}

.ovv-tg-bwr > button{
    transition: var(--shishiji-button-active-transition);
    width: 100%;
    height: 100%;
    color: #ffffff;
    font-size: medium;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tg-nonuse:not(.tg-active)::after{
    content: "";
    position: absolute;
    top: 0;
    left: auto;
    width: 100%;
    height: 100%;
    transition: var(--shishiji-spread-btn-transition);
}

.article-dv{
    height: 2px;
    background-color: #f0f0f0;
    border: none;
    margin-bottom: 6px;
    margin-top: 6px;
}

.tg-nonuse:not(.tg-active):active::after{
    animation: var(--shishiji-spread-btn-animation-square);
    background-color: var(--shishiji-spread-btn-bg-color);
}

.ovv-tg-bwr:first-of-type{
    border-right: solid 1px rgb(136, 136, 136);
}

.ovv-tg-bwr:last-of-type{
    border-left: solid 1px rgb(136, 136, 136);
}

.ovv-tg-bwr .tg-active{
    color: #000000;
    background-color: var(--shishiji-ovv-tg-color-active);
    cursor: default;
}

.interactive_trans,.mpobmctx{
    transition: transform 0.2s ease;
}

.canvas_interactive{
    position: relative;
}

.interrealface{
    background-color: white;
    /*background: linear-gradient(rgba(255, 0, 0, 1) 0%, rgba(255, 154, 0, 1) 10%, rgba(208, 222, 33, 1) 20%, rgba(79, 220, 74, 1) 30%, rgba(63, 218, 216, 1) 40%, rgba(47, 201, 226, 1) 50%, rgba(28, 127, 238, 1) 60%, rgba(95, 21, 242, 1) 70%, rgba(186, 12, 248, 1) 80%, rgba(251, 7, 217, 1) 90%, rgba(255, 0, 0, 1) 100%) 0 0 / 100% 200%;
    animation: rain 100ms linear infinite;*/
}

@keyframes rain{
    100% {
        background-position: 0 -200%;
    }
}

@media (any-hover: hover){
    .mpobmctx:hover{
        transform: var(--shishiji-map-object-hovered-scale);
    }
}

.interactive_trans.mpobmctx:hover, .mpobmctx:active{
    transform: var(--shishiji-map-object-hovered-scale);
}

.ADSHIiuhbgnajsyu{
    transform: var(--shishiji-map-object-hovered-scale);
}



@media (orientation: landscape){
    #shishiji-overview{
        width: var(--shishiji-ovv-landscape-width);
        box-shadow:
            0 1.9px 2.5px rgba(0, 0, 0, 0.057),
            0 5px 6.1px rgba(0, 0, 0, 0.076),
            0 10.1px 11.4px rgba(0, 0, 0, 0.086),
            0 19.2px 19.8px rgba(0, 0, 0, 0.092),
            0 38.4px 34.8px rgba(0, 0, 0, 0.1),
            0 101px 74px rgba(0, 0, 0, 0.13);
    }
    #overview-options{
        width: var(--shishiji-ovv-landscape-width);
    }
    #ovv-tg-b{
        width: var(--shishiji-ovv-landscape-width);
    }
    .headwrapsalan{
        height: calc(var(--shishiji-ovv-landscape-width)*(1/2.5));
    }
}

@media (orientation: portrait){
    .headwrapsalan{
        height: calc(100vw*(1/2.5));
    }
}

/* Google Material Button */
.md-button {
    box-sizing: border-box;
    border: none;
    outline: none;
    cursor: pointer;
    color: white;
    background-color: #6200ee;
    padding: 10px 16px;
    border-radius: 4px;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0,0,0,.12);
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    transition: background-color .2s;
}
.md-button:hover, .md-button:focus {
    background-color: #6d11ec;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0,0,0,.12);
}
.md-button:active {
    background-color: #8d4beb;
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0,0,0,.12);
}
span.ripple {
    position: absolute;
    border-radius: 50%;
    transform: scale(0);
    animation: ripple 600ms linear;
    background-color: rgba(255, 255, 255, 0.7);
    pointer-events: none;
}
@keyframes ripple {
    to {
        transform: scale(4);
        opacity: 0;
    }
}
/* Material Button end */

#shishiji-finder{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 101;
}

#finder-align{
    display: flex;
    align-items: center;
    justify-content: center;
    width: inherit;
    height: inherit;
    flex-flow: column;
    position: relative;
}

#school_transitioner{
    max-width: 70%;
    animation: _shrinken 1s ease-out forwards;
    animation-delay: 750ms;
}

#school_transitioner > img{
    max-width: 100%;
    max-height: 100%;
}

@keyframes _shrinken{
    to {transform: scale(0);display: none;}
}

#our-floors{
    display: inherit;
    align-items: inherit;
    flex-flow: inherit;
    height: inherit;
    position: absolute;
}

#our-floors > tbody > tr{
    max-height: var(--window-half-height);
}

#our-floors > tbody > tr > td{
    height: 100%;
}

.abstract_floor > img{
    width: 100%;
}

#orgs_insta_viewer_e{
    position: relative;
    right: 0;
    z-index: 2001;
}

#gtnorm,#oive_a,#gtmap,.ov_tribe{
    position: absolute;
    right: 0;
    width: fit-content;
    width: 45px;
    height: 45px;
    margin: 10px;
    background-color: white;
    border-radius: 50%;
    box-shadow: 0 1.9px 2.5px
        rgba(0,0,0,.057),0 5px 6.1px
        rgba(0,0,0,.076),0 10.1px 11.4px
        rgba(0,0,0,.086),0 19.2px 19.8px
        rgba(0,0,0,.092),0 38.4px 34.8px
        rgba(0,0,0,.1),0 101px 74px
        rgba(0,0,0,.13);
    cursor: pointer;
}

#oive_j{
    top: 110px;
    z-index: 2030;
}

#oive_r{
    height: 40px;
    width: 140px;
    bottom: 0;
    border-radius: 0;
    top: calc(100dvh - 50px);
    right: -10px;
    box-shadow: -5px -5px 20px -7px #777777;
    color: #4CAF50;
    cursor: default;
}

#oive_j.hello,#oive_r.hello{
    animation: slideup 600ms ease;
}

#oive_r::after{
    display: none;
}

#gtnorm{
    z-index: 1999;
}

#oive_a{
    z-index: 2029;
}

#gtmap{
    position: fixed;
    display: block;
    z-index: 2026;
}

#oive_a{
    top: 55px;
}

#gtnorm.hello,#oive_a.hello{
    animation: slideup 600ms ease;
}

#oive_a.bye_cry{
    animation: tutupig 500ms ease forwards;
}

@keyframes tutupig{
    0%{
        opacity: 0;
        display: none;
    }
    99%{
        opacity: 0;
        display: none;
    }
    100%{
        opacity: 1;
        display: block;
    }
}

.shbxxx{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.shbxxx span{
    font-size: 30px;
}

#in_home{
    position: inherit;
    width: 100%;
}

#gtnorm.openH{
    animation: head_over_heels 1.5s ease forwards;
}

@keyframes head_over_heels{
    /*A 0.6s*/
    0%{
        top: 0;
    }
    40%{
        top: -10px;
        right: calc(var(--window-half-width) - 22px);
    }
    80%{
        top: 100dvh;
        right: calc(var(--window-half-width) - 22px);
    }
    100%{
        top: 0;
        right: 0;
    }
}

shishiji-normal-void{
    z-index: 999999;
    width: 100vw;
    height: 100dvh;
    background-color: white;
    position: absolute;
    display: none;
    bottom: calc(100dvh + 150px);
    overflow-y: scroll;
    overflow-wrap: break-word;
    box-shadow: 0 1.9px 2.5px
        rgba(0,0,0,.057),0 5px 6.1px
        rgba(0,0,0,.076),0 10.1px 11.4px
        rgba(0,0,0,.086),0 19.2px 19.8px
        rgba(0,0,0,.092),0 38.4px 34.8px
        rgba(0,0,0,.1),0 101px 74px
        rgba(0,0,0,.13);
}

shishiji-normal-void::-webkit-scrollbar{
    display: none;
}

shishiji-normal{
    width: 100%;
    height: 100%;
    display: block;
}

shishiji-normal-blank{
    width: 100%;
    height: 100%;
    position: relative;
}

#gtmap.closeH{
    animation: head_over_heelsw 1.5s ease forwards;
}

@keyframes head_over_heelsw{
    /*A 0.6s*/
    0%{
        top: 0;
    }
    25%{
        top: -10px;
        right: calc(var(--window-half-width) - 22px);
    }
    59%{
        opacity: 1;
    }
    60%{
        top: 100dvh;
        right: calc(var(--window-half-width) - 22px);
        opacity: 0;
        pointer-events: none;
    }
    100%{
        top: 0;
        right: 0;
        pointer-events: none;
        opacity: 0;
    }
}

shishiji-normal-void.Hellonig{
    animation: teturyoku_saikou 1.2s ease forwards;
}

@keyframes teturyoku_saikou{
    50%{
        bottom: calc(100dvh + 150px);
    }
    100%{
        bottom: 0;
    }
}

shishiji-normal-void.Byeonig{
    animation: teturyoku_saikouuu .8s ease forwards;
}

@keyframes teturyoku_saikouuu{
    0%{
        bottom: 0;
    }
    60%{
        bottom: 0;
    }
    99%{
        display: block;
    }
    100%{
        display: none;
        bottom: -100dvh;
    }
}

.Hjasgia, .AUIHVP, .NJIvua, .AIGbbvwG{
    pointer-events: none;
    transform: scale(0.8);
    position: absolute;
    right: 0;top: 0;
    background-color: white;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    top: -10px;
    right: -10px;
}

.ashuW{
    z-index: 10;
}

.AUIHVP, .AIGbbvwG{
    left: -10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 21px;
}

.AIGbbvwG{
    position: absolute;
    top: auto;
    bottom: -10px;
    pointer-events: none;
    border-radius: 50%;
    background-color: white;
    overflow: hidden;
}

.AIGbbvwG > span{
    background-image: url(/resources/frame/fav.png);
    background-size: 120%;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.kpls{
    z-index: 12;
}

.NJIvua{
    background-color: transparent;
    width: fit-content;
    height: fit-content;
    top: -10;
    right: 10px;
}

.NJIvua > span{
    position: absolute;
    font-weight: bold;
    -webkit-text-stroke-width: 1.3px;
    -webkit-text-stroke-color: black;
    font-size: 24px;
    color: white;
}

.AUIHVP > span{
    border-radius: 50%;
    width: 13px;
    height: 13px;
    display: block;
}

.crowds-0{
    background-color: #000000;
}

.crowds-1{
    background-color: #9CCC65;
}

.crowds-2{
    background-color: #FBC02D;
}

.crowds-3{
    background-color: #B71C1C;
}

K{
    display: block;
    background-color: green;
    width: 8px;
    height: 4px;
    transform: rotate(50deg);
    position: absolute;
    top: 12px;
    right: 13px;
}

R{
    display: block;
    background-color: green;
    width: 14px;
    height: 4px;
    top: 11px;
    right: 3px;
    transform: rotate(135deg);
    position: absolute;
}

#oive_z{
    position: fixed;
    z-index: 2031;
}

.mpob-clerdd{
    border-color: #e7bf3c;
}

.mpob{
    overflow: visible;
    position: relative;
}

.Ajo{
    position: absolute;
    bottom: 5px;
    color: green;
}

#oive_y{
    width: 0;
    height: 0;
    background-color: var(--shishiji-color);
    position: inherit;
    z-index: 10;
}

#oive_y.openH{
    width: var(--pkgo-screen-width);
    height: 100dvh;
    border-radius: 0;
}

#oive_y.closeL{
    animation: shrinks_ 500ms ease-out forwards;
}

@keyframes spreads_{
    0%{
        width: 0;
        height: 0;
        top: 67px;
        right: 12px;
        border-radius: 35%;
    }
    100%{
        width: var(--window-width);
        height: var(--window-height);
        top: 0;
        right: 0;
        border-radius: 0;
    }
}

@keyframes shrinks_{
    0%{
        width: var(--window-width);
        height: var(--window-height);
        top: 0;
        right: 0;
        border-radius: 0;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    99%{
        display: block;
    }
    100%{
        width: 0;
        height: 0;
        top: 55px;
        right: 10px;
        border-radius: 35%;
        display: none;
    }
}

M{
    background-color: #fdd000;
    border-radius: 4px;
    padding: 4px;
    font-size: 80%;
    color: black;
}

.Ooiotya, .asguyfyYYYY, .a8dts67gyfyhh{
    color: white;
}

.AYUSGFhhhh{
    text-decoration: underline;
}

.Ahyu{
    font-size: 2.2rem;
}

.AGUsnjdsafa{
    text-decoration: none;
}

#ovie_search_boxw{
    width: 45px;
    height: 45px;
    z-index: 11;
    position: inherit;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
    background-color: white;
    border-radius: 22px;
    margin: 10px;
    margin-bottom: 0;
    overflow-x: hidden;
}

#ovie_search_boxw.openH{
    width: calc(100vw - 20px);
    margin-top: 15px;
    display: flex;
}

#ovie_search_boxw.closeL{
    animation: closeLwww 500ms ease-in-out forwards;
    margin-top: 10px;
}

@keyframes openHwww{
    0%{
        left: calc(var(--window-width) - (20px + 45px));
        width: 45px;
        top: 55px;
    }
    50%{
        top: 0;
        left: 0;
        width: 45px;
        margin-top: 15px;
    }
    100%{
        width: calc(var(--window-width) - 75px);
        margin-top: 15px;
    }
}

@keyframes closeLwww{
    0%{
        width: calc(var(--window-width) - 75px);
        display: flex;
        top: 15px;
        right: 55px;
    }
    95%{
        display: block;
    }
    100%{
        width: 45px;
        top: 55px;
        right: 0;
        display: none;
        pointer-events: none;
        visibility: hidden;
    }
}

#ovie_search_boxw > .shbxxx{
    justify-content: flex-start;   
}

#iuyhgas{
    margin-left: 5px;
    background-image: url(/resources/svg/picto/search.svg);
    background-position: center;
    background-size: 100%;
    width: 32px;
    height: 32px;
}

#gt_mps{
    position: absolute;
    right: 0;
    top: 5px;
}

#ovie_search_boxw{
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.genius{
    resize: none;
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .87);
    word-wrap: break-word;
    outline: none;
    display: flex;
    -webkit-tap-highlight-color: transparent;
    font-family: arial, sans-serif;
    line-height: 22px;
    overflow-x: hidden;
    height: inherit;
    width: calc(100% - 40px);
    font-size: 20px;
    margin-top: 22px;
}

#user-name-input{
    border: none;
    border-bottom: 2px white solid;
    color: white;
    font-size: 20px;
    height: 22px;
    overflow: hidden;
}

textarea{
    overflow: hidden;
    box-sizing: border-box;
    resize: none;
    vertical-align: top;
}

#closer_VVs{
    position: absolute;
    background-color: gray;
    border-radius: 4px;
    height: 8px;
    width: 40%;
    margin-top: 4px;
    left: calc(50% - 20%);
}

#oive_y{
    overflow: hidden;
}

.Hgas{
    display: block;
    width: 1px;
    height: 85px;
}

.ABId{
    width: 100%;
    min-height: 140px;
    max-height: 140px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    border-bottom: solid rgb(146 112 171 / 50%) 1px;
}

.jHSvwA{
    padding: 0 14px 0 14px;
    height: calc(100% - 85px);
    overflow-y: scroll;
    overscroll-behavior: none;
    color: white;
}

.BIfff{
    display: flex;
    position: inherit;
    align-items: center;
}

.BIfff h4{
    right: 10px;
    position: absolute;
    bottom: 0;
}

.IcoNium img{
    width: 100%;
}

.IcoNium{
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-right: 10px;
    position: inherit;
}

.IcoNeshium{
    width: 50px;
    height: 50px;
}

.AINBU{
    margin-top: 5px;
}

.AINBU h3{
    font-weight: 400;
    font-size: 20px;
}

.EZdes{
    word-break: break-all;
    overflow: hidden;
    height: 75px;
    white-space: normal;
    text-overflow: ellipsis;
    width: 100%;
}

#TAP_ME{
    width: 100vw;
    height: 100dvh;
    background-color: white;
    flex-flow: column;
}

#TAP_ME > *{
    filter: invert(30%);
}

#TAP_ME > img{
    width: 220px;
}

#TAP_ME > hr{
    height: 1px;
    background-color: rgb(48, 48, 48);
    width: 240px;
    margin: 60px 0 60px 0;
}

#TAP_ME > p{
    position: absolute;
    bottom: 40px;
    filter: none;
}

#pkgo_loader{
    position: absolute;
    width: 100vw;
    height: 100dvh;
    background-color: white;
    flex-flow: column;
    z-index: 9999;
}

#pkgo_loader.im_done{
    animation: byePkgoLoad 250ms ease forwards;
}

@keyframes byePkgoLoad{
  0% { background-color: black; }
  99% { background-color: var(--shishiji-color); }
  100% { display: none; }
}

#pkgo_loader > img{
    display: block;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    object-fit: cover;
    object-position: center;
    animation: helloPkgoLoad 1s ease forwards;
}

@keyframes helloPkgoLoad{
  from { filter: brightness(0); }
  to { filter: brightness(1); }
}

#pkgo_loader > span{
    color: white;
    position: absolute;
    bottom: 55px;
    text-align: center;
    width: 260px;
    line-height: 1;
    font-weight: 325;
}

#pkgo_loading_progress{
    --progress: 0%;
    display: flex;
    justify-content: start;
    align-items: center;
    position: absolute;
    bottom: 35px;
    overflow: visible;
    width: 250px;
    height: 3px;
    background-color: #c8404f;
}

#pkgo_loading_progress_fill{
    position: absolute;
    background-color: #f2a25c;
    height: 6px;
    width: var(--progress);
    padding-left: 3px;
    padding-right: 3px;
}

#qrwrap{
    position: relative;
}

#qrvideo{
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: hidden;
}

#qrcamera-canvas{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 50;
}

#qrrect-canvas{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
}

tmp-shishiji-overlay{
    position: absolute;
    width: 100vw;
    height: 100dvh;
    z-index: 1000;
    touch-action: none;
    pointer-events: none;
}
.AGsag{
    width: 30px;
    height: 30px;
    animation: A 250ms ease-out;
    position: absolute;
    top: 100px;
}
.ijaops{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.KAKgaggasd{
    position: absolute;
    transform-origin: center;
    animation: A 1.5s ease-out forwards;
    width: 30px;
    height: 30px;
    border: solid 15px rgba(34, 156, 172, 0.5);
    border-radius: 50%;
}
.gaeoiiilll{
    transform-origin: center;
    animation: B 1.5s ease-out forwards;
    position: absolute;
    background-color: rgb(96, 214, 230);
    border-radius: 50%;
    width: 30px;
    height: 30px;
}
@keyframes A{
    0%{
        transform: scale(1.75);
        opacity: 1;
    }
    35%{
        transform: scale(1);
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}
@keyframes B{
    0%{
        opacity: 0;
    }
    23%{
        opacity: 0;
    }
    24%{
        opacity: 0.7;
    }
    25%{
        opacity: 1;
    }
    70%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}

.pkgo_menu{
    position: absolute;
    left: 50%;
    bottom: 60px;
    width: 0;
    height: 0;
    overflow: visible;
}
#pkgo_mainb{
    position: absolute;
    border-radius: 50%;
    pointer-events: all;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(/resources/button/open/genius.png);
    transition-property: transform, filter;
    transition-duration: 250ms;
    transition-timing-function: ease;
}
#pkgo_mainb, #pkgo_mainb > div{
    position: absolute;
    width: 75px;
    height: 75px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
#pkgo_mainb:active{
    transform-origin: center;
    transform: scale(0.95);
    filter: brightness(0.75);
}
#pkgo_mainbkin{
    background-image: url(/resources/button/open/layerinside.png);
    animation: iaidsng 2000ms linear infinite;
}
#pkgo_mainbkon{
    background-image: url(/resources/button/open/layeroutside.png);
    animation: _Biawd 180s ease infinite;
}
@keyframes iaidsng{
    from{transform: rotate(0);}
    to{transform: rotate(-360deg);}
}
@keyframes Biaidsng{
    from{transform: rotate(0);}
    to{transform: rotate(360deg);}
}
@keyframes _Biaidsng{
    0%{transform: rotate(0);}
    10%{transform: rotate(-90deg);}
    30%{transform: rotate(405deg);}
    50%{transform: rotate(-360deg);}
    60%{transform: rotate(90deg);}
    80%{transform: rotate(225deg);}
    95%{transform: rotate(-405deg);}
    100%{transform: rotate(-360deg);}
}
@keyframes _Biawd{
    1%{transform: rotate(294deg)}
    3%{transform: rotate(98deg)}
    5%{transform: rotate(162deg)}
    7%{transform: rotate(284deg)}
    9%{transform: rotate(263deg)}
    11%{transform: rotate(222deg)}
    13%{transform: rotate(383deg)}
    15%{transform: rotate(99deg)}
    17%{transform: rotate(314deg)}
    19%{transform: rotate(330deg)}
    21%{transform: rotate(621deg)}
    23%{transform: rotate(399deg)}
    25%{transform: rotate(196deg)}
    27%{transform: rotate(-84deg)}
    29%{transform: rotate(-287deg)}
    31%{transform: rotate(-107deg)}
    33%{transform: rotate(-236deg)}
    35%{transform: rotate(-161deg)}
    37%{transform: rotate(128deg)}
    39%{transform: rotate(416deg)}
    41%{transform: rotate(354deg)}
    43%{transform: rotate(187deg)}
    45%{transform: rotate(341deg)}
    47%{transform: rotate(545deg)}
    49%{transform: rotate(213deg)}
    51%{transform: rotate(171deg)}
    53%{transform: rotate(491deg)}
    55%{transform: rotate(465deg)}
    57%{transform: rotate(797deg)}
    59%{transform: rotate(621deg)}
    61%{transform: rotate(979deg)}
    63%{transform: rotate(765deg)}
    65%{transform: rotate(541deg)}
    67%{transform: rotate(808deg)}
    69%{transform: rotate(903deg)}
    71%{transform: rotate(704deg)}
    73%{transform: rotate(958deg)}
    75%{transform: rotate(1289deg)}
    77%{transform: rotate(972deg)}
    79%{transform: rotate(815deg)}
    81%{transform: rotate(668deg)}
    83%{transform: rotate(709deg)}
    85%{transform: rotate(1063deg)}
    87%{transform: rotate(1320deg)}
    89%{transform: rotate(1233deg)}
    91%{transform: rotate(1501deg)}
    93%{transform: rotate(1538deg)}
    95%{transform: rotate(1703deg)}
    97%{transform: rotate(1721deg)}
    99%{transform: rotate(1906deg)}
}
#pkgo_ballw{
    content: "";
    border-top: red;
    border-bottom: white;
    border-right: red;
    border-left: white;
    transform: rotate(-45deg);
    border-radius: 50%;
    border-width: 25px;
    border-style: solid;
    position: absolute;
}
#pkgo_ball_g{
    position: absolute;
    background-color: gray;
    border: solid white 2px;
    border-radius: 50%;
    width: 12px;
    height: 12px;
}
.pkgo_nml_menuG{
    border-radius: 50%;
    width: 90px;
    height: 90px;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.pkgo_menu_insidew{
    border: solid rgb(0, 58, 0) 2px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
}
#pkgo_menu_close > .pkgo_nml_menuG{
    width: 50px;
    height: 50px;
}
#pkgo_menu_close > .pkgo_nml_menuG > .pkgo_menu_insidew{
    width: 38px;
    height: 38px;
}
#pkgo_menu_close.iiasdIOJ{
    animation: AYidgjgdjj var(--shishiji-pkgo-menu-open-durtion) forwards;
    display: flex;
    bottom: 0;
    pointer-events: all;
}

#pkgo_menu_close.iiasdIOJAGDjafjiofjoijaoijs{
    animation: AYidgjgdjjAW var(--shishiji-pkgo-menu-close-durtion) forwards;
    display: flex;
    bottom: 0;
}

shishiji-pokemon-go{
    position: fixed;
    width: 100vw;
    height: 100dvh;
    z-index: 2000;
    pointer-events: none;
}

.imdisplaynone{
    display: none;
}

#pkgo_menu1.opening_yey{
    animation: iuhaIUGDH var(--shishiji-pkgo-menu-open-durtion) ease forwards;
    display: flex;
}
#pkgo_menu2.opening_yey{
    animation: iuhaAIUGDH var(--shishiji-pkgo-menu-open-durtion) ease forwards;
    display: flex;
}
#pkgo_menu3.opening_yey{
    animation: iuhaIWUGDH var(--shishiji-pkgo-menu-open-durtion) ease forwards;
    display: flex;
}
#pkgo_menu4.opening_yey{
    animation: iuhaIGUGDH var(--shishiji-pkgo-menu-open-durtion) ease forwards;
    display: flex;
}
#pkgo_menu5.opening_yey{
    animation: iuhaIAAGUGDH var(--shishiji-pkgo-menu-open-durtion) ease forwards;
    display: flex;
}
#pkgo_menu6.opening_yey{
    animation: iuhaIAAGUGDH6 var(--shishiji-pkgo-menu-open-durtion) ease forwards;
    display: flex;
}
#pkgo_menu7.opening_yey{
    animation: iuhaIAAGUGDH7 var(--shishiji-pkgo-menu-open-durtion) ease forwards;
    display: flex;
}
#pkgo_menu8.opening_yey{
    animation: iuhaIAAGUGDH8 var(--shishiji-pkgo-menu-open-durtion) ease forwards;
    display: flex;
}

#pkgo_menuXXL.opening_yey{
    animation: iuhaIAAAGS8 var(--shishiji-pkgo-menu-open-durtion) ease forwards;
    display: flex;
}

#pkgo_menuXXS.opening_yey{
    animation: iuhaIAAAGSP var(--shishiji-pkgo-menu-open-durtion) ease forwards;
    display: flex;
}

.aUDGJHJSduijujaijuigsdjuio{
    pointer-events: none;
}

#pkgo_menu1.aUDGJHJSduijujaijuigsdjuio{
    animation: iuhaIAAGUADCWSGDH var(--shishiji-pkgo-menu-close-durtion) ease forwards;
}

#pkgo_menu2.aUDGJHJSduijujaijuigsdjuio{
    animation: iuhaIAAGUADTWSGDYH var(--shishiji-pkgo-menu-close-durtion) ease forwards;
}

#pkgo_menu3.aUDGJHJSduijujaijuigsdjuio{
    animation: iuhaIAAGUADWSTGDH var(--shishiji-pkgo-menu-close-durtion) ease forwards;
}

#pkgo_menu4.aUDGJHJSduijujaijuigsdjuio{
    animation: iuhTaIAAGUADWSGDH var(--shishiji-pkgo-menu-close-durtion) ease forwards;
}

#pkgo_menu5.aUDGJHJSduijujaijuigsdjuio{
    animation: iuhaIAAGUOADWSGDH var(--shishiji-pkgo-menu-close-durtion) ease forwards;
}

#pkgo_menu6.aUDGJHJSduijujaijuigsdjuio{
    animation: iuhaIAAGUOADWSGDH6 var(--shishiji-pkgo-menu-close-durtion) ease forwards;
}

#pkgo_menu7.aUDGJHJSduijujaijuigsdjuio{
    animation: iuhaIAAGUOADWSGDH7 var(--shishiji-pkgo-menu-close-durtion) ease forwards;
}

#pkgo_menu8.aUDGJHJSduijujaijuigsdjuio{
    animation: iuhaIAAGUOADWSGDH8 var(--shishiji-pkgo-menu-close-durtion) ease forwards;
}

#pkgo_menuXXL.aUDGJHJSduijujaijuigsdjuio{
    animation: iuhaIAAGUGAS8 var(--shishiji-pkgo-menu-close-durtion) ease forwards;
}

#pkgo_menuXXS.aUDGJHJSduijujaijuigsdjuio{
    animation: iuhaIAAGUGASP var(--shishiji-pkgo-menu-close-durtion) ease forwards;
}

.aUDGJHJSduijujaijuigsdjuio > div::before{
    pointer-events: none;
}

@keyframes iuhaIAAGUADWSGDH{
    99%{display: flex;}
    to{bottom: 0;left: 50%;display: none;}
}

@keyframes iuhaIUGDH{
    0%{
        bottom: 0;
        opacity: 0;
    }
    49%{
        opacity: 0;
    }
    50%{
        opacity: .5;
    }
    75%{
        opacity: 1;
    }
    100%{
        bottom: 150px;
        left: calc(50% - 100px);
        pointer-events: all;
    }
}

@keyframes iuhaAIUGDH{
    0%{
        bottom: 0;
        opacity: 0;
    }
    49%{
        opacity: 0;
    }
    50%{
        opacity: .5;
    }
    75%{
        opacity: 1;
    }
    100%{
        bottom: 150px;
        left: calc(50% + 100px);
        pointer-events: all;
    }
}

@keyframes iuhaIWUGDH{
    0%{
        bottom: 0;
        opacity: 0;
    }
    49%{
        opacity: 0;
    }
    50%{
        opacity: .5;
    }
    75%{
        opacity: 1;
    }
    100%{
        bottom: 300px;
        left: calc(50% - 100px);
        pointer-events: all;
    }
}

@keyframes iuhaIGUGDH{
    0%{
        bottom: 0;
        opacity: 0;
    }
    49%{
        opacity: 0;
    }
    50%{
        opacity: .5;
    }
    75%{
        opacity: 1;
    }
    100%{
        bottom: 300px;
        left: calc(50% + 100px);
        pointer-events: all;
    }
}

@keyframes iuhaIAAGUGDH{
    0%{
        bottom: 0;
        opacity: 0;
    }
    49%{
        opacity: 0;
    }
    50%{
        opacity: .5;
    }
    75%{
        opacity: 1;
    }
    100%{
        bottom: 225px;
        pointer-events: all;
    }
}

@keyframes iuhaIAAGUGDH6{
    0%{
        bottom: 0;
        opacity: 0;
    }
    49%{
        opacity: 0;
    }
    50%{
        opacity: .5;
    }
    75%{
        opacity: 1;
    }
    100%{
        bottom: 525px;
        left: 50%;
        pointer-events: all;
    }
}

@keyframes iuhaIAAGUGDH7{
    0%{
        bottom: 0;
        opacity: 0;
    }
    49%{
        opacity: 0;
    }
    50%{
        opacity: .5;
    }
    75%{
        opacity: 1;
    }
    100%{
        bottom: 375px;
        pointer-events: all;
    }
}

@keyframes iuhaIAAGUGDH8{
    0%{
        bottom: 0;
        opacity: 0;
    }
    49%{
        opacity: 0;
    }
    50%{
        opacity: .5;
    }
    75%{
        opacity: 1;
    }
    100%{
        bottom: calc(300px + 220px);
        left: calc(50% + 100px);
        pointer-events: all;
    }
}

@keyframes iuhaIAAAGS8{
    0%{
        bottom: 0;
        opacity: 0;
    }
    49%{
        opacity: 0;
    }
    50%{
        opacity: .5;
    }
    75%{
        opacity: 1;
    }
    100%{
        bottom: 0;
        left: calc(50% + 100px);
        pointer-events: all;
    }
}

@keyframes iuhaIAAAGSP{
    0%{
        bottom: 0;
        opacity: 0;
    }
    49%{
        opacity: 0;
    }
    50%{
        opacity: .5;
    }
    75%{
        opacity: 1;
    }
    100%{
        bottom: 0;
        left: calc(50% - 100px);
        pointer-events: all;
    }
}

@keyframes iuhaIAAGUADCWSGDH{
    from{
        bottom: 150px;
        left: calc(50% - 100px);
        opacity: 1;
        pointer-events: none;
    }
    49%{opacity: 1;}
    50%{opacity:.5;}
    75%{opacity: 0;}
    99%{display: flex;}
    to{bottom: 0;left: 50%;display: none;opacity: 0;pointer-events: none;transform: scale(.5);}
}

@keyframes iuhaIAAGUADTWSGDYH{
    from{
        bottom: 150px;
        left: calc(50% + 100px);
        opacity: 1;
        pointer-events: none;
    }
    49%{opacity: 1;}
    50%{opacity:.5;}
    75%{opacity: 0;}
    99%{display: flex;}
    to{bottom: 0;left: 50%;display: none;opacity: 0;pointer-events: none;transform: scale(.5);}
}

@keyframes iuhaIAAGUADWSTGDH{
    from{
        bottom: 300px;
        left: calc(50% - 100px);
        opacity: 1;
        pointer-events: none;
    }
    49%{opacity: 1;}
    50%{opacity:.5;}
    75%{opacity: 0;}
    99%{display: flex;}
    to{bottom: 0;left: 50%;display: none;opacity: 0;pointer-events: none;transform: scale(.5);}
}

@keyframes iuhTaIAAGUADWSGDH{
    from{
        bottom: 300px;
        left: calc(50% + 100px);
        opacity: 1;
        pointer-events: none;
    }
    49%{opacity: 1;}
    50%{opacity:.5;}
    75%{opacity: 0;}
    99%{display: flex;}
    to{bottom: 0;left: 50%;display: none;opacity: 0;pointer-events: none;transform: scale(.5);}
}

@keyframes iuhaIAAGUOADWSGDH{
    from{bottom: 225px;opacity: 1;pointer-events: none;}
    49%{opacity: 1;}
    50%{opacity:.5;}
    75%{opacity: 0;}
    99%{display: flex;}
    to{bottom: 0;left: 50%;display: none;opacity: 0;pointer-events: none;transform: scale(.5);}
}

@keyframes iuhaIAAGUOADWSGDH6{
    from{bottom: 525px;left: 50%;pointer-events: none;}
    49%{opacity: 1;}
    50%{opacity:.5;}
    75%{opacity: 0;}
    99%{display: flex;}
    to{bottom: 0;left: 50%;display: none;opacity: 0;pointer-events: none;transform: scale(.5);}
}

@keyframes iuhaIAAGUOADWSGDH7{
    from{bottom: 375px;pointer-events: none;}
    49%{opacity: 1;}
    50%{opacity:.5;}
    75%{opacity: 0;}
    99%{display: flex;}
    to{bottom: 0;left: 50%;display: none;opacity: 0;pointer-events: none;transform: scale(.5);}
}

@keyframes iuhaIAAGUOADWSGDH8{
    from{bottom: 375px;left: calc(50% + 100px);pointer-events: none;}
    49%{opacity: 1;}
    50%{opacity:.5;}
    75%{opacity: 0;}
    99%{display: flex;}
    to{bottom: 0;left: 50%;display: none;opacity: 0;pointer-events: none;transform: scale(.5);}
}

@keyframes iuhaIAAGUGAS8{
    from{bottom: 0;left: calc(50% + 100px);pointer-events: none;}
    49%{opacity: 1;}
    50%{opacity:.5;}
    75%{opacity: 0;}
    99%{display: flex;}
    to{bottom: 0;left: 50%;display: none;opacity: 0;pointer-events: none;transform: scale(.5);}
}

@keyframes iuhaIAAGUGASP{
    from{bottom: 0;left: calc(50% - 100px);pointer-events: none;}
    49%{opacity: 1;}
    50%{opacity:.5;}
    75%{opacity: 0;}
    99%{display: flex;}
    to{bottom: 0;left: 50%;display: none;opacity: 0;pointer-events: none;transform: scale(.5);}
}

@keyframes AYidgjgdjj{
    from{transform: scale(1.35);opacity: .25;}
    to{transform: scale(1);opacity: 1;}
}

@keyframes AYidgjgdjjAW{
    from{transform: scale(1);opacity: 1;}
    99%{display: flex;}
    to{transform: scale(0);opacity: .25;display: none;}
}

pokemon-gradient{
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    background: linear-gradient(0deg, var(--shishiji-color), #4c5053);
}

pokemon-gradient.uiagg{
    animation: aSUAIs var(--shishiji-pkgo-menu-open-durtion) linear forwards;
    pointer-events: all;
}

pokemon-gradient.aggjg{
    animation: aSUaAIs var(--shishiji-pkgo-menu-close-durtion) linear forwards;
}

@keyframes aSUAIs{
    from{opacity: 0;}
    to{opacity: 1;}
}

@keyframes aSUaAIs{
    from{opacity: 1;}
    to{opacity: 0;}
}

.oafs{
    animation: var(--shishiji-pkgo-menu-close-durtion) aIUHYBDSjgjas forwards;
}

@keyframes aIUHYBDSjgjas{
    99%{
        pointer-events: all;
    }
    100%{
        pointer-events: none;
    }
}

.opijgk{
    margin-top: 130px;
    text-align: center;
    position: absolute;
    font-size: 85%;
    pointer-events: none;
    width: 100px;
}

#pkgo_menu_OPEN_RETAINER{
    position: absolute;
    width: 52px;
    height: 52px;
    background-color: transparent;
    left: -26px;
    bottom: -26px;
    pointer-events: all;
}

#pkgo_menu_OPEN_RETAINER.gauhi8yS{
    animation: aDWOIUJF var(--shishiji-pkgo-menu-close-durtion) linear forwards;
}

@keyframes aDWOIUJF{
    49%{
        pointer-events: all;
    }
    50%{
        pointer-events: none;
    }
    100%{
        pointer-events: none;
    }
}

@keyframes _spAGS{
    from{opacity: .75;transform: scale(1);}
    to{opacity: 0;transform: scale(2);}
}

spreads{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    pointer-events: none;
    position: absolute;
    z-index: 10;
    opacity: 0;
}

.opijgk{
    z-index: 11;
}

.dli-close{
    display: inline-block;
    vertical-align: middle;
    background: linear-gradient(45deg, #A8F4B3, #57E6CA);
    line-height: 1;
    width: 1em;
    height: 0.1em;
    border-radius: 0.1em;
    position: relative;
    transform: rotate(45deg);
}
  
.dli-close::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    border-radius: inherit;
    transform: rotate(90deg);
}

.pkgo_menu_insidew{
    z-index: 12;
}

.pkm__h.AIOSJ{
    transition: transform .2s ease;
}

.pkm__h.AIOSJ:hover{
    /*transform: scale(1.1);*/
    --int: no;
}

.pkm__h.AIOSJ:hover > .pkgo_nml_menuG > spreads{
    /*animation: _spAGS var(--shishiji-pkgo-menu-blur-durtion) ease forwards;*/
    --int: no;
}

#sp1{
    background-color: orange;
}
#sp2{
    background-color: red;
}
#sp3{
    background-color: green;
}
#sp4{
    background-color: rgb(51, 255, 0);
}
#sp5{
    background-color: rgb(0, 0, 0);
}
#sp6{
    background-color: rgb(4, 0, 255);
}
#sp7{
    background-color: rgb(212, 0, 255);
}
#sp8{
    background-color: rgb(153, 0, 255);
}

.pkgo_menu_insidew{
    transition: all 150ms ease;
}

.pkgo_nml_menuG:active > .pkgo_menu_insidew{
    background-color: rgba(102, 131, 168, 0.5);
}

.advertisement{
    height: 110px;
}

shishiji-pokemon-go-screen{
    width: 100vw;
    height: 100dvh;
    position: absolute;
    pointer-events: none;
    z-index: 2050;
}

shishiji-pks.calming{
    display: none;
}

shishiji-pks{
    pointer-events: all;
    width: inherit;
    height: inherit;
    position: absolute;
    background-color: white;
    box-sizing: border-box;
    border-width: var(--shishiji-pkgo-screen-sandwitch);
    border-style: solid;
    border-image-source: linear-gradient(20deg, rgb(0, 255, 191), rgb(135, 219, 0));
	border-image-slice: 1;
    border-top: none;
    border-bottom: none;
    background-color: var(--shishiji-color);
    overflow: hidden;
}

shishiji-pks.activated{
    animation: pkgo_open 100ms linear forwards;
}

shishiji-pks.recalming{
    animation: pkgo_recalm 100ms linear forwards;
}

@keyframes pkgo_open{
    from{
        bottom: -100dvh;
    }
    to{
        bottom: 0;
    }
}

@keyframes pkgo_recalm{
    from{
        bottom: 0;
        display: block;
    }
    99%{
        display: block;
        pointer-events: all;
        visibility: visible;
    }
    to{
        bottom: -100dvh;
        display: none;
        pointer-events: none;
    }
}

shishiji-pkgo-close{
    width: 0;
    height: 0;
    overflow: visible;
    position: absolute;
    bottom: 60px;
    left: calc(var(--pkgo-screen-width)/2);
    z-index: 9999999;
}

aoish-s{
    min-width: 50px;
    min-height: 50px;
    /*background-color: rgba(0, 0, 0, .13)*/;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(/resources/button/close.png);   
}

o-pqr{
    cursor: pointer;
    pointer-events: all;
    background-color: #1C8696;
    border-radius: 50%;
    min-width: 45px;
    min-height: 45px;
    transition: all 150ms ease;
}

o-pqr > .ihawwwu{
    width: 40px;
    height: 40px;
    background-color: transparent;
    position: relative;
}

o-pqr > .ihawwwu::after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(45deg, #A8F4B3, #57E6CA);
    border-radius: 50%;
    z-index: 7;
}

.ihawwwu > .gawAIH{
    font-size: 20px;
    z-index: 8;
    background-color: #1C8696;
    border-radius: 50%;
    width: 36px;
    height: 36px;
}

o-pqr:active{
    filter: brightness(75%);
}

/* extend hit box */
.pkgo_nml_menuG::before{
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: transparent;
    cursor: pointer;
}

.pok_anom{
    z-index: 10;
}

#pkgo_menu_close{
    z-index: 11;
}

#pkgo_menu_closeAWW::before{
    width: 80px;
    height: 80px;
}

#pkgo_menu_closeAWW.oAIKSD::before{
    width: 0;
    height: 0;
    pointer-events: none;
}

#raid--yd-notifier{
    cursor: pointer;
}

#raid--yd-notifier:active{
    filter: brightness(95%);
}

#raid--ott-us{
    height: inherit;
    justify-content: flex-start;
}

.AUFSg{
    height: 80px;
}

.aWTGgs{
    height: 80px;
    width: 80px;
    border-radius: 4px;
    border: solid pink 2px;
    margin-left: 30px;
}

.aWTGgs > img{
    width: 70px;
    border-radius: 4px;
}

.aSUIOHG{
    margin-left: 15px;
}

.faq_sec{
    width: 85%;
    height: 70px;
    border-radius: 8px;
    background-color: white;
    margin-top: 20px;
    display: flex;
    align-items: center;
    padding-left: 30px;
    cursor: pointer;
    justify-content: space-between;
    transition: all 100ms ease;
}

.faq_sec:active{
    filter: brightness(75%);
}

.screen_color{
    background-color: var(--shishiji-color);
}

.AGDaewP{
    background-color: transparent;
    width: 100vw;
    height: var(--pkgo-top-view-height);
    justify-content: flex-start;
    overflow: hidden;
}

.top-viewer-x{
    width: calc(var(--pkgo-top-view-height)*0.5);
    height: calc(var(--pkgo-top-view-height)*0.5);
    transform: rotate(45deg);
    background-color: white;
}

.top-viewer-x > span{
    display: flex;
    position: absolute;
    width: 0;
    height: 0;
    overflow: visible;
}

.top-viewer-x > span > span{
    position: absolute;
    display: block;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.ADHSagdasf{
    margin-right: 20px;
    transform-origin: center;
    transform: scale(1.5);
}

#faq_answers{
    color: white;
    margin-top: 20px;
    padding: 0 10px 0 10px;
}

#shpkgoanim{
    position: absolute;
    left: 50%;
    bottom: 60px;
    z-index: 3002;
    pointer-events: none;
}

.shishijineon{
    box-shadow: -1px -1px #ffffff, 1px -1px #ffffff,
        1px 1px #ffffff, -1px 1px #ffffff,
        0 0 0.1em #ffffff, 0 0 0.1em #ffffff inset,
        0 0 0.5em #ffffff, 0 0 0.5em #ffffff inset,
        0 0 1em #ffffff, 0 0 1em #ffffff;
}

close-outside{
    border-radius: 50%;
    border: solid white 2px;
    width: 50px;
    height: 50px;
    transform: scale(0);
    background-color: transparent;
    position: absolute;
    animation: oasugij 500ms linear forwards;
}

.opijgk{
    color: white;
}

close-inside{
    border-radius: 50%;
    width: 50px;
    height: 50px;
    transform: scale(0);
    background-color: white;
    position: absolute;
    animation: oasugijA 500ms linear forwards;
}

@keyframes oasugij{
    from{transform: scale(1);opacity: 1;}
    70%{opacity: 1;}
    99%{display: block;}
    to{transform: scale(7);display: none;opacity: 0;}
}

@keyframes oasugijA{
    from{transform: scale(1);opacity: 1;}
    30%{opacity: 1;}
    80%{opacity: 0;}
    99%{display: block;}
    to{transform: scale(1.5);display: none;opacity: 0;}
}

daoijh{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.loaderAAA{
    top: 30px;
    left: 30px;
}
  
.loaderBBB{
    top: 50%;
    left: 50%;
}
  
@keyframes blur{
    0% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    45% {
        -webkit-filter: blur(1px);
        filter: blur(1px);
    }
    90% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
}
  
.top1AWDA {
    transform-origin: bottom center;
    animation: move_top1 ease-out var(--pkgo-load-animation-per);
    animation-iteration-count: infinite;
    animation-delay: -225ms;
}
  
@keyframes move_top1 {
    0% {
      transform: translate(0, 0) scale(1) rotate(0deg);
    }
    45% {
      transform: translate(-1.5%, -25%) scale(1.3) rotate(-0.5deg);
    }
    90% {
      transform: translate(0, 0) scale(1) rotate(0deg);
    }
    100% {
        transform: translate(0, 0) scale(1) rotate(0deg);
    }
}
  
.top2AWaWDA {
    transform-origin: bottom left;
    animation: move_top2 ease-out var(--pkgo-load-animation-per);
    animation-iteration-count: infinite;
    animation-delay: -225ms;
}
  
@keyframes move_top2 {
    0% {
      transform: translate(0, 0) scale(1) rotate(0deg);
    }
    45% {
      transform: translate(-10%, 1%) scale(1.1) rotate(-2.1deg);
    }
    90% {
      transform: translate(0, 0) scale(1) rotate(0deg);
    }
    100% {
      transform: translate(0, 0) scale(1) rotate(0deg);
    }
}
  
.bottom1AWG {
    transform-origin: top center;
    animation: move_bottom1 ease-out var(--pkgo-load-animation-per);
    animation-iteration-count: infinite;
    animation-delay: -225ms;
}
  
@keyframes move_bottom1 {
    0% {
      transform: translate(0, 0) scale(1) rotate(0deg);
    }
    45% {
      transform: translate(0%, 45%) scale(1.3) rotate(0deg);
    }
    90% {
      transform: translate(0, 0) scale(1) rotate(0deg);
    }
    100% {
      transform: translate(0, 0) scale(1) rotate(0deg);
    }
}
  
.ADHDWdgs {
    transform-origin: top left;
    animation: move_bottom2 ease-out var(--pkgo-load-animation-per);
    animation-iteration-count: infinite;
    animation-delay: -225ms;
}

.ABId{
    transition: all 150ms ease;
    padding: 10px 0 10px 0;
}

.ABId:active{
    filter: brightness(0.75);
}
  
@keyframes move_bottom2 {
    0% {
      transform: translate(0, 0) scale(1) rotate(0deg);
    }
    45% {
      transform: translate(38%, 1%) scale(1.3) rotate(-3.5deg);
    }
    90% {
      transform: translate(0, 0) scale(1) rotate(0deg);
    }
    100% {
      transform: translate(0, 0) scale(1) rotate(0deg);
    }
}
  
.AWDAdgDbAW {
    transform-origin: top right;
    animation: move_bottom3 ease-out var(--pkgo-load-animation-per);
    animation-iteration-count: infinite;
    animation-delay: -225ms;
}
  
@keyframes move_bottom3 {
    0% {
      transform: translate(0, 0) scale(1) rotate(0deg);
    }
    45% {
      transform: translate(12%, 5%) scale(1.1) rotate(-1deg);
    }
    90% {
      transform: translate(0, 0) scale(1) rotate(0deg);
    }
    100% {
      transform: translate(0, 0) scale(1) rotate(0deg);
    }
}
  
.bottom4AGDDS {
    transform-origin: top left;
    animation: move_bottom4 ease-out var(--pkgo-load-animation-per);
    animation-iteration-count: infinite;
    animation-delay: -225ms;
}
  
@keyframes move_bottom4 {
    0% {
      transform: translate(0, 0) scale(1) rotate(0deg);
    }
    45% {
      transform: translate(-12%, 5%) scale(1.1) rotate(0deg);
    }
    90% {
      transform: translate(0, 0) scale(1) rotate(0deg);
    }
    100%{
        transform: translate(0, 0) scale(1) rotate(0deg);
    }
}

shishiji-fking-advertisement{
    transition: opacity 500ms ease;
}

.hidden-adv{
    opacity: 0;
    pointer-events: none;
}
  
.Ebene_1 {
    width: 37px;
    animation: animationFrames ease-in-out var(--pkgo-load-animation-per);
    animation-delay: -175ms;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    border-radius: 50%;
    z-index: 10;
}

.loaderAAA, .loaderBBB{
    -webkit-filter: var(--pkgo-load-shadow);
    filter: var(--pkgo-load-shadow);
    position: absolute;
    transform: translate(-50%, -50%);
    overflow: visible;
    border-radius: 50%;
}
  
@keyframes animationFrames {
    0% {
      transform: rotate(0deg);
    }
    90% {
      transform: rotate(-720deg);
    }
    100% {
        transform: rotate(-720deg);
    }
}

pokemongo-loader{
    pointer-events: none;
    position: absolute;
    width: 100vw;
    height: 100dvh;
    z-index: 3005;
    transition: all 250ms ease;
    opacity: 1;
}

pokemongo-loader > div{
    transition: opacity 200ms ease;
}

div.aOKSGD{
    opacity: 0;
}

.aSUGH{
    position: absolute;
    width: 7px;
    height: 7px;
    transform-origin: 50% 50%;
    margin-bottom: 1px;
    z-index: 20;
}

.aSUGHAT{
    position: absolute;
    width: 7px;
    height: 4px;
    transform-origin: 50% 50%;
    margin-top: 5px;
    z-index: 20;
}

#scan_stamp_trans{
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 160px;
    height: 40px;
    background-color: rgba(0,0,0,.1);
    border-radius: 10px;
    cursor: pointer;
}

.shishijibtn:active{
    filter: brightness(.7);
}

#scan_stamp_trans > span{
    font-size: 12px;
    color: #a1d69f;
    font-weight: bolder;
    margin: 14px;
}

#scan_stamp_growth{
    font-size: 14px;
    color: #ffffff;
}

#AUISHGDkj{
    width: 100%;
    height: var(--pkgo-screen-height);
    background-color: gray;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

#qrcode-video{
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: hidden;
}

#AUISHGDkj{
    overflow: hidden;
}

#camera-canvas{
    position: absolute;
    top: 0px;
    z-index: 50;
}

#rect-canvas{
    position: absolute;
    top: 0px;
    z-index: 100;
}

#qrcodebuttonman, #ticketsbuttonman{
    width: 40px;
    height: 40px;
    border-radius: 0;
}

.pkgo_nml_menuG, aoish-s{
    transition: all 250ms ease;
    cursor: pointer;
}

.pkgo_nml_menuG:active, aoish-s:active{
    transform-origin: center;
    transform: scale(0.95);
    filter: brightness(50%);
}

.pkgo_nml_menuG:has(.pkgo_nml_menuG::before:active){
    transform-origin: center;
    transform: scale(0.95);
    filter: brightness(50%);
}

.opijtasgk{
    text-align: center;
    margin-top: 60px;
    color: white;
    font-size: 75%;
    min-width: 60px;
    font-weight: bold;
}

.e8uasho{
    width: 100%;
    flex-flow: column;
    height: var(--pkgo-screen-height);
    justify-content: flex-start;
    padding-top: 30px;
}

.myqrcodewrap{
    width: calc(100% - 60px);
    height: calc(var(--pkgo-screen-width) - 60px);
    max-width: 380px;
    max-height: 380px;
    position: relative;
    background-color: white;
    pointer-events: none;
}

#myqrcode, #ticket_qrcode{
    width: 100%;
    height: 100%;
    z-index: 100;
    position: relative;
}

.hasdfa{
    margin: 30px 0;
}

.text-divider{
    display: flex;
    align-items: center;
    color: white;
    width: 100%;
}
.text-divider::before,
.text-divider::after {
    content: "";
    height: 1px;
    background-color: white;
    flex-grow: 1;
    margin-right: 1rem;
    margin-left: 1rem;
}

.waitingforqr{
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
}

.waitingforqr > span{
    position: absolute;
    animation: kkl 1s infinite;
    width: 15px;
    height: 15px;
}

.godric{
    width: 100%;
    height: var(--pkgo-screen-height);
    position: relative;
    background-color: var(--shishiji-color);
    --kdiwidth: calc(var(--pkgo-screen-width) / 2 - 10px);
}

.diauHOkjkjsa, .uoihgfaSJD, .iuhgihuASG{
    background-color: rgb(255, 255, 255);
    border-radius: 8px;
    width: calc(100% - 40px - 8px);
    --myheight: calc(90px - 8px);
    height: var(--myheight);
    margin-top: 10px;
    border: solid white 4px;
}

.uoihgfaSJD, .iuhgihuASG{
    background-color: #E8A54E;
    width: calc(100% - 40px - 8px);
    --myheight: calc(90px - 8px);
    height: var(--myheight);
    cursor: pointer;
    color: white;
}

.iuhgihuASG{
    background-color: #FFB300;
    cursor: default;
}

.Xaiuojfgjsd{
    width: 100%;
    height: calc(100% - 220px);
    overflow-y: scroll;
    overflow-x: hidden;
    overscroll-behavior: none;
}

.awlvig{
    animation: asouihg 250ms ease forwards;
}

@keyframes asouihg{
    from{opacity: 0;}
    to{opacity: 1;}
}

#showshop{
    margin-top: 8px;
}

#mission-sections{
    width: 100%;
    height: fit-content;
    flex-flow: column;
    justify-content: flex-start;
    overflow: hidden;
}

#intermain > span{
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.coolscrbar{
    overscroll-behavior: none;
}

#search_result{
    display: flex;
    flex-flow: column;
    align-items: center;
    position: relative;
}

#aiuojfgjsd::-webkit-scrollbar, .jHSvwA::-webkit-scrollbar, .coolscrbar::-webkit-scrollbar{
    width: 10px;
    height: 12px;
}

#aiuojfgjsd::-webkit-scrollbar-thumb, .jHSvwA::-webkit-scrollbar-thumb, .coolscrbar::-webkit-scrollbar-thumb{
    border-radius: 0.25rem;
    --bg-opacity: 1;
    background-color: #4e4e4e;
}

.UghaWW{
    top: calc(50dvh - 60px - 12px);
}

.sauhiF{
    color: white;
    top: 45px;
    left: 95px;
    font-weight: bold;
    position: absolute;
}

.AUSHOJIKG{
    position: absolute;
    top: 48px;
    left: 47px;
}

.fselector{
    position: absolute;
    right: 20px;
    top: 50%;
    z-index: 1002;
}

#fsel-xxl{
    position: absolute;
    width: 40px;
    height: fit-content;
    flex-flow: column;
}

.fselc-cell{
    width: 100%;
    height: 35px;
    background-color: #78909C;
    font-weight: bold;
    border-bottom: 1px solid black;
    color: white;
    cursor: pointer;
}

.fselc-cell:first-of-type{
    border-top-left-radius: 6px;
}

.fselc-cell:last-of-type{
    border-bottom-left-radius: 6px;
    border-bottom: none;
}

.currentflr{
    background-color: #464646;
    color: white;
}

.aJUGOI{
    position: absolute;
    width: 72px;
    height: 72px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.aGDHUwawa{
    position: absolute;
    top: 87px;
    left: 178px;
    width: calc(100vw - 178px);
    height: 3px;
    background-color: white;
}

.fasIUH{
    position: absolute;
    top: 50%;
    left: 50%;
}

.fasIUH > span{
    position: absolute;
    width: 25px;
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(/resources/top-view/stamp.png);
}

.AGDaewP{
    background-image: url(/resources/top-view/bar.png);
    background-repeat: no-repeat;
    background-size: calc(var(--pkgo-top-view-height)*2.4);
    background-position: 10px 10px;
}

#del_search{
    position: absolute;
    right: 0;
}

#adsuhjBaa{
    margin-right: 10px;
    background-image: url(/resources/svg/picto/close.svg);
    background-position: center;
    background-size: 100%;
    width: 32px;
    height: 32px;
    z-index: 8;
}

#aginA, #apvaW, .aWv, .aVY{
    background-position: center;
    background-size: 100%;
    width: 32px;
    height: 32px;
    z-index: 7;
}

.ahHk{
    background-image: url(/resources/svg/picto/favorite.svg);
}

.KJvj{
    background-image: url(/resources/svg/picto/favorite_rel.svg);
}

.aiughW{
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
}

#aiUHGG{
    position: absolute;
    width: fit-content;
    height: 45px;
    left: 0;
    top: 0;
    z-index: 8888;
    border-top-right-radius: 22.5px;
    border-bottom-right-radius: 22.5px;
    transition: all 250ms ease;
}

#aiUHGG:active{
    filter: brightness(85%);
}

.aUWBB{
    background-color: #969696;
}

#overview-close-w{
    position: absolute;
    bottom: 80px;
    left: 50vw;
}

#overview-close-w > aoish-s{
    position: absolute;
}

.sajNF{
    width: 100%;
    height: fit-content;
}

.article-outsidelink{
    touch-action: pan-x pan-y;
}

.fselc-cell{
    position: relative;
    transition: all 125ms ease;
    z-index: 1005;
}

.fselc-cell:not(.currentflr):active{
    filter: brightness(75%);
    transform: scale(90%);
    z-index: 1004;
}

shishiji-any-absoluteman{
    position: absolute;
    width: 100vw;
    height: 100dvh;
    pointer-events: none;
}

.user-profile{
    position: absolute;
    left: 10px;
    bottom: 10px;
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
    cursor: pointer;
    height: 90px;
    z-index: 1003;
    display: none;
}

#user-icon{
    width: 50px;
    height: 50px;
    background-image: url(/resources/img/default_user_icon.png);
    border: solid #ffffff 2px;
    position: absolute;
    bottom: 28px;
    z-index: 8;
    background-color: var(--shishiji-color);
}

#user-rank{
    width: 25px;
    height: 25px;
    z-index: 10;
}

.asgfAW{
    width: 40px;
    height: 1px;
}

.sfahiuw > div, #user-icon-change{
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.sfahiuw{
    display: flex;
    align-items: flex-end;
    z-index: 10;
}

#user-total-points{
    color: white;
}

.user-rank-progress-wrapper{
    width: 130px;
    height: 8px;
    background-color: #0303039f;
    z-index: 12;
    justify-content: flex-start;
    border-radius: 4px;
}

#rank-progress{
    height: 4px;
    background-color: #FFC400;
    width: 0;
    display: block;
    border-radius: 4px;
}

#user-name{
    color: white;
}

.stupefy{
    display: flex;
}

#user-icon-change{
    background-image: url(/resources/img/default_user_icon.png);
    width: 25vw;
    height: 25vw;
    max-width: 120px;
    max-height: 120px;
    margin: 20px;
    border: solid 2px #ffffff;
    position: relative;
    margin-bottom: 0;
    background-color: var(--shishiji-color);
}

#user-name-input{
    display: block;
    width: 90%;
    max-width: 300px;
    font-size: 20px;
    caret-color: white;
    margin-top: 4px;
    border-radius: 0;
}

#user-name-input + label{
    display: block;
    position: absolute;
    top: 5px;
    font-size: 10px;
    line-height: 26px;
    font-weight: bold;
    color: #c0c0c0;
    cursor: text;
    transform: translateY(-24px);
    pointer-events: none
}

.fasji{
    border: none;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    width: fit-content;
}

.UAbsa{
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: white;
    margin-top: 5px;
    pointer-events: none;
}

.UAbsa:first-of-type{
    margin-top: 20px;
}

#user-details-change{
    position: relative;
    margin-top: 40px;
    width: 65vw;
    max-width: calc(100% - 40vw);
}

.wingadeum{
    width: 100vw;
    height: calc(100% - min(28vw, 150px) - 44px);
}

.ijASw{
    position: absolute;
    bottom: -15px;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 33%;
    height: 33%;
    min-width: 50px;
    min-height: 50px;
}

#icon-chd{
    left: -15px;
    background-image: url(/resources/button/camera.png);
    cursor: pointer;
    border-radius: 50%;
    background-color: rgba(0,0,0,.3);
}

#chiconinputimgae{
    display: none;
    pointer-events: none;
}

.oikmA{
    display: block;
    z-index: 5;
}

.baW{
    z-index: 6;
}

#dashub{
    right: -15px;
}

#iasyguf{
    color: white;
    text-align: center;
    margin-top: 6px;
    cursor: pointer;
}

#aFSIUHYB{
    height: 100%;
    flex-flow: column;
    position: relative;
    height: max-content;
}

#event-something-to-do{
    height: 90px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.something-play{
    width: 100%;
    height: 80%;
    background-color: #656565;
    margin-right: 10px;
    border-radius: 8px;
    background-position: 50% 12px;
    background-repeat: no-repeat;
    position: relative;
    background-size: 30px;
    cursor: pointer;
    transition: all 200ms ease;
    font-family: var(--font-view);
}

.something-play:active{
    filter: brightness(75%);
}

.something-play:first-of-type{
    margin-left: 10px;
}

.something-play > span{
    position: absolute;
    bottom: 4px;
    font-size: 12px;
}

#dvd1{
    background-image: url(/resources/button/revmap.png);
}

#dvd2{
    background-image: url(/resources/button/favoriteman.png);
}

#dvd3{
    background-image: url(/resources/button/revvote.png);
}

#dvd4{
    background-image: url(/resources/button/shareman.png);
}

#overview-options{
    display: none;
}

.CDId{
    width: 100%;
    height: fit-content;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.GGId{
    color: white;
    width: calc(100% - 100px);
    height: 80px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    display: flex;
    padding-left: 10px;
}

.teaman{
    width: var(--pkgo-screen-width);
    height: 100dvh;
    color: white;
    overflow-y: scroll;
}

.shishijibtn > span{
    margin: 16px;
}

#ASUgAJs{
    flex-flow: column;
    align-items: flex-start;
}

#ASUgAJs > div{
    margin: 5px;
}

#dumn_heres_new_way{
    height: 100%;
    overflow-y: scroll;
    width: 100%;
    overscroll-behavior: none;
    display: flex;
    flex-flow: column;
    align-items: center;
    overflow-x: hidden;
}

.fuaAW{
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.aaiV{
    width: calc(100% - 40px - 12px);
    height: fit-content;
    display: flex;
    flex-flow: column;
    align-items: center;
    border-radius: 8px;
    background: linear-gradient(#FAF9FF 0%, #CFDCFF 100%);
    margin-top: 10px;
    padding: 8px 6px 8px 6px;
}

.sagAW{
    text-decoration: underline;
    text-decoration-thickness: 3px;
    text-decoration-color: #A59EFE;
    color: #A59EFE;
    margin-bottom: 8px;
}

#intermain{
    width: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
}

.showdescriptionman_vote{
    width: 60px;
    height: 60px;
    font-size: 50px;
    color: white;
    cursor: pointer;
}

.comaos{
    width: calc(100% - 12px);
    background-color: #D2C7F2;
    border-radius: 6px;
    color: #9C91FA;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 36px;
    margin-bottom: 12px;
}

.comaos:last-of-type{
    margin-bottom: 4px;
}

.asbHW{
    animation: adsuiLAN 100ms linear forwards;
}

@keyframes adsuiLAN{
    from{
        height: 100px;
    }
    to {
        height: 0;
    }
}

#aka-keeen{
    width: 100%;
    display: flex;
    justify-content: center;
}

.comaos::after{
    position: absolute;
    right: 8px;
    content: '';
    background-image: url(/resources/frame/nice.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    background-size: 20px;
}

.shishijibtn{
    width: 100%;
    height: 100%;
    background-image: url(/resources/button/normalside.png), url(/resources/button/normalmid.png);
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
    background-size: 100% 100%, 72% 100%;
    background-color: rgba(0,0,0,.3);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: all 250ms ease;
    cursor: pointer;
}

.asujwaGTGg{
    width: 60px;
    height: 60px;
    background-image: url(/resources/button/description.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 10px;
    border-radius: 50%;
    cursor: pointer;
}

.manyyearshaspassed{
    transition: all 250ms ease;
}

.manyyearshaspassed:active{
    filter: brightness(.75);
}

.particular_closebwrap{
    right: 0;
    position: absolute;
    width: var(--pkgo-top-view-height);
    height: var(--pkgo-top-view-height);
}

#vote_right_now, #evote_right_now{
    position: absolute;
    bottom: 60px;
    border-radius: 6px;
    color: white;
    cursor: pointer;
    pointer-events: all;
}

#vote_right_now.imhere, #evote_right_now.imhere{
    animation: imhere 500ms ease forwards;
}

@keyframes imhere{
    0%{bottom: -56px;}
    60%{bottom: 80px;}
    100%{bottom: 60px;}
}

#vote_right_now.imbye, #evote_right_now.imbye{
    animation: imbye 500ms ease forwards;
}

@keyframes imbye{
    0%{bottom: 60px;}
    20%{bottom: 80px;}
    100%{bottom: -56px;}
}

.particular_closebwrap{
    background-image: url(/resources/button/return.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: var(--pkgo-top-view-height);
    cursor: pointer;
    transform: scale(.85);
}

#go_to_ranking{
    background-image: url(/resources/top-view/ranking.png);
    transform: scale(2);
    top: -4px;
    right: 4px;
}

#go_to_ranking:active{
    transform: scale(1.85);
}

.particular_closebwrap:active{
    transform: scale(.8);
}

.GGId{
    transition:all 200ms ease;
    border-radius: 8px;
    overflow: visible;
    justify-content: space-between;
}

.GGId:active{
    transform: scale(.97);
    filter: brightness(75%);
}

.GGId.imselected{
    background-color: #555555;
}

.eventnodew{
    width: 200px;
    height: 200px;
    color: white;
    position: relative;
    cursor: pointer;
    transition: all 250ms ease;
}

.eventnodew > span{
    position: absolute;
    font-weight: bold;
    font-size: 20px;
    z-index: 99;
}

.eventnodew > div{
    width: 100%;
    height: 100%;
    position: absolute;
}

.eventnodew:active{
    filter: brightness(.75);
    transform: scale(.95);
}

.eventnodew > .cr1{
    border-radius: 49% 51% 72% 28% / 74% 30% 70% 26%;
    background-color: rgba(255, 179, 39, .5);
}

.eventnodew > .cr2{
    border-radius: 50% 50% 44% 56% / 42% 74% 26% 58%;
    background-color: rgba(97, 39, 255, 0.5);
}

.eventnodew > .cr3{
    border-radius: 76% 24% 76% 24% / 42% 26% 74% 58%;
    background-color: rgba(0, 255, 149, 0.5);
}

.cf1{
    animation: cf_1 linear infinite 8s;
    z-index: 1;
}

.cf2{
    animation: cf_2 linear infinite 5s;
    z-index: 2;
}

.cf3{
    animation: cf_1 linear infinite 7s;
    z-index: 3;
}

@keyframes cf_1{
    to{transform: rotate(360deg);}
}

@keyframes cf_2{
    to{transform: rotate(-360deg);}
}

.auyISHG{
    top: calc(var(--pkgo-screen-height)/4);
    left: 50vw;
}

.auyISHaWG{
    top: calc(var(--pkgo-screen-height)*3/5);
    left: 25vw;
}

.auyISHAHGG{
    top: calc(var(--pkgo-screen-height)*3/4);
    right: 25vw;
}

.atw > div{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

.eventnodew{
    position: absolute;
}

.XYId{
    color: white;
    height: 80px;
    padding: 10px;
    overflow: visible;
    position: relative;
}

#godric_manager, #godric_manager_pre{
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

#godric_manager_pre{
    display: block;
}

.godric-father{
    transition: all 150ms ease;
    cursor: pointer;
    border-radius: 8px;
}

.godric-father:active{
    filter: brightness(.75);
    transform: scale(.97);
}

.AUhbagiiv{
    /* careful */
    overflow: visible;
}

.godric-father.imnihher{
    background-color: #555555;
}

.drinkings{
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

.drinking, .eventing{
    height: fit-content;
    border-bottom: solid rgb(146 112 171 / 50%) 1px;
    margin: 10px;
    color: white;
}

.iconesium{
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.iconesium > img{
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.drink-real, .event-real{
    height: calc(200px - (50px + 10px));
    width: 100%;
    overflow-x: scroll;
    display: flex;
    overscroll-behavior-x: none;
}

.drink-real > img{
    height: 100%;
    border-radius: 8px;
    margin-right: 10px;
    cursor: pointer;
}

.something-play.ihateky{
    background-color: #060606;
    filter: invert(100%);
}

.something-play.ihateky:active{
    filter: invert(100%) brightness(.75);
}

.GGId::before{
    content: "";
    position: absolute;
    width: calc(100% - 16px);
    border-bottom: solid rgb(146 112 171 / 50%) 1px;
    height: 100%;
}

.GGId.imcurrentleader::after{
    content: "";
    position: absolute;
    right: 0;
    height: 100%;
    width: 80px;
    background-image: url(/resources/svg/success.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
}

.XYId::before{
    content: "";
    position: absolute;
    width: calc(100% - 16px);
    border-bottom: solid rgb(146 112 171 / 50%) 1px;
    height: 100%;
    bottom: 0;
}

.godric-father.imcurrentvold > .XYId::after{
    content: "";
    position: absolute;
    right: 10px;
    height: 80px;
    width: 80px;
    top: 10px;
    background-image: url(/resources/svg/success.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
}

#greatfrishmountain{
    background-position: center;
    background-image: url(/resources/img/intergrow.png);
    background-size: 100%;
    width: 120px;
    height: 120px;
    z-index: 999999;
}

#greatfrishmountain.Gdash{
    animation: shrinkkkkk 400ms ease forwards;
}

@keyframes shrinkkkkk{
    from{transform: scale(1);}
    to{transform: scale(0);}
}

.Hdash{
    animation-delay: 0;
    animation: swelllll 250ms ease forwards;
}

@keyframes swelllll{
    from{
        /**
         * on a square (n:n) -> R:r = 2^(1/2):1
         */
        width: calc(1.42*max(var(--window-width), var(--window-height)));
        height: calc(1.42*max(var(--window-width), var(--window-height)));
    }
    to{ width: 0; height: 0; }
}

.Jdash{
    animation: shrinkKKKk ease forwards 250ms;
}

@keyframes shrinkKKKk{
    from{transform: scale(0);}
    to{transform: scale(1);}
}

.Fdash{
    animation: slapper ease forwards 1.25s;
}

@keyframes slapper{
    from{opacity: 0;}
    15%{opacity: 0;}
    to{opacity: 1;}
}

#greatblink{
    color: white;
    font-weight: bold;
    font-size: 125%;
    z-index: 999999;
    margin-top: 10px;
}

@keyframes clapper{
    from{opacity: 0;}
    85%{opacity: 0;}
    to{opacity: 1;}
}

.Ndash{
    animation: clapper ease forwards 1.3s;
}

.Bdash{
    animation: wlapper ease forwards 250ms;
}

@keyframes wlapper{
    from{opacity: 1;}
    to{opacity: 0;}
}

.koukokuzyamayanen{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    max-width: 650px;
}

.expressionw{
    overflow-y: scroll;
    overscroll-behavior: none;
}

.showcase{
    width: var(--kdiwidth);
    max-width: 325px;
    height: fit-content;
}

.expressionw::-webkit-scrollbar{
    display: none;
}

.takukiraima{
    height: calc(100% - 150px);
    display: flex;
    justify-content: center;
}

.nicekoukoku{
    height: 150px;
}

#notreadyw{
    color: white;
    align-items: flex-start;
}

.shishijibtn{
    width: fit-content;
    height: fit-content;
}

.diauHOkjkjsa, .uoihgfaSJD{
    display: flex;
}

.gjaiuags{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}

.execil, .euahcn{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - var(--myheight));
    height: 100%;
    flex-flow: column;
    --childwidth: 90%;
}

.smallerp{
    font-size: 80%;
}

.euahcn{
    width: 100%;
}

.plopper{
    animation: plotter 500ms linear forwards;
    transition: all 500ms ease;
    pointer-events: none;
}

.uoihgfaSJD{
    transition: all 250ms ease;
}

.uoihgfaSJD:active{
    filter: brightness(75%);
}

@keyframes plotter{
    from {transform: scale(1);opacity: 1;}
    99%{display: block;}
    to{transform: scale(1.15);opacity: 0;display: none;}
}

.cureft{
    width: var(--childwidth);
}

.stampprogress{
    width: var(--childwidth);
    height: 12px;
    background-color: rgb(196, 196, 196);
    border-radius: 6px;
    position: relative;
}

.stampprogress > span{
    display: block;
    background-color: rgb(118, 41, 219);
    height: 100%;
    width: 0;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.execij{
    width: var(--myheight);
    height: var(--myheight);
}

.execij > span{
    width: 80%;
    height: 80%;
    background-color: #ffc400da;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.stampprogress > div{
    color: rgb(118, 41, 219);
    position: absolute;
    display: block;
}

#uihodanBN{
    width: 100vw;
    height: 220px;
    overflow-x: scroll;
    display: flex;
    align-items: flex-start;
}

.missionprogress{
    width: calc((50000 / 1000) * 35px);
    height: 16px;
    background-color: rgb(151, 151, 151);
    margin: 0 20px 0 20px;
    border-radius: 8px;
    position: relative;
    margin-bottom: 40px;
}

#mspgassistant{
    width: 100%;
    position: absolute;
    height: 100%;
    display: flex;
}

b-j{
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--shishiji-color);
    margin-left: 34px;
    position: relative;
    z-index: 11;
}

.hbga{
    position: absolute;
    color: white;
    top: 0;
}

.aiuhs > img{
    width: 60px;
    height: 60px;
    position: absolute;
    top: 10px;
}

.aiuhs > p{
    font-weight: bold;
    position: absolute;
    display: block;
    top: 62px;
    width: 150px;
    font-size: 75%;
    text-align: center;
}

b-j > span{
    color: rgba(255, 255, 255, 0.829);
    position: absolute;
    bottom: 20px;
    left: -20px;
}

b-j:last-of-type{
    background-color: transparent;
}

#mission_progress{
    margin-top: 50px;
}

#mission_progress_bar{
    position: absolute;
    display: block;
    height: 100%;
    z-index: 2;
    background-color: #FFC400;
    border-radius: 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    display: flex;
    justify-content: flex-end;
}

#smartestppl{
    color: #e0c97c;
    position: absolute;
    display: block;
    bottom: 37px;
    right: -30px;
}

.ranking_person{
    background-color: #ffffff;
    max-width: 400px;
    width: 80vw;
    min-height: 40px;
    max-height: 40px;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.iubagvg{
    position: relative;
    width: 100%;
    height: 60px;
    z-index: 98;
}

.Xaiuojfgjsd{
    display: flex;
    justify-content: center;
}

.hbSDBs{
    flex-flow: column;
    align-items: center;
    justify-content: flex-start;
    height: calc(100% - 220px);
}

.hbSDBs.gaius{
    height: calc(100% - 60px);
}

.ranking_person{
    padding: 0 10px 0 0;
    border-radius: 8px;
    margin-bottom: 4px;
}

.reavhs{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 4px;
}

.reavhs > div{
    border-radius: 50%;
    height: 32px;
    width: 32px;
    pointer-events: none;
    background-image: url(/resources/img/default_user_icon.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 4px;
    position: relative;
    border: #ffffff solid 1px;
}

.reavhs > h2{
    width: 40px;
}

.giuja{
    font-size: 32px;
    color: #FFA000;
}

.giujaR{
    font-size: 28px;
    color: #78909C;
}

.giujfR{
    font-size: 24px;
    color: #BF360C;
}

b-i{
    width: 40px;
    font-size: 20px;
}

.ahugihdb{
    height: 160px;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;   
}

h-j, r-j, l-j, a-j{
    min-height: 120px;
    max-height: 120px;
    width: 1px;
}

r-j{
    min-height: 60px;
    max-height: 60px;
}

l-j{
    min-height: 30px;
    max-height: 30px;
}

a-j{
    min-height: 45px;
    max-height: 45px;
}

.tasf{
    margin-top: 20px;
    width: 170px;
    height: 50px;
    color: #ffffff;
}

.usahbas{
    position: absolute;
    bottom: -4px;
    right: -4px;
    border-radius: 50%;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}

.asUHAVna{
    width: 140px;
}

#hniagsh98{
    height: 150px;
    pointer-events: none;
}

.oaguhsT{
    background-color: #fff1b2;
}

.h4eADFS{
    background-color: #c1c9ee;
}

.gAJISW3{
    background-color: #eec0c0;
}

.afsiuhaW{
    flex-flow: column;
    position: relative;
}

.gasiokaA{
    width: calc(var(--pkgo-screen-height) / 2);
    height: calc(var(--pkgo-screen-height) / 2);
    transition: all 250ms ease;
    cursor: pointer;
    color: white;
    flex-flow: column;
}

.gasiokaA:active{
    filter: brightness(80%);
    transform: scale(95%);
}

.agiusaVM{
    width: 200px;
    height: 200px;
    margin-bottom: 20px;
}

#iafuhsy{
    position: absolute;
    color: white;
    top: 10px;
}

.hugaop{
    background-color: #A5D6A7;
}

shishiji-fking-advertisement{
    position: absolute;
    top: 0;
    left: 50vw;
    overflow: visible;
    height: 80px;
    z-index: 1999;
}

#adv-wrapper{
    position: absolute;
    height: 80px;
    width: 100vw;
    display: flex;
    justify-content: center;
    cursor: pointer;
}

#funny-closer{
    width: 40px;
    height: 40px;
    transition-property: transform, filter;
    transition-duration: 250ms;
    transition-timing-function: ease;
}

#funny-closer:active{
    transform: scale(85%);
    filter: brightness(90%);
}

#adv-wrapper > #top-advertisement-img{
    height: 80px;
    cursor: default;
}

@media only screen and (max-width: 360px){
    #adv-wrapper > #top-advertisement-img{
        width: calc(100vw);
        height: 25vw;
    }
    #funny-closer{
        position: absolute;
        left: calc(100vw - 40px);
    }
}

shishiji-pt-claimer{
    position: absolute;
    top: 100px;
    right: 0;
    width: 160px;
    overflow-x: hidden;
    overflow-y: visible;
    z-index: 3045;
    --our-width: 130px;
    --our-height: 30px;
    display: flex;
    align-items: flex-end;
    flex-flow: column;
    pointer-events: none;
}

.aOBvjw{
    width: var(--our-width);
    height: var(--our-height);
    background-color: #243444;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    box-shadow: 1px -1px #ffffff,
        1px 1px #ffffff,
        0 0 0.1em #ffffff, 0 0 0.1em #ffffff inset,
        0 0 0.5em #ffffff, 0 0 0 #ffffff inset,
        0 0 1em #ffffff, 0 0 1em #ffffff;
    overflow-x: hidden;
    overflow-y: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 8px;
}

.aOBvjw{
    animation: oblie 500ms ease forwards;
}

@keyframes oblie{
    from{
        width: 0;
    }
    to{
        width: var(--our-width);
    }
}

.uihagod{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 170px;
    height: 44px;
    overflow: hidden;
}

.haveaniceday{
    animation: obliew 500ms ease forwards;
}

@keyframes obliew{
    from{
        width: 120px;
        height: 40px;
    }
    to{
        width: 0;
        height: 0;
    }
}

.aOBvjw > p{
    color: white;
    width: 100%;
}

.now_playing_event{
    background-color: #9fa8daa1;
}

.LXId{
    height: 100px;
    width: 100%;
    position: relative;
    border-bottom: solid rgb(146 112 171 / 50%) 1px;
    display: flex;
    justify-content: center;
    cursor: default;
    height: 0;
    overflow: hidden;
}

.uhbAJw{
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: calc((100vw - 40px) / 4);
}

@media only screen and (min-width: 440px){
    .uhbAJw{
        background-repeat: no-repeat;
        background-size: 100%;
        width: 400px;
        height: 100px;
    }
}

.haVUn{
    position: absolute;
    top: -4px;
    left: -4px;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    border: solid white 2px;
}

.haVUn.n1{
    background-color: #9CCC65;
}

.haVUn.n2{
    background-color: #FBC02D;
}

.haVUn.n3{
    background-color: #B71C1C;
}

.haVUn.n0{
    background-color: black;
}

.IcoNium{
    position: relative;
    overflow: visible;
}

.ABId{
    overflow: visible;
}

.uihGAV{
    filter: brightness(70%);
}

.uihGAV:active{
    filter: brightness(60%);
}

menu-notifier{
    position: absolute;
    border-radius: 50%;
    background-color: #EF5350;
    width: 12px;
    height: 12px;
    top: 17px;
    right: 16px;
    pointer-events: none;
}

.afIOUW{
    width: 100%;
}

.awWg{
    color: white;
    padding: 8px 0 4px 8px;
    width: fit-content;
}

.av8YWTg{
    border: solid #bbdb96 4px;
}

.auiwB{
    height: 45%;
    position: absolute;
    top: 6px;
}

.agawt{
    flex-flow: column;
    position: relative;
}

.agawt > p{
    position: absolute;
    text-align: center;
    font-size: 12px;
    font-weight: bolder;
    bottom: 2px;
    width: 110px;
    right: 0;
}

#fav_search{
    position: absolute;
    right: 75px;
}

#famevote_favorite{
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#fav_search > span, #famevote_favorite > span{
    position: absolute;
}

#godric_manager_pre{
    padding: 0 14px 0 14px;
    width: calc(100% - 28px);
}

.asboki{
    color: white;
}

.event_scheduler_element{
    width: 100%;
    height: fit-content;
    display: flex;
    border-top: solid rgb(146 112 171 / 50%) 1px;
    padding: 14px 0 14px 0;
}

.misc_venue{
    width: 100%;
    height: 50%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    color: white;
}

.OAImv{
    display: flex;
    flex-flow: column;
}

.misc_venue_w{
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    transition: all 250ms ease;
    cursor: pointer;
}

.misc_venue_w:active{
    transform: scale(95%);
    filter: brightness(75%);
}

.misc_venue_w > img{
    width: 180px;
}

.scheduler_time_details{
    width: 114px;
    padding: 6px;
    padding-left: 0;
    font-weight: bold;
    display: flex;
    font-size: 90%;
    flex-flow: column;
}

.delayspan_, .delayspant_{
    font-size: 70%;
    color: #E53935;
    margin-left: 20px;
}

#asdfyuhigosUIJHOFSiuh{
    text-align: center;
}

.aviaTa{
    text-decoration: line-through;
    text-decoration-thickness: 2px;
    text-decoration-color: red;
    opacity: 0.8;
}

.iuahT{
    font-size: 150%;
}

.schedular_main_details{
    width: calc(100% - 120px);
    display: flex;
    flex-flow: column;
}

.AVKT{
    margin-top: 4px;
    font-size: 90%;
}

.taC{
    display: flex;
    align-items: center;
}

.Oiniums{
    width: 30px;
    height: 30px;
    margin-right: 6px;
}

.past_event{
    opacity: 0.5;
}

.mucdivl{
    width: 100%;
    background-color: rgba(255, 255, 255, 0.411);
    margin-top: 4px;
    margin-bottom: 4px;
    border: none;
    height: 1px;
}

.evmusics{
    font-size: 90%;
}

.ASKJmAH{
    display: flex;
    align-items: center;
    color: white;
}

#asduihW{
    margin-bottom: 10px;
}

.aSIBNUWW{
    display: inline-flex;
    align-items: center;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    justify-content: center;
    flex-flow: column;
}

.aSIBNUWW::after{
    position: absolute;
    right: 15px;
    width: 10px;
    height: 7px;
    margin-top: 15px;
    background-color: #535353;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
    pointer-events: none;
}

.ASKJmAH{
    flex-flow: column;
    overflow-y: scroll;
}

.saciojW{
    width: 120px;
}

.aSIBNUWW select{
    appearance: none;
    min-width: 230px;
    height: fit-content;
    padding: .4em calc(.8em + 30px) .4em .8em;
    border: none;
    border-radius: 3px;
    box-shadow: 0 4px 4px rgb(0 0 0 / 2%), 0 2px 3px -2px rgba(0 0 0 / 5%);
    background-color: #fff;
    color: #333333;
    font-size: 1em;
    cursor: pointer;
}

.saBVwW{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    color: white;
}

.saBVwW{
    margin-bottom: 20px;
}

.saBVwW:first-of-type{
    margin-bottom: 40px;
}

.AmaUng{
    overflow-y: scroll;
    display: flex;
    flex-flow: column;
    width: 100%;
    height: 100%;
    align-items: center;
    position: relative;
}

.iuhagW{
    position: absolute;
    top: calc(50dvh - 100px - 12px);
    color: white;
    font-size: 85%;
    max-width: calc(100vw - 100px);
    text-align: center;
}

#famevote_favorite > span{
    position: relative;
}

.faui{
    background-color: #FFEB3B;
}

#aiUHGG{
    padding-right: 8px;
    cursor: pointer;
}

.topAGHAS{
    transform-origin: top;
    transform: scale(1.1);
}

.AWFAW{
    margin-top: 24px;
    color: white;
    text-align: center;
}

.bottomgASDa{
    transform-origin: bottom;
    transform: scale(1.1);
}

#ticket_component{
    overflow-x: hidden;
}

.ticketman{
    width: calc(100vw - 28px);
    height: fit-content;
    border-bottom: solid rgb(146 112 171 / 50%) 1px;
    display: flex;
    margin: 0 14px 0 14px;
    --ourhouse: calc(100vw - 28px):
}

.sauaA{
    width: calc(max(100% - 260px, 75%));
    max-width: 450px;
}

.agiuW{
    width: 100%;
}

.asIgW{
    width: calc(
        100% - min(450px, min(100% - 260px, 75%)));
    color: white;
    padding: 8px;
}

@media only screen and (max-width: 500px){
    .ticketman{
        flex-flow: column;
    }
    .sauaA{
        width: 100%;
    }
    .asIgW{
        width: calc(100% - 16px);
    }
}

.uihsadW{
    background-color: #9fa8daa1;
}

.AWtv{
    margin-top: 6px;
}

#uSAYOHnnh{
    padding-top: 
        calc(50dvh - 100px - min(calc(100vw - 60px), 380px) / 2);
    
}

.diusahG{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.diusahG > div:first-of-type{
    margin-right: 6px;
}

.saioguW{
    color: #E53935;
}

.showcase > img{
    width: 100%;
}

.delayspant_{
    color: #43A047;
}

.hennano{
    z-index: 1000;
    cursor: default;
    pointer-events: none;
    --anim: cubic-bezier(0,1.28,.82,.72);
    --anim-durtion: 1s;
}

.hennano > div{
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
}

.hennano > div::before{
    content: "";
    position: absolute;
    border-radius: 50%;
    border: 2px solid #4a9cfa;
    box-shadow: inset 0 0 24px rgba(59, 130, 246, 0.6);
    animation: hennano_outer var(--anim)  var(--anim-durtion);
    opacity: 0;
}

@keyframes hennano_outer{
    0%{
        opacity: 0;
        min-width: 88px;
        min-height: 88px;
        background-color: #4a9cfa00;
    }
    30%{
        opacity: 0.9;
    }
    49%{
        background-color: #4a9cfa69;
    }
    50%{
        min-width: 44px;
        min-height: 44px;
        background-color: #4a9cfa;
        opacity: 1;
    }
    60%{
        min-width: 38px;
        min-height: 38px;
    }
    100%{
        min-width: 50px;
        min-height: 50px;
        opacity: 0;
    }
}

.hennano > div::after{
    content: "";
    position: absolute;
    min-width: 24px;
    min-height: 24px;
    border-radius: 50%;
    border: 2px solid #4a9cfa;
    box-shadow: inset 0 0 24px rgba(59, 130, 246, 0.6);
    animation: hennano_inner var(--anim) var(--anim-durtion);
    opacity: 0;
}

@keyframes hennano_inner{
    0%{
        opacity: 0;
        min-width: 68px;
        min-height: 68px;
    }
    30%{
        opacity: 0.9;
    }
    49%{
        background-color: #00000000;
        border-color: #4a9cfa;
        box-shadow: inset 0 0 24px rgba(59, 130, 246, 0.6);
    }
    50%{
        opacity: 1;
        min-width: 22px;
        min-height: 22px;
        background-color: #e0ffff;
        border-color: #e0ffff;
        box-shadow: none;
    }
    75%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        border-color: #e0ffff;
        background-color: #e0ffff;
        box-shadow: none;
    }
}

.oth-btn{
    height: 50px;
    color: white;
    justify-content: end;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10;
    opacity: 0;
    cursor: pointer;
    pointer-events: none;
}

#announcements-btn{
    top: 50px;
}

.oth-btn.oth-menu-open{
    animation: aSUAIs var(--shishiji-pkgo-menu-open-durtion) linear forwards;
    pointer-events: all;
}

.oth-btn.oth-menu-close{
    animation: aSUaAIs_ var(--shishiji-pkgo-menu-close-durtion) linear forwards;
}

@keyframes aSUaAIs_ {
    0%{
        opacity: 1;
        pointer-events: all;
    }
    99%{ pointer-events: all; }
    100%{
        opacity: 0;
        pointer-events: none;
    }
}

.oth-btn > span{
    margin-right: 14px;
    font-size: 75%;
}

.oth-btn-icon{
    width: 34px;
    height: 34px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-right: 8px;
}

#settings-btn-icon{
    background-image: url(/resources/button/settings.png);
}

#announcements-btn-icon{
    background-image: url(/resources/button/announcements.png);
}

.PSOjnv{
    color: white;
    font-weight: bold;
    margin: 20px;
}

.settings-container, .announcements-container{
    width: var(--window-width);
    flex-direction: column;
    gap: 30px;
}

.settings-box-element, .announcements-box-element{
    width: calc(100% - 24px);
    background-color: white;
    border-radius: 5px;
    position: relative;
}

.setting-element{
    padding-left: 14px;
    padding-right: 14px;
    justify-content: space-between;
    height: 70px;
}

.announcement-element{
    padding: 14px;
    min-height: 70px;
    height: fit-content;
}

.vol-setting{
    --vs-accent: #a9d98f;
    --vs-track: #b9b9be;
    --vs-tick: #a4a4a9;
    --vs-thumb-border: #c4c7cc;
    --vs-btn-from: #8fd97f;
    --vs-btn-to: #5cc4a6;
    display: flex;
    align-items: center;
    gap: 24px;
    box-sizing: border-box;
    pointer-events: all;
}

.vol-setting .vol-slider{
    --value: 50;
    --ticks: 10;
    position: relative;
    flex: 1;
    height: 32px;
    display: flex;
    align-items: center;
    width: var(--window-half-width);
}

.vol-setting .vol-slider input[type="range"]{
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 28px;
    margin: 0;
    background: transparent;
    cursor: pointer;
}

.vol-setting .vol-slider input[type="range"]::-webkit-slider-runnable-track{
    height: 6px;
    border-radius: 3px;
    background:
      linear-gradient(to right, var(--vs-accent) 0 calc(var(--value) * 1%), transparent calc(var(--value) * 1%)),
      repeating-linear-gradient(to right,
        transparent 0, transparent calc(100% / var(--ticks) - 2px),
        var(--vs-tick) calc(100% / var(--ticks) - 2px), var(--vs-tick) calc(100% / var(--ticks))),
      var(--vs-track);
}

.vol-setting .vol-slider input[type="range"]::-moz-range-track{
    height: 14px;
    border-radius: 7px;
    background:
      linear-gradient(to right, var(--vs-accent) 0 calc(var(--value) * 1%), transparent calc(var(--value) * 1%)),
      repeating-linear-gradient(to right,
        transparent 0, transparent calc(100% / var(--ticks) - 2px),
        var(--vs-tick) calc(100% / var(--ticks) - 2px), var(--vs-tick) calc(100% / var(--ticks))),
      var(--vs-track);
}

.vol-setting .vol-slider input[type="range"]::-webkit-slider-thumb{
    -webkit-appearance: none;
    appearance: none;
    width: 12px;
    height: 28px;
    margin-top: -11px;
    border-radius: 11px;
    background: #fff;
    border: 3px solid var(--vs-thumb-border);
    box-sizing: border-box;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
}

.vol-setting .vol-slider input[type="range"]::-moz-range-thumb{
    width: 22px;
    height: 44px;
    border-radius: 11px;
    background: #fff;
    border: 3px solid var(--vs-thumb-border);
    box-sizing: border-box;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
}

.vol-setting .vol-slider input[type="range"]:focus-visible{
    outline: 2px solid var(--vs-btn-to);
    outline-offset: 6px;
    border-radius: 8px;
}

.vol-setting .mute-btn{
    width: 30px;
    height: 30px;
    flex: none;
    border: none;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--vs-btn-from), var(--vs-btn-to));
    display: grid;
    place-items: center;
    cursor: pointer;
    padding: 0;
}

.vol-setting .mute-btn svg{
    width: 26px; height: 26px; fill: #fff;
}

.vol-setting .mute-btn .waves{
    transition: opacity .15s;
}

.vol-setting .mute-btn.muted .waves{
    opacity: 0;
}

.pkgo-confirm-btn{
    background: linear-gradient(90deg, #b3da98 0%, #8fd5a6 50%, #66c8b0 100%);
    color: #ffffff;
    border: none;
    border-radius: 9999px;
    padding: 12px 0;
    width: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.1em;
    transform-origin: center;
    cursor: pointer;
    transition: all 250ms ease;
}

.AWDhusaubaa{
    color: black;
}

.pkgo-confirm-btn:hover{
    color: #C62828;
}

.pkgo-confirm-btn:active{
    filter: brightness(.7);
}

.announced-date{
    position: absolute;
    right: 3px;
    bottom: 1px;
    font-size: 12px;
    color: gray;
}