@charset "UTF-8";.battle-result{width:100%;max-width:767px;padding:3rem 1rem;margin:0 auto}.battle-result .result-txt{font-size:5rem;font-weight:700;font-feature-settings:"palt";text-align:center}@media screen and (max-width: 767px){.battle-result .result-txt{font-size:4rem}}.battle-result .users{display:flex;align-items:center;justify-content:center;margin-top:2rem}.battle-result .users .user{display:flex;flex-direction:column;flex-shrink:0;gap:1rem;align-items:center;width:50%;padding:0 2rem}@media screen and (max-width: 767px){.battle-result .users .user{padding:0}}.battle-result .users .user .icon{flex-shrink:0;width:25%;aspect-ratio:1/1;overflow:hidden;border-radius:50%}.battle-result .users .user .user-id{font-size:1rem;font-weight:700;font-feature-settings:"palt";color:var(--txt-color)}.battle-result .results{display:flex;flex-direction:column;gap:3rem;margin-top:4rem}.battle-result .results .result{display:flex;gap:1rem;justify-content:space-between}.battle-result .results .result .card{flex-shrink:0;width:25%}.battle-result .results .result .card.win{animation:glow 1.5s ease-in-out infinite alternate}.battle-result .results .result .card.lose{opacity:.3}@media screen and (max-width: 767px){.battle-result .results .result .card{width:20%}}.battle-result .results .result .center{display:flex;flex-direction:column;gap:1rem;align-self:center;width:100%;transform:translateY(2rem)}.battle-result .results .result .point-box{display:flex;gap:1rem;align-items:center;justify-content:center;width:100%}.battle-result .results .result .point-box .icon{flex-shrink:0;width:3rem;aspect-ratio:1/1;overflow:hidden}@media screen and (max-width: 767px){.battle-result .results .result .point-box .icon{width:2rem}}.battle-result .results .result .point-box .icon>img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.battle-result .results .result .point-box .bar{width:100%;height:.2rem;overflow:hidden;background:var(--black-line);border-radius:var(--radius-full)}.battle-result .results .result .element-box{display:flex;gap:.5rem;align-items:center;justify-content:space-between;width:60%;margin:0 auto}@media screen and (max-width: 767px){.battle-result .results .result .element-box{width:80%}}.battle-result .results .result .element-box .element{display:flex;flex-direction:column;gap:1rem;align-items:center;filter:drop-shadow(0 0 .15rem rgba(255,255,255,.5))}.battle-result .results .result .element-box .element>img{width:2rem;aspect-ratio:1/1;-o-object-fit:contain;object-fit:contain}.battle-result .results .result .element-box .element .point{font-size:.7rem;font-weight:700;font-feature-settings:"palt";white-space:nowrap}@keyframes glow{0%{filter:drop-shadow(0 0 0 transparent)}to{filter:drop-shadow(0 0 .5rem var(--yellow-normal))}}: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;--z-drawer-toggle: 1000000000050;--z-drawer-overlay: 1000000000100;--z-drawer: 1000000000101;--z-modal: 1000000000200;--z-toast: 1000000000300;--root_dir: "../img";--radius-full: calc(infinity * 1px);--vc-chat-bg-primary: #0f1115;--vc-chat-bg-secondary: #151922;--vc-chat-bg-messages: #0b0d11;--vc-chat-bg-bubble: #161a22;--vc-chat-bg-bubble-own: #3a2c00;--vc-chat-bg-input: #0e1118;--vc-chat-bg-input-area: #121620;--vc-chat-border-default: #2a2f38;--vc-chat-border-input: #343b46;--vc-chat-border-own: #a96f00;--vc-chat-text-primary: #f7f7f8;--vc-chat-text-message: #f4f4f5;--vc-chat-text-secondary: #9aa3b2;--vc-chat-text-placeholder: #7b8494;--vc-chat-bg-error: #3a1717;--vc-chat-border-error: #b93838;--vc-chat-text-error: #fca5a5;--vc-chat-bg-button: #d99400;--vc-chat-text-button: #111;--vc-chat-spinner-track: #3b4250;--vc-chat-spinner-head: #d99400;--vc-chat-policy-bg: #ffffff;--vc-chat-policy-bg-blocked: #fff8f0;--vc-chat-policy-border: #e8e8e8;--vc-chat-policy-title: #333333;--vc-chat-policy-description: #999999;--vc-chat-policy-switch-on: #ff6b5b;--vc-chat-policy-switch-off: #d0d0d0;--vc-chat-policy-switch-knob: #ffffff;--vc-chat-policy-switch-knob-shadow: 0 2px 4px rgba(0, 0, 0, .1);--vc-chat-unread-bg: #4a90e2;--vc-chat-unread-text: #ffffff}.game-field{position:relative;width:100%}.game-field .compatibility{position:absolute;top:5rem;width:20%;max-width:300px}@media screen and (max-width: 767px){.game-field .compatibility{display:none}}.game-field .compatibility.sp{position:static;top:unset;display:none;width:90%;margin:2rem auto 0}@media screen and (max-width: 767px){.game-field .compatibility.sp{display:block}}.game-field .help{position:absolute;top:5rem;right:-1rem;z-index:1000;display:flex;gap:.5rem;align-items:center;padding:.5rem 2rem;font-feature-settings:"palt";text-align:center;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);animation:smallTimer .5s ease-in-out forwards}@media screen and (max-width: 767px){.game-field .help{top:3.5rem;padding:.3rem 1rem .3rem 1.5rem}}.game-field .help .icon{width:1.2rem;aspect-ratio:1/1;filter:drop-shadow(0 0 .3rem rgb(150,105,0))}.game-field .help .txt{font-size:1rem;filter:drop-shadow(0 0 .3rem rgb(150,105,0))}@keyframes smallTimer{0%{right:-100%;opacity:0}to{right:-1rem;opacity:1}}.game-field .battle-menu-button{position:fixed;bottom:5rem;left:2rem;z-index:1000;width:3.5rem;height:3.5rem;padding:.5rem;overflow:hidden;background:var(--bg-secondary);border:.1rem solid var(--black-line);border-radius:50%;transition:all .2s,transform .5s ease-in-out;transform:rotate(0) scale(1)}@media screen and (max-width: 767px){.game-field .battle-menu-button{bottom:3rem}}.game-field .battle-menu-button:hover{background:var(--bg-primary);box-shadow:0 0 .5rem #00000080}.game-field .battle-menu-button>img{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 .3rem rgb(150,105,0))}.game-field .battle-menu-button:has(+.battle-menu-modal.show){pointer-events:none;visibility:hidden;opacity:0;transform:rotate(360deg) scale(0)}.game-field .battle-menu-modal,.game-field .battle-log-modal,.game-field .battle-setting-modal{position:fixed;top:0;left:0;z-index:var(--z-over-wrap);width:100%;height:100dvh;overflow:hidden;visibility:hidden;opacity:0;transition:.2s}.game-field .battle-menu-modal.show,.game-field .battle-log-modal.show,.game-field .battle-setting-modal.show{visibility:visible;opacity:1}.game-field .battle-menu-modal.show .battle-menu,.game-field .battle-menu-modal.show .log-menu,.game-field .battle-menu-modal.show .setting-menu,.game-field .battle-log-modal.show .battle-menu,.game-field .battle-log-modal.show .log-menu,.game-field .battle-log-modal.show .setting-menu,.game-field .battle-setting-modal.show .battle-menu,.game-field .battle-setting-modal.show .log-menu,.game-field .battle-setting-modal.show .setting-menu{left:-.1rem}@media screen and (max-width: 767px){.game-field .battle-menu-modal.show .battle-menu,.game-field .battle-menu-modal.show .log-menu,.game-field .battle-menu-modal.show .setting-menu,.game-field .battle-log-modal.show .battle-menu,.game-field .battle-log-modal.show .log-menu,.game-field .battle-log-modal.show .setting-menu,.game-field .battle-setting-modal.show .battle-menu,.game-field .battle-setting-modal.show .log-menu,.game-field .battle-setting-modal.show .setting-menu{left:0}}.game-field .battle-menu-modal.show .battle-menu .close-button,.game-field .battle-menu-modal.show .log-menu .close-button,.game-field .battle-menu-modal.show .setting-menu .close-button,.game-field .battle-log-modal.show .battle-menu .close-button,.game-field .battle-log-modal.show .log-menu .close-button,.game-field .battle-log-modal.show .setting-menu .close-button,.game-field .battle-setting-modal.show .battle-menu .close-button,.game-field .battle-setting-modal.show .log-menu .close-button,.game-field .battle-setting-modal.show .setting-menu .close-button{visibility:visible;opacity:1}.game-field .battle-menu-modal .overlay,.game-field .battle-log-modal .overlay,.game-field .battle-setting-modal .overlay{position:absolute;top:0;left:0;z-index:1;width:100%;height:100dvh;background:#0003}.game-field .battle-menu-modal .spacer,.game-field .battle-log-modal .spacer,.game-field .battle-setting-modal .spacer{width:100%;height:100%}.game-field .battle-menu-modal .close-button,.game-field .battle-log-modal .close-button,.game-field .battle-setting-modal .close-button{position:sticky;bottom:0;left:50%;width:1.5rem;aspect-ratio:1/1;padding:.3rem;visibility:hidden;background:#fff;border-radius:50%;box-shadow:0 0 .3rem #0000004d;opacity:0;transition:.2s;transform:translate(-50%)}@media screen and (max-width: 767px){.game-field .battle-menu-modal .close-button,.game-field .battle-log-modal .close-button,.game-field .battle-setting-modal .close-button{width:2.5rem}}.game-field .battle-menu-modal .battle-menu{position:absolute;bottom:5rem;left:-50%;z-index:1000;display:flex;flex-direction:column;gap:1rem;padding:2rem;overflow-y:auto;background:linear-gradient(#f5f5f5,#e6e6e6);border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;box-shadow:0 0 .5rem #ffffffe6;transition:.2s}@media screen and (max-width: 767px){.game-field .battle-menu-modal .battle-menu{bottom:3rem}}.game-field .battle-menu-modal .battle-menu .simple-button{padding:.5rem 5rem;box-shadow:0 0 .3rem #0000001a}.game-field .battle-menu-modal .battle-menu .simple-button .txt{color:var(--bg-primary)!important}.game-field .battle-menu-modal .battle-menu .surrender,.game-field .battle-menu-modal .battle-menu .dissolution{padding:.2rem 2rem;border:.1rem solid var(--black-line)}.game-field .battle-menu-modal .battle-menu .surrender .txt,.game-field .battle-menu-modal .battle-menu .dissolution .txt{font-size:.8rem}.game-field .battle-menu-modal .battle-menu .surrender{border-color:var(--blue-dark)}.game-field .battle-menu-modal .battle-menu .dissolution{background-color:var(--red-weak);border-color:var(--red-dark)}.game-field .battle-setting-modal .setting-menu{position:absolute;bottom:5rem;left:-50%;z-index:1000;display:flex;flex-direction:column;gap:1rem;width:30%;aspect-ratio:7/8;padding:2rem;overflow-y:auto;background:linear-gradient(#f5f5f5,#e6e6e6);border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;box-shadow:0 0 .5rem #ffffffe6;transition:.2s}@media screen and (max-width: 767px){.game-field .battle-setting-modal .setting-menu{bottom:0;width:100%;height:100%;border-radius:0}}.game-field .battle-setting-modal .setting-menu .setting-title{font-size:1.2rem;font-weight:700;color:var(--bg-primary);text-align:center}.game-field .battle-setting-modal .setting-menu .box{width:100%;padding:1.5rem 1.2rem;background:#fff;border:.1rem solid #ddd;border-radius:.3rem}.game-field .battle-setting-modal .setting-menu .box.disabled{background:#ddd}.game-field .battle-setting-modal .setting-menu .box .box-title{font-size:1rem;font-weight:700;color:var(--bg-primary)}.game-field .battle-setting-modal .setting-menu .box .mute-control{display:flex;gap:.5rem;margin-left:auto}.game-field .battle-setting-modal .setting-menu .box .mute-control .icon{flex-shrink:0;width:1rem;aspect-ratio:1/1;overflow:hidden}.game-field .battle-setting-modal .setting-menu .box .mute-control .icon>img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.game-field .battle-setting-modal .setting-menu .box .mute-control .mute-toggle{position:relative;width:3rem;height:1.5rem;background:var(--yellow-normal);border:.1rem solid var(--black-line);border-radius:var(--radius-full);transition:.2s}.game-field .battle-setting-modal .setting-menu .box .mute-control .mute-toggle:before{position:absolute;top:50%;left:calc(100% - 1.3rem);width:1.2rem;height:1.2rem;aspect-ratio:1/1;content:"";background:var(--black-line);border-radius:50%;transition:.2s;transform:translateY(-50%)}.game-field .battle-setting-modal .setting-menu .box .mute-control .mute-toggle.muted{background:var(--yellow-weak)}.game-field .battle-setting-modal .setting-menu .box .mute-control .mute-toggle.muted:before{left:.1rem}.game-field .battle-setting-modal .setting-menu .box .volume-control{display:flex;width:100%;margin-top:1.5rem}@media screen and (max-width: 767px){.game-field .battle-setting-modal .setting-menu .box .volume-control{display:none}}.game-field .battle-setting-modal .setting-menu .box .volume-control .volume-slider{width:100%;height:.8rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:var(--yellow-weak);border:solid .1rem var(--black-line);border-radius:var(--radius-full);outline:0}.game-field .battle-setting-modal .setting-menu .box .volume-control .volume-slider:disabled{opacity:.5}.game-field .battle-setting-modal .setting-menu .box .volume-control .volume-slider:focus{box-shadow:0 0 .3rem var(--yellow-normal)}.game-field .battle-setting-modal .setting-menu .box .volume-control .volume-slider::-webkit-slider-thumb{width:1.2rem;height:1.2rem;-webkit-appearance:none;background:var(--black-line);border-radius:50%;box-shadow:0 .15rem .2rem #00000026}.game-field .battle-setting-modal .setting-menu .box .volume-control .volume-slider::-moz-range-thumb{width:1.2rem;height:1.2rem;background:var(--black-line);border:none;border-radius:50%;box-shadow:0 .15rem .2rem #00000026}.game-field .battle-setting-modal .setting-menu .box .volume-control .volume-slider::-moz-focus-outer{border:0}.game-field .battle-setting-modal .setting-menu .box .volume-control .volume-slider:active::-webkit-slider-thumb{box-shadow:0 .35rem .8rem -.1rem #00000080}.game-field .battle-log-modal .log-menu{position:absolute;bottom:5rem;left:-50%;z-index:1000;display:flex;flex-direction:column;gap:1rem;width:30%;aspect-ratio:7/8;padding:2rem;overflow-y:auto;background:linear-gradient(#f5f5f5,#e6e6e6);border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;box-shadow:0 0 .5rem #ffffffe6;transition:.2s}@media screen and (max-width: 767px){.game-field .battle-log-modal .log-menu{bottom:0;width:100%;height:100%;border-radius:0}}.game-field .battle-log-modal .log-menu .logs{display:flex;flex-direction:column;gap:3rem;padding-bottom:1rem}.game-field .battle-log-modal .log-menu .logs .empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.game-field .battle-log-modal .log-menu .logs .empty .txt{font-size:1rem;font-feature-settings:"palt";color:var(--bg-primary)}.game-field .battle-log-modal .log-menu .logs .log .log-phase{width:100%;padding:.3rem 1rem;font-weight:700;color:var(--yellow-normal);text-align:center;background:var(--bg-primary);border-radius:var(--radius-full)}.game-field .battle-log-modal .log-menu .logs .log .iam,.game-field .battle-log-modal .log-menu .logs .log .opponent{display:flex;gap:1rem;align-items:center;margin-top:1rem}.game-field .battle-log-modal .log-menu .logs .log .iam .log-card,.game-field .battle-log-modal .log-menu .logs .log .opponent .log-card{flex-shrink:0;width:20%}.game-field .battle-log-modal .log-menu .logs .log .iam .info .info-txt,.game-field .battle-log-modal .log-menu .logs .log .opponent .info .info-txt{font-size:.8rem;font-feature-settings:"palt";color:var(--bg-primary)}.game-field .battle-log-modal .log-menu .logs .log .iam .info .card-element-effect,.game-field .battle-log-modal .log-menu .logs .log .opponent .info .card-element-effect{display:flex;gap:.5rem;align-items:center;margin-top:.5rem}.game-field .battle-log-modal .log-menu .logs .log .iam .info .card-element-effect .element,.game-field .battle-log-modal .log-menu .logs .log .iam .info .card-element-effect .effect,.game-field .battle-log-modal .log-menu .logs .log .opponent .info .card-element-effect .element,.game-field .battle-log-modal .log-menu .logs .log .opponent .info .card-element-effect .effect{width:1.5rem;aspect-ratio:1/1;overflow:hidden;border-radius:.3rem}.game-field .battle-log-modal .log-menu .logs .log .iam .info .card-element-effect .element>img,.game-field .battle-log-modal .log-menu .logs .log .iam .info .card-element-effect .effect>img,.game-field .battle-log-modal .log-menu .logs .log .opponent .info .card-element-effect .element>img,.game-field .battle-log-modal .log-menu .logs .log .opponent .info .card-element-effect .effect>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.game-field .battle-log-modal .log-menu .logs .log .log-result-txt{padding:.3rem 1rem;margin-top:1rem;font-weight:700;text-align:center;background:#ddd}.game-field .battle-log-modal .log-menu .logs .log .log-result-txt.draw{color:var(--bg-primary)}.game-field .battle-log-modal .log-menu .logs .log .log-result-txt.win{color:#aa0005;background:linear-gradient(135deg,var(--yellow-normal) 0%,rgb(255,139,0) 30%,var(--yellow-normal) 100%)}.game-field .battle-log-modal .log-menu .logs .log .log-result-txt.lose{color:var(--blue-dark);background:#ded1f4}.game-field .card-effect-modal .modal-body{max-height:20dvh;padding:2rem}@media screen and (max-width: 767px){.game-field .card-effect-modal .modal-body{padding:1rem 2rem 4rem}}.game-field .card-effect-modal .modal-body .modal-ttl{font-size:2rem;font-weight:700;font-feature-settings:"palt";text-align:center}@media screen and (max-width: 767px){.game-field .card-effect-modal .modal-body .modal-ttl{margin-top:3rem}}.game-field .card-effect-modal .modal-body .icon{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.game-field .card-effect-modal .modal-body .icon .image{width:3rem;aspect-ratio:1/1;overflow:hidden;border-radius:50%}.game-field .card-effect-modal .modal-body .icon .image>img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.game-field .card-effect-modal .modal-body .icon .name{font-size:2rem;font-weight:700;font-feature-settings:"palt";color:var(--txt-color)}.game-field .card-effect-modal .modal-body .desc{width:100%;margin-top:2rem;font-size:1.1rem;text-align:center;word-break:auto-phrase}@media screen and (max-width: 767px){.game-field .card-effect-modal .modal-body .desc>pre{word-break:break-all;white-space:pre-wrap}}.game-field .card-effect-modal .modal-body .close{margin-top:auto;font-size:1rem;transition:.2s}.game-field .card-effect-modal .modal-body .close:hover{opacity:.6}@media screen and (max-width: 767px){.game-field .card-effect-modal .modal-body .close{display:none}}.game-field .opponent-area{display:flex;align-items:center;justify-content:space-between}.game-field .opponent-area .opponent-info{position:relative;display:flex;flex-shrink:0;gap:.5rem;align-items:center;width:20%}@media screen and (max-width: 767px){.game-field .opponent-area .opponent-info{z-index:1;width:50%}}.game-field .opponent-area .opponent-info .opponent-icon{flex-shrink:0;width:2rem;aspect-ratio:1/1;overflow:hidden;border-radius:50%}.game-field .opponent-area .opponent-info .opponent-icon>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.game-field .opponent-area .opponent-info .opponent-id{width:80%;overflow:hidden;font-size:.8rem;font-weight:700;font-feature-settings:"palt";color:#fff;text-overflow:ellipsis;white-space:nowrap}.game-field .opponent-area .opponent-card-elements{position:relative;display:flex;gap:.5rem;justify-content:flex-end;width:20%}@media screen and (max-width: 767px){.game-field .opponent-area .opponent-card-elements{z-index:1;width:50%}}.game-field .opponent-area .opponent-card-elements .element{width:1.8rem;aspect-ratio:1/1;overflow:hidden;border-radius:.3rem}.game-field .opponent-area .opponent-card-elements .element>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.game-field .opponent-area .opponent-card-elements .element.un-selectable{opacity:.2}.game-field .opponent-cards{position:relative;display:flex;gap:1rem;justify-content:center;margin-top:3rem}@media screen and (max-width: 767px){.game-field .opponent-cards{z-index:0}}.game-field .opponent-cards .card{position:absolute;width:5rem;overflow:hidden;border-radius:.3rem;transition:.2s;transform:rotate(180deg) translate(0)}.game-field .opponent-cards .card.phase-1:nth-child(1){visibility:hidden;opacity:0}.game-field .opponent-cards .card.phase-2:nth-child(1),.game-field .opponent-cards .card.phase-2:nth-child(2){visibility:hidden;opacity:0}.game-field .opponent-cards .card.phase-3:nth-child(1),.game-field .opponent-cards .card.phase-3:nth-child(2),.game-field .opponent-cards .card.phase-3:nth-child(3){visibility:hidden;opacity:0}.game-field .opponent-cards .card.phase-4:nth-child(1),.game-field .opponent-cards .card.phase-4:nth-child(2),.game-field .opponent-cards .card.phase-4:nth-child(3),.game-field .opponent-cards .card.phase-4:nth-child(4){visibility:hidden;opacity:0}.game-field .opponent-cards .card.phase-5:nth-child(1),.game-field .opponent-cards .card.phase-5:nth-child(2),.game-field .opponent-cards .card.phase-5:nth-child(3),.game-field .opponent-cards .card.phase-5:nth-child(4),.game-field .opponent-cards .card.phase-5:nth-child(5){visibility:hidden;opacity:0}.game-field .opponent-cards .card:nth-child(1){z-index:1;animation:cardMove1 .5s ease-in-out forwards}@keyframes cardMove1{0%{transform:rotate(180deg) translate(0)}to{transform:rotate(177deg) translate(-70px,10px)}}.game-field .opponent-cards .card:nth-child(2){z-index:2;animation:cardMove2 .5s ease-in-out forwards}@keyframes cardMove2{0%{transform:rotate(180deg) translate(0)}to{transform:rotate(183deg) translate(70px,10px)}}.game-field .opponent-cards .card:nth-child(3){z-index:3;animation:cardMove3 .5s ease-in-out forwards}@keyframes cardMove3{0%{transform:rotate(180deg) translate(0)}to{transform:rotate(178deg) translate(-45px,5px)}}.game-field .opponent-cards .card:nth-child(4){z-index:4;animation:cardMove4 .5s ease-in-out forwards}@keyframes cardMove4{0%{transform:rotate(180deg) translate(0)}to{transform:rotate(182deg) translate(45px,5px)}}.game-field .opponent-cards .card:nth-child(5){z-index:5}.game-field .card-field{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px;margin:10rem auto 5rem}@media screen and (max-width: 767px){.game-field .card-field{margin:11rem auto 3rem}}.game-field .card-field .field{display:flex;flex-shrink:0;gap:1rem;align-items:center;justify-content:center}.game-field .card-field .field.reverse{transform-origin:center;rotate:180deg}.game-field .card-field .field .effect-area{flex-shrink:0;width:20%}@media screen and (max-width: 767px){.game-field .card-field .field .effect-area{width:15%}}.game-field .card-field .field .effect-area:has(.card-box>.effect-card>img) .card-box{background-image:linear-gradient(#0003,#0003),linear-gradient(90deg,#ff007a,#ffbf00,#00ff9d,#007aff,#ff007a);background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-size:auto,400% 400%;border:.1rem solid transparent;border-radius:.3rem;animation:gradient-border 3s ease infinite}.game-field .card-field .field .effect-area:has(.card-box>.effect-card>img) .txt{color:#fff;filter:drop-shadow(0 0 .3rem rgb(150,105,0));animation:effectTxtAnim 3s ease-in-out infinite}.game-field .card-field .field .effect-area .card-box{aspect-ratio:119/157;overflow:hidden;background:#0003;border:.1rem solid var(--black-line);border-radius:.3rem}.game-field .card-field .field .effect-area .txt{margin-top:.5rem;font-size:1rem;color:var(--black-line);text-align:center}.game-field .card-field .field .effect-area .effect-tips{display:block;width:2rem;aspect-ratio:1/1;margin:.5rem auto 0;overflow:hidden;border-radius:50%;box-shadow:0 0 .3rem #00000080}.game-field .card-field .field .effect-area .effect-tips.opponent{transform:rotate(180deg)}@keyframes gradient-border{0%{background-position:0% 50%,0% 50%}50%{background-position:0% 50%,100% 50%}to{background-position:0% 50%,0% 50%}}@keyframes effectTxtAnim{0%{filter:drop-shadow(0 0 .3rem rgb(150,105,0))}50%{filter:drop-shadow(0 0 .3rem rgba(150,105,0,.1))}to{filter:drop-shadow(0 0 .3rem rgb(150,105,0))}}.game-field .card-field .field .setting-card{position:relative;flex-shrink:0;width:35%;aspect-ratio:119/157;background:#00000080;border:.1rem solid var(--black-line);border-radius:.3rem;transition:.5s ease-in-out}@media screen and (max-width: 767px){.game-field .card-field .field .setting-card{width:25%}}.game-field .card-field .field .setting-card:has(.card>button>img),.game-field .card-field .field .setting-card.set:has(.card>button>img){background:transparent;border-color:transparent}.game-field .card-field .field .setting-card.trash{background:#00000080!important;border:.1rem solid var(--black-line)!important}.game-field .card-field .field .setting-card.trash .card{animation:trashCard 5s ease-in-out forwards;animation-delay:1s}@keyframes trashCard{0%{opacity:1;transform:translateY(0)}70%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translate(-3rem)}}.game-field .card-field .field .setting-card .card>button{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.game-field .card-field .field .setting-card .card>button>img{animation:setCard .5s ease-in-out}@keyframes setCard{0%{transform:scale(1)}20%{transform:scale(1.1)}70%{transform:scale(.9)}to{transform:scale(1)}}.game-field .card-field .field .setting-card .element{position:absolute;bottom:.3rem;left:50%;width:50%;aspect-ratio:1/1;filter:drop-shadow(0 0 .2rem rgba(0,0,0,.5));transform:translate(-50%)}.game-field .card-field .field .setting-card .card-show-button{--size: 1.8rem;position:absolute;right:-.5rem;bottom:-.5rem;width:var(--size);height:var(--size);padding:.2rem;background:var(--bg-primary);border:.1rem solid #fff;border-radius:50%;box-shadow:0 0 .3rem #00000080}.game-field .card-field .field .setting-card .card-show-button>img{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;-o-object-fit:contain;object-fit:contain}.game-field .card-field .field .points{display:flex;flex-shrink:0;width:20%}@media screen and (max-width: 767px){.game-field .card-field .field .points{width:15%}}.game-field .card-field .field .points .point{width:33.3333333333%}.game-field .player-cards{position:relative;display:flex;gap:1rem;justify-content:center;animation:fadeInAndSlideUp .8s ease-in-out forwards}.game-field .player-cards .card-wrap{display:flex;flex-direction:column;gap:1rem;align-items:center}.game-field .player-cards .card-wrap .effect{width:2rem;aspect-ratio:1/1;overflow:hidden;border-radius:50%}.game-field .player-cards .card-wrap .effect>img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.game-field .player-cards .card{position:relative;width:5rem;border:.2rem solid var(--black-line)}.game-field .player-cards .card.selected{border-color:var(--yellow-normal)}.game-field .player-cards .card.un-selectable{opacity:.4}.game-field .player-cards .card .element{position:absolute;bottom:.1rem;left:50%;width:50%;aspect-ratio:1/1;filter:drop-shadow(0 0 .2rem rgba(0,0,0,.5));transform:translate(-50%)}.game-field .player-cards .waiting-mask{position:absolute;top:50%;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:calc(100% + 2rem);background:#000;transform:translateY(-50%)}.game-field .player-buttons{display:flex;justify-content:center;margin-top:2rem}@media screen and (max-width: 767px){.game-field .default-modal.show .modal-body,.game-field .default-modal.open .modal-body{bottom:0}}.game-field .default-modal .modal-body{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;width:90%;max-width:767px;min-height:40dvh;max-height:90dvh;overflow:hidden;background:var(--bg-primary);border-radius:.3rem;box-shadow:0 0 .5rem #ffffff80;transition:.2s;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.game-field .default-modal .modal-body{top:unset;bottom:-100%;left:0;width:100%;min-height:auto;border-radius:0;border-top-left-radius:2rem;border-top-right-radius:2rem;transform:unset}.game-field .default-modal .modal-body:before{align-self:center;width:10%;height:.3rem;margin-top:1rem;content:"";background:#d9d9d9;border-radius:var(--radius-full)}}.game-field .default-modal .modal-body .head{display:flex;gap:1rem;align-items:center;width:100%;padding:1.4rem 2rem;border-bottom:.1rem solid var(--black-line)}@media screen and (max-width: 767px){.game-field .default-modal .modal-body .head{padding-top:2rem;border-bottom:none}}.game-field .default-modal .modal-body .head .modal-ttl{font-size:1.4rem;font-weight:700;font-feature-settings:"palt";color:#fff;text-align:center}@media screen and (max-width: 767px){.game-field .default-modal .modal-body .head .modal-ttl{font-size:1.2rem}}.game-field .default-modal .modal-body .head .back{width:1.2rem}@media screen and (max-width: 767px){.game-field .default-modal .modal-body .head .back{display:block}}.game-field .default-modal .modal-body .head .close-button{width:1.4rem;margin-left:auto}@media screen and (max-width: 767px){.game-field .default-modal .modal-body .head .close-button{display:none}}.game-field .default-modal .modal-body .head .back,.game-field .default-modal .modal-body .head .close-button{aspect-ratio:1/1;transition:.2s}.game-field .default-modal .modal-body .head .back>img,.game-field .default-modal .modal-body .head .close-button>img{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;-o-object-fit:contain;object-fit:contain}.game-field .default-modal .modal-body .head .back:hover,.game-field .default-modal .modal-body .head .close-button:hover{opacity:.8}.game-field .default-modal .modal-body .bottom{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;width:100%;padding:2rem}.game-field .default-modal .modal-body .bottom .deck-name-input{width:100%;padding:.5rem 1rem;text-align:center;border-radius:var(--radius-full)}.game-field .default-modal .modal-body .bottom .actions{display:flex;gap:1rem;align-items:center;justify-content:center;width:100%;margin-top:auto}.game-field .default-modal .modal-body .bottom .actions .default-button{width:calc((100% - .5rem)/2);padding:.3rem .5rem}.game-field .game-message{position:absolute;top:5rem;left:50%;z-index:var(--z-play-area);padding:1rem 3rem;background:linear-gradient(135deg,#ffffffb3,#fffc 20%,#ffffffd9,#fffc 80%,#ffffffb3);border-radius:var(--radius-full);box-shadow:0 0 .5rem #00000080;transform:translate(-50%)}.game-field .game-message:has(.timer){padding:1.5rem 3rem 1rem}@media screen and (max-width: 767px){.game-field .game-message{top:9rem;width:100%;max-width:360px;padding:2.5rem .5rem 2rem}}.game-field .game-message .timer{position:absolute;top:-.5rem;left:50%;padding:.4rem 1rem;font-size:.8rem;font-weight:700;font-feature-settings:"palt";background:linear-gradient(135deg,rgb(255,255,255) 0%,rgb(255,0,100) 30%,var(--red) 100%);border-radius:var(--radius-full);transform:translate(-50%);text-box:trim-both cap alphabetic}@media screen and (max-width: 767px){.game-field .game-message .timer{font-size:1rem}}.game-field .game-message .txt{font-size:1rem;font-weight:700;font-feature-settings:"palt";line-height:1.7;color:var(--bg-primary)!important;text-align:center;word-break:auto-phrase;text-box:trim-both cap alphabetic}@media screen and (max-width: 767px){.game-field .game-message .txt{font-size:1.2rem}}.game-field .game-rule-modal{opacity:0;transition:.2s}.game-field .game-rule-modal.show{visibility:visible;opacity:1}.game-field .game-rule-modal .modal-content{overflow-y:auto}.game-field .game-rule-modal .sub-ttl{padding:0 1rem;font-size:1.2rem;font-weight:700;font-feature-settings:"palt"}.game-field .game-rule-modal .txt{padding:0 1rem;line-height:1.7;word-break:auto-phrase}.game-field .game-rule-modal .bottom .default-button{width:100%!important;padding:.5rem!important}.game-field .phase-result-modal{position:fixed;top:40%;left:0;transform:translateY(-50%);z-index:var(--z-play-area);display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:10rem;padding:1rem;background:#000c}.game-field .phase-result-modal .result-txt{font-size:3rem;font-weight:700;color:var(--txt-color);text-align:center}.game-field .phase-result-modal .result-button{padding:.5rem 2rem;margin-top:1rem;font-size:1rem;font-weight:700;font-feature-settings:"palt";color:#fff;text-align:center;border:.1rem solid #fff;border-radius:var(--radius-full);text-box:trim-both cap alphabetic}.game-field .phase-result-modal .result-button:hover{background:var(--bg-secondary)}.game-field .open-cards-modal{position:fixed;top:50%;left:0;z-index:var(--z-play-area);display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:10rem;padding:1rem;background:#000c}.game-field .open-cards-modal .result-txt{font-size:3rem;font-weight:700;color:var(--txt-color);text-align:center}.game-field .open-cards-modal .result-button{padding:.5rem 2rem;margin-top:1rem;font-size:1rem;font-weight:700;font-feature-settings:"palt";color:#fff;text-align:center;border:.1rem solid #fff;border-radius:var(--radius-full);text-box:trim-both cap alphabetic}.game-field .open-cards-modal .result-button:hover{background:var(--bg-secondary)}.game-field .open-cards-modal .result-button .waiting-txt{margin-top:1rem;font-size:1.2rem;font-weight:700;font-feature-settings:"palt";color:#fff;text-align:center}.game-field .finish-result-modal{position:fixed;top:0;left:0;z-index:var(--z-over-wrap);width:100%;height:100dvh;overflow:hidden;visibility:hidden;background:linear-gradient(180deg,#0d0d0d00,#0d0d0dcc 29.5%,#0d0d0d);-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);opacity:0;transition:.2s}.game-field .finish-result-modal.open{visibility:visible;opacity:1}.game-field .finish-result-modal .top{width:100%;height:100dvh;padding-bottom:6rem;margin:0 auto;overflow-x:hidden;overflow-y:auto}.game-field .finish-result-modal .bottom{display:flex;align-items:center;justify-content:center;width:100%;height:6rem;padding:.5rem;overflow:hidden;background:linear-gradient(180deg,#0d0d0d00,#0d0d0dcc 29.5%,#0d0d0d);transform:translateY(-6rem)}.game-field .finish-result-modal .bottom .actions{display:flex;gap:1rem;align-items:center;justify-content:center;width:100%;max-width:767px;margin:0 auto}.game-field .finish-result-modal .bottom .actions .default-button{word-break:auto-phrase}@media screen and (max-width: 767px){.game-field .finish-result-modal .bottom .actions .default-button{align-self:stretch;width:calc((100% - 1rem)/2);padding:.3rem .5rem}}.game-field .card-preview-modal{position:fixed;top:0;left:0;z-index:var(--z-over-wrap);width:100%;height:100dvh;overflow:hidden;visibility:hidden;background:linear-gradient(180deg,#0d0d0d00,#0d0d0dcc 29.5%,#0d0d0d);-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);opacity:0;transition:.2s}.game-field .card-preview-modal.open{visibility:visible;opacity:1}.game-field .card-preview-modal .preview-content{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100dvh;overflow-y:auto;background:transparent;border-radius:.3rem;transform:translate(-50%,-50%)}.game-field .card-preview-modal .preview-content .image{max-width:500px}@media screen and (max-width: 767px){.game-field .card-preview-modal .preview-content .image{width:90%}}.bgm-player .setting-menu{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin:1rem 0}.bgm-player .setting-menu .setting-title{font-size:1.2rem;font-weight:700;color:var(--bg-primary);text-align:center}.bgm-player .setting-menu .box{width:100%;padding:1.5rem 1.2rem;background:#fff;border:.1rem solid #ddd;border-radius:.3rem}.bgm-player .setting-menu .box.disabled{background:#ddd}.bgm-player .setting-menu .box .box-title{font-size:1rem;font-weight:700;color:var(--bg-primary)}.bgm-player .setting-menu .box .mute-control{display:flex;gap:.5rem;margin-left:auto}.bgm-player .setting-menu .box .mute-control .icon{flex-shrink:0;width:1rem;aspect-ratio:1/1;overflow:hidden}.bgm-player .setting-menu .box .mute-control .icon>img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.bgm-player .setting-menu .box .mute-control .mute-toggle{position:relative;width:3rem;height:1.5rem;background:var(--yellow-normal);border:.1rem solid var(--black-line);border-radius:var(--radius-full);transition:.2s}.bgm-player .setting-menu .box .mute-control .mute-toggle:before{position:absolute;top:50%;left:calc(100% - 1.3rem);width:1.2rem;height:1.2rem;aspect-ratio:1/1;content:"";background:var(--black-line);border-radius:50%;transition:.2s;transform:translateY(-50%)}.bgm-player .setting-menu .box .mute-control .mute-toggle.muted{background:var(--yellow-weak)}.bgm-player .setting-menu .box .mute-control .mute-toggle.muted:before{left:.1rem}.bgm-player .setting-menu .box .volume-control{display:flex;width:100%;margin-top:1.5rem}@media screen and (max-width: 767px){.bgm-player .setting-menu .box .volume-control{display:none}}.bgm-player .setting-menu .box .volume-control .volume-slider{width:100%;height:.8rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:var(--yellow-weak);border:solid .1rem var(--black-line);border-radius:var(--radius-full);outline:0}.bgm-player .setting-menu .box .volume-control .volume-slider:disabled{opacity:.5}.bgm-player .setting-menu .box .volume-control .volume-slider:focus{box-shadow:0 0 .3rem var(--yellow-normal)}.bgm-player .setting-menu .box .volume-control .volume-slider::-webkit-slider-thumb{width:1.2rem;height:1.2rem;-webkit-appearance:none;background:var(--black-line);border-radius:50%;box-shadow:0 .15rem .2rem #00000026}.bgm-player .setting-menu .box .volume-control .volume-slider::-moz-range-thumb{width:1.2rem;height:1.2rem;background:var(--black-line);border:none;border-radius:50%;box-shadow:0 .15rem .2rem #00000026}.bgm-player .setting-menu .box .volume-control .volume-slider::-moz-focus-outer{border:0}.bgm-player .setting-menu .box .volume-control .volume-slider:active::-webkit-slider-thumb{box-shadow:0 .35rem .8rem -.1rem #00000080}