@charset "UTF-8";:root{--bg-primary: #0d0d0d;--bg-secondary: #1f1f1f;--black-line: #383838;--black-weak: #494a3a;--gray: #656565;--text-secondary: #838383;--yellow-dark: #cac200;--yellow-normal: #fff73e;--yellow-light: #fff73e80;--yellow-weak: #fff73e1a;--green-dark: #2e8510;--green-normal: #68ff4f;--green-light: #3eff5d;--bage-dark: #7f7f5d;--bage-normal: #bebe92;--white: #ffffff;--red-dark: #b73e42;--red: #ff575c;--red-weak: #d77d86;--blue: #6ad4f6;--blue-dark: rgba(56, 144, 170, 1);--orange-gradient: linear-gradient(135deg, #ff6b6b, #ffa500);--txt-color: #fff;--link-color: var(--blue);--main-gradient: linear-gradient( 180deg, #ffea4f 0%, #fff73e 33.33%, #68ff4f 75%, #00e517 100% );--font: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;--font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-logo: "Righteous", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;--z-gnav: 10000001;--z-play-queue: 10000002;--z-volume: 10000003;--z-play-area: 100000000;--z-over-wrap: 1000000000000;--root_dir: "../img";--radius-full: calc(infinity * 1px)}.gnav{position:sticky;top:0;z-index:var(--z-over-wrap);display:flex;align-items:center;justify-content:space-between;height:5rem;background-color:var(--bg-secondary);transition:.2s}.gnav .left,.gnav .right{display:flex;align-items:center}.gnav .left{gap:1rem}.gnav .left .logo{width:auto;height:4rem;padding:.5rem 1rem}.gnav .right .box{display:flex;gap:1rem;margin-right:1rem}.gnav .right .box.un-loggedin>button{font-size:1rem;font-feature-settings:"palt"}.gnav .right .box.un-loggedin>button:hover{text-decoration:underline}.gnav .right .box.loggedin{position:relative;display:flex;gap:2.5rem;align-items:center}.gnav .right .box.loggedin .user{display:flex;flex-shrink:0;gap:.5rem;align-items:center;-webkit-user-select:none;user-select:none;transition:.2s}.gnav .right .box.loggedin .user:hover{opacity:.8}@media screen and (max-width: 767px){.gnav .right .box.loggedin .user{display:none}}.gnav .right .box.loggedin .user .icon{width:2.5rem;aspect-ratio:1/1;overflow:hidden;border-radius:50%}.gnav .right .box.loggedin .user .icon>img{width:100%;height:100%;object-fit:cover}.gnav .right .box.loggedin .user .name{font-size:1rem;font-feature-settings:"palt"}.gnav .right .box.loggedin .user .toggle-icon{width:.8rem;aspect-ratio:1/1;background:no-repeat center/contain;background-image:url(/images/shared/icon/arrowDownWhite.svg);transition:.5s}.gnav .right .box.loggedin .user .toggle-icon.open{transform:rotate(540deg)}.gnav .right .box.loggedin .navigation-icons{display:flex;gap:3.5rem;align-items:center}@media screen and (max-width: 767px){.gnav .right .box.loggedin .navigation-icons{gap:2.5rem}}.gnav .right .box.loggedin .navigation-icons>a,.gnav .right .box.loggedin .navigation-icons>button{display:flex;flex-direction:column;gap:.3rem;align-items:center;justify-content:center;width:1.5rem;aspect-ratio:1/1;-webkit-user-select:none;user-select:none;transition:.2s}.gnav .right .box.loggedin .navigation-icons>a .icon,.gnav .right .box.loggedin .navigation-icons>button .icon{position:relative;flex-shrink:0;width:100%}@media screen and (max-width: 767px){.gnav .right .box.loggedin .navigation-icons>a .icon,.gnav .right .box.loggedin .navigation-icons>button .icon{width:80%}}.gnav .right .box.loggedin .navigation-icons>a .icon>img,.gnav .right .box.loggedin .navigation-icons>button .icon>img{width:100%}.gnav .right .box.loggedin .navigation-icons>a .icon .number-tip,.gnav .right .box.loggedin .navigation-icons>button .icon .number-tip{position:absolute;right:-1rem;bottom:-.5rem;display:flex;align-items:center;justify-content:center;width:2rem;padding:.1rem .3rem;overflow:hidden;font-size:.8rem;font-weight:700;font-feature-settings:"palt";color:#fff;text-align:center;background-color:var(--red-dark);border-radius:var(--radius-full);transform:scale(.6);text-box:trim-both cap alphabetic}.gnav .right .box.loggedin .navigation-icons>a .label,.gnav .right .box.loggedin .navigation-icons>button .label{font-size:.7rem;font-weight:700;font-feature-settings:"palt";color:#fff;text-align:center;letter-spacing:-.0001rem;white-space:nowrap}.gnav .right .box.loggedin .navigation-icons>a:hover,.gnav .right .box.loggedin .navigation-icons>button:hover{opacity:.8}@media screen and (max-width: 767px){.gnav .right .box.loggedin .navigation-icons>a,.gnav .right .box.loggedin .navigation-icons>button{width:2rem}}.gnav .right .box.loggedin .navigation-icons .user-icon{-webkit-user-select:none;user-select:none}@media screen and (max-width: 767px){.gnav .right .box.loggedin .navigation-icons .user-icon{width:3rem}}.gnav .bottom-pop-left{position:fixed;left:2rem;bottom:2rem;display:flex;align-items:center;justify-content:flex-start;max-width:20rem;transition:.2s}@media screen and (max-width: 767px){.gnav .bottom-pop-left{left:1rem;bottom:1rem}}.gnav .bottom-pop-left .daily-gacha{width:10rem;aspect-ratio:1/1;filter:drop-shadow(0 0 .3rem rgba(0,0,0,.8));transition:.2s}.gnav .bottom-pop-left .daily-gacha>img{width:100%;height:100%;object-fit:contain}.gnav .bottom-pop-left .daily-gacha:hover{transform:scale(1.05)}@media screen and (max-width: 767px){.gnav .bottom-pop-left .daily-gacha:hover{transform:scale(1)}}.gnav .bottom-pop-left .daily-gacha.not-yet{animation:awake 5s infinite}.gnav .app-release-banner{position:fixed;right:2rem;bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:1.2rem 1.5rem;background:var(--bg-secondary);border:.1rem solid var(--black-line);border-radius:1rem;box-shadow:0 .2rem 1rem #00000080;z-index:1000}@media screen and (max-width: 767px){.gnav .app-release-banner{right:1rem;bottom:1rem;padding:1rem 1.2rem;gap:.6rem}}.gnav .app-release-banner.collapsed{padding:.8rem 1.2rem;cursor:pointer;transition:.2s;overflow:hidden}.gnav .app-release-banner.collapsed:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(110deg,transparent 0%,transparent 40%,rgba(255,255,255,.3) 50%,transparent 60%,transparent 100%);background-size:200% 100%;animation:shineMove 3s ease-in-out infinite;pointer-events:none;border-radius:inherit}.gnav .app-release-banner.collapsed:hover{opacity:.9;transform:scale(1.03)}@media screen and (max-width: 767px){.gnav .app-release-banner.collapsed:hover{transform:scale(1)}}.gnav .app-release-banner.collapsed .collapsed-text{position:relative;z-index:1;color:var(--txt-color);font-size:.9rem;font-weight:700;white-space:nowrap}@media screen and (max-width: 767px){.gnav .app-release-banner.collapsed .collapsed-text{font-size:.8rem}}@keyframes shineMove{0%{background-position:200% 0}to{background-position:-200% 0}}.gnav .app-release-banner .close-button{position:absolute;top:.5rem;right:.5rem;width:1.8rem;height:1.8rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;transition:.2s;padding:0;line-height:1}.gnav .app-release-banner .close-button:hover{color:var(--txt-color)}.gnav .app-release-banner .title{color:var(--txt-color);font-size:.9rem;font-weight:700;text-align:center;line-height:1.5;margin:0;padding-top:.5rem}@media screen and (max-width: 767px){.gnav .app-release-banner .title{font-size:.8rem}}.gnav .app-release-banner .store-buttons{display:flex;gap:.8rem;align-items:center}@media screen and (max-width: 767px){.gnav .app-release-banner .store-buttons{gap:.5rem}}.gnav .app-release-banner .store-buttons .store-link{display:block;transition:.2s}.gnav .app-release-banner .store-buttons .store-link:hover{opacity:.8;transform:scale(1.03)}@media screen and (max-width: 767px){.gnav .app-release-banner .store-buttons .store-link:hover{transform:scale(1)}}.gnav .app-release-banner .store-buttons .store-link img{height:2.5rem;width:auto}@media screen and (max-width: 767px){.gnav .app-release-banner .store-buttons .store-link img{height:2rem}}.gnav .app-release-banner .vcoin-link{color:var(--yellow-normal);font-size:.8rem;font-weight:700;text-decoration:none;transition:.2s}.gnav .app-release-banner .vcoin-link:hover{opacity:.8}@media screen and (max-width: 767px){.gnav .app-release-banner .vcoin-link{font-size:.7rem}}.gnav .create-item-button{position:fixed;top:6rem;right:0;display:flex;gap:.5rem;align-items:center;padding:.5rem 2rem .5rem 1rem;background:var(--bg-secondary);border:.1rem solid var(--black-line);border-right:none;border-top-left-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full);box-shadow:0 0 .3rem #96690000;transition:.2s}.gnav .create-item-button.bottom{top:unset;bottom:1rem}.gnav .create-item-button.dsp-none{display:none}@media screen and (max-width: 767px){.gnav .create-item-button{padding:1rem 2rem 1rem 1rem}}.gnav .create-item-button:hover{padding-right:2.5rem;background-color:var(--bg-primary);box-shadow:0 0 .5rem #966900}@media screen and (max-width: 767px){.gnav .create-item-button:hover{padding:1rem 2rem 1rem 1rem;background-color:var(--bg-secondary);box-shadow:0 0 .3rem #96690000}}.gnav .create-item-button .icon{width:1.5rem;aspect-ratio:1/1}.gnav .create-item-button .icon>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 .5rem rgb(150,105,0))}.gnav .create-item-button .txt{font-size:1rem;font-weight:700;font-feature-settings:"palt";text-shadow:0 0 .3rem rgba(150,105,0,.8)}.gnav:has(+.gnav-none-flag){position:fixed;top:-6rem;width:100%}