@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-battle-style+.footer{display:none}.card-battle-style{padding:1rem 1rem 9rem;background:linear-gradient(192.05deg,#171516,#2b2e35 48.5%,#130e12)}.card-battle-style .game-base-section .ttl{font-size:1.2rem;font-weight:700;font-feature-settings:"palt";color:var(--txt-color);text-align:left}.card-battle-style .game-base-section .txt{font-size:1rem;color:var(--txt-color)}.card-battle-style .past-streamings{display:flex;gap:1rem;align-items:center;padding-bottom:.2rem;margin:1rem 0 3rem;overflow-x:auto}.card-battle-style .past-streamings .thumbnail{position:relative;flex-shrink:0;width:10%;aspect-ratio:16/9;overflow:hidden;border-radius:.3rem;box-shadow:0 0 .2rem #ffffffb3;transition:.2s}.card-battle-style .past-streamings .thumbnail:hover{box-shadow:0 0 .3rem #ffffffe6;opacity:.6}.card-battle-style .past-streamings .thumbnail:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";transition:.2s}.card-battle-style .past-streamings .thumbnail>img{width:100%;height:100%;object-fit:cover}.card-battle-style .past-streamings .thumbnail.new{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1rem;font-weight:700;text-align:center;border:.1rem solid var(--txt-color)}.card-battle-style .past-streamings .thumbnail.new .icon{width:2rem;aspect-ratio:1/1}.card-battle-style .past-streamings .thumbnail.current{border:.1rem solid var(--yellow-normal)}.card-battle-style .past-streamings .thumbnail.current:after{background:linear-gradient(180deg,#fff73e00,#fff73e66 29.5%,#fff73e);opacity:.6}.card-battle-style .section-bottom-area{position:fixed;bottom:0;left:0;display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:center;width:100%;height:9rem;padding:1rem 1rem 2rem;background:linear-gradient(180deg,#0d0d0d00,#0d0d0dcc 29.5%,#0d0d0d)}.card-battle-style .section-bottom-area .buttons{display:flex;gap:1rem;align-items:center}.card-battle-style .section-bottom-area .buttons .default-button{word-break:auto-phrase}@media screen and (max-width: 767px){.card-battle-style .section-bottom-area .buttons .default-button{align-self:stretch;width:calc((100% - 1rem)/2);padding:.5rem}}.card-battle-style .bottom-modal{position:fixed;top:0;left:0;z-index:var(--z-over-wrap);width:100%;height:100dvh;visibility:hidden;opacity:0;transition:.2s ease-in-out}.card-battle-style .bottom-modal.open{visibility:visible;opacity:1}.card-battle-style .bottom-modal.open .modal-body{bottom:0}.card-battle-style .bottom-modal .overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem)}.card-battle-style .bottom-modal .modal-body{position:fixed;bottom:-100%;left:0;width:100%;padding:2rem 1rem;background:var(--bg-primary);border-radius:2rem 2rem 0 0;box-shadow:0 -.3rem 1rem #fff3;transition:.2s ease-in-out}.card-battle-style .bottom-modal .modal-body .confirm-box{display:flex;gap:.5rem;align-items:center;width:100%;padding:1rem;margin-top:.5rem;background:#fff73e1a;border-radius:.2rem}.card-battle-style .bottom-modal .modal-body .confirm-box .txt{font-size:.9rem;font-weight:700;font-feature-settings:"palt";color:var(--yellow-normal)}.card-battle-style .bottom-modal .modal-body .confirm-box .icon{font-size:1.5rem;color:var(--yellow-normal);text-box:trim-both cap alphabetic}.card-battle-style .bottom-modal .modal-body .input{width:100%;padding:.8rem 1rem;font-size:1rem;font-feature-settings:"palt";color:var(--txt-color);background:var(--bg-primary);border:.1rem solid var(--black-line);border-radius:.3rem}.card-battle-style .bottom-modal .modal-body .actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}