@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;--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)}.card-preview-modal .card{display:flex;gap:.5rem;width:100%;overflow-y:auto}@media screen and (max-width: 767px){.card-preview-modal .card{flex-direction:column}}.card-preview-modal .card .image{aspect-ratio:1/1;width:40%;flex-shrink:0;align-self:flex-start}@media screen and (max-width: 767px){.card-preview-modal .card .image{width:100%}}.card-preview-modal .card .image .glb-preview-container{width:100%!important;height:100%!important;overflow:hidden;background:var(--bg-secondary)}.card-preview-modal .card .image .glb-preview-container .glb-box{width:100%!important;height:100%!important;position:relative;overflow:hidden}.card-preview-modal .card .image .glb-preview-container .glb-box canvas{width:100%!important;height:100%!important;aspect-ratio:1/1;position:absolute;top:0;left:0}.card-preview-modal .card .detail{width:100%;padding:2rem 1rem 6rem;overflow-y:auto}@media screen and (max-width: 767px){.card-preview-modal .card .detail{overflow-y:unset}}.card-preview-modal .card .detail .small-txt{font-size:.8rem;font-feature-settings:"palt"}.card-preview-modal .card .detail .card-name{font-size:1.4rem;font-weight:700;font-feature-settings:"palt";color:var(--yellow-normal)}@media screen and (max-width: 767px){.card-preview-modal .card .detail .card-name{font-size:1.2rem;text-align:center}}.card-preview-modal .card .detail .description{padding:1rem;line-height:2.2;word-break:break-all;background:var(--bg-secondary);border:.1rem solid var(--black-line);border-radius:.3rem}.card-preview-modal .card .detail .quantity{display:flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:1rem;font-feature-settings:"palt";color:var(--txt-color);border-radius:var(--radius-full);padding:.5rem 1rem;background:var(--bg-secondary);border:.1rem solid var(--black-line)}.card-preview-modal .card .detail .quantity .icon{width:2rem;height:2rem;aspect-ratio:1/1;overflow:hidden;background:transparent no-repeat center/contain;border-radius:50%}.card-preview-modal .card .detail .quantity .icon>img{width:100%;height:100%;object-fit:cover}.card-preview-modal .card .detail .characters{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.card-preview-modal .card .detail .characters .character{display:flex;align-items:center;padding:.2rem 1rem .2rem .2rem;background:var(--bg-secondary);border:.1rem solid var(--black-line);border-radius:var(--radius-full);transition:.2s}.card-preview-modal .card .detail .characters .character:hover{background:var(--bg-primary);border-color:var(--yellow-normal);box-shadow:0 0 .5rem #ffffff80}.card-preview-modal .card .detail .characters .character .icon{flex-shrink:0;width:2rem;height:2rem;aspect-ratio:1/1;overflow:hidden;background:var(--bg-primary);border:.1rem solid var(--black-line);border-radius:50%}.card-preview-modal .card .detail .characters .character .icon>img{width:100%;height:100%;object-fit:cover}.card-preview-modal .card .detail .characters .character .name{padding-left:.5rem;font-size:.8rem;font-feature-settings:"palt"}.card-preview-modal .card .detail .vitems{display:flex;flex-wrap:wrap;gap:1rem}.card-preview-modal .card .detail .vitems .vitem{flex-shrink:0;width:calc((100% - 5rem) / 6);background:var(--bg-secondary);border:.1rem solid var(--black-line);border-radius:.3rem;transition:.2s}.card-preview-modal .card .detail .vitems .vitem:hover{background:var(--bg-secondary);border-color:var(--yellow-normal);box-shadow:0 0 .5rem #ffffff80}@media screen and (max-width: 767px){.card-preview-modal .card .detail .vitems .vitem{width:calc((100% - 2rem) / 3)}}.card-preview-modal .card .detail .vitems .vitem .icon{width:100%;aspect-ratio:1/1;overflow:hidden}.card-preview-modal .card .detail .vitems .vitem .icon>img{width:100%;height:100%;object-fit:cover}.card-preview-modal .card .detail .vitems .vitem .name{padding:1rem .5rem;font-size:.8rem;font-feature-settings:"palt";text-align:center}.card-preview-modal .card .detail .label-row{display:flex;align-items:center;overflow:hidden;border:.1rem solid var(--black-line);border-radius:var(--radius-full)}.card-preview-modal .card .detail .label-row .label{display:flex;justify-content:center;align-items:center;flex-shrink:0;align-self:stretch;width:20%;padding:.3rem .5rem;font-size:1rem;font-feature-settings:"palt";line-height:2.2;text-align:center;background:var(--bg-secondary)}@media screen and (max-width: 767px){.card-preview-modal .card .detail .label-row .label{width:35%}}.card-preview-modal .card .detail .label-row .content{width:100%;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;align-self:stretch;padding:.2rem 1rem;font-feature-settings:"palt";line-height:2.2;border-left:.1rem solid var(--black-line)}.card-preview-modal .card .detail .label-row .content .icon{width:2rem;height:2rem;aspect-ratio:1/1;overflow:hidden;background:transparent no-repeat center/contain;border:.1rem solid var(--black-line);border-radius:50%}.card-preview-modal .card .detail .label-row .content .star-image{height:2rem}.card-preview-modal .card .detail .label-row .content .star-image>img{width:100%;height:100%;object-fit:contain}