.sc2-button{width:100%;box-shadow:none;clip-path:none;cursor:pointer;white-space:nowrap;text-align:center;background:0 0;border-style:solid;border-color:#0000;justify-content:center;align-items:center;margin:0;padding:0;font-family:inherit;display:flex}.sc2-button.primary{--button-height:72px;height:var(--button-height);color:#fff4d6;text-shadow:0 0 8px #ffc85a88,0 1px 2px #000;letter-spacing:3px;border-width:0 69px;border-image:url(/assets/ui/buttons/primary.webp?v=b133a774e3) 0 66 fill/0 69px;font-size:22px;font-weight:500}.sc2-button:hover,.sc2-button:focus-visible{filter:brightness(1.15);outline:none}.sc2-button.primary:active{border-image-source:url(/assets/ui/buttons/primary-hover.webp?v=d9e9ecef81);transform:translateY(1px)}.sc2-button.primary>span{flex-direction:column;align-items:center;gap:2px;display:flex}.sc2-button.primary small{letter-spacing:0;color:#f3dfae;text-shadow:0 1px 2px #000;font-size:12px;font-weight:400}.welcome .sc2-button.primary{margin-top:10px}.welcome #resume-button{margin-top:8px}.welcome #resume-button[hidden]{display:none}.modal-card .sc2-button.primary{margin-top:14px}@media (width<=650px){.sc2-button.primary{--button-height:62px;border-width:0 59px;letter-spacing:2px;border-image-width:0 59px;font-size:20px}}.board-link{color:#829ea8;font:inherit;letter-spacing:2px;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0;font-size:11px}.board-link:after{content:"";border:1px solid;border-width:0 1px 1px 0;width:5px;height:5px;margin:0 2px 2px 8px;display:inline-block;transform:rotate(-45deg)}.board-link:hover,.board-link:focus-visible{color:#c4d0cf;outline:none}.sc2-button.secondary{--button-height:60px;height:var(--button-height);color:#dbe6ea;text-shadow:0 1px 2px #000;letter-spacing:2px;border-width:0 57px;border-image:url(/assets/ui/buttons/secondary.webp?v=561ac9fc9a) 0 66 fill/0 57px;font-size:18px;font-weight:500}.sc2-button.secondary:hover,.sc2-button.secondary:focus-visible{color:#fff}.sc2-button.secondary:active{filter:brightness(1.3);transform:translateY(1px)}.modal-card .sc2-button.secondary{margin-top:10px}@media (width<=650px){.sc2-button.secondary{--button-height:54px;border-width:0 51px;border-image-width:0 51px;font-size:17px}}.debrief .modal-card>#modal-button.sc2-button{background:linear-gradient(#0000,#08131b 22%)}.squad-view .modal-card>#squad-button.sc2-button{background:linear-gradient(#08131b 78%,#0000)}.sc2-button kbd{text-indent:12px;width:0;min-width:0;box-shadow:none;font:500 11px var(--font-data);letter-spacing:1px;color:inherit;opacity:.65;background:0 0;border:0;flex:0 0 0;margin-left:0;padding:0;overflow:visible}.modal-card .sc2-button.primary.endless-button{width:calc(100% + 64px);margin-top:36px;margin-left:-32px;margin-right:-32px;position:relative}.sc2-button.primary.endless-button>span>span{letter-spacing:8px;text-transform:uppercase;font:700 33px SC2 Extended,UI Sans,Microsoft YaHei,sans-serif}html[lang=zh-CN] .sc2-button.primary.endless-button>span>span{letter-spacing:14px;margin-right:-14px}@media (width>=651px){.sc2-button.primary.endless-button>span>span{letter-spacing:.5em;margin-right:-.5em;font-size:25px}html[lang=zh-CN] .sc2-button.primary.endless-button>span>span{letter-spacing:1.4em;margin-right:-1.4em}}.sc2-button.primary.endless-button small{letter-spacing:.5px;color:#e8c878;text-shadow:0 1px 2px #000;margin-bottom:6px;font-size:13px;position:absolute;bottom:100%;left:0;right:0}@media (width<=650px){.modal-card .sc2-button.primary.endless-button{width:calc(100% + 56px);margin-top:32px;margin-left:-28px;margin-right:-28px}.sc2-button.primary.endless-button small{font-size:12px}.sc2-button.primary.endless-button>span>span{letter-spacing:5px;margin-right:0;font-size:23px}html[lang=zh-CN] .sc2-button.primary.endless-button>span>span{letter-spacing:9px;margin-right:-9px}}.modal:not(.debrief):not(.board-mode) #modal-button.sc2-button{--button-height:60px;color:#fff4d6;text-shadow:0 0 8px #ffc85a88,0 1px 2px #000;letter-spacing:2px;border-width:0 57px;border-image:url(/assets/ui/buttons/primary.webp?v=b133a774e3) 0 66 fill/0 57px;font-size:18px}.modal:not(.debrief):not(.board-mode) #modal-button.sc2-button:active{border-image-source:url(/assets/ui/buttons/primary-hover.webp?v=d9e9ecef81)}@media (width<=650px){.modal:not(.debrief):not(.board-mode) #modal-button.sc2-button{--button-height:54px;border-width:0 51px;border-image-width:0 51px;min-height:0;font-size:17px}.sc2-button kbd{display:none}}.sc2-button small,.modal-card .sc2-button small{letter-spacing:1px;font-family:inherit}.welcome .sc2-button.primary{width:calc(100% + 64px);margin-left:-32px;margin-right:-32px}@media (width<=650px){.welcome .sc2-button.primary{width:calc(100% + 56px);margin-left:-28px;margin-right:-28px}}.modal:not(.debrief):not(.board-mode) #modal-button.sc2-button:after{content:"Space";text-indent:12px;white-space:nowrap;width:0;min-width:0;font:500 11px var(--font-data);letter-spacing:1px;opacity:.65;flex:0 0 0;overflow:visible}@media (width<=650px){.modal:not(.debrief):not(.board-mode) #modal-button.sc2-button:after{content:none}}.sc2-button.secondary.compact{box-sizing:border-box;width:auto;height:44px;min-height:44px;box-shadow:none;color:#dbe6ea;text-shadow:0 1px 2px #000;font:500 12px var(--font-data);letter-spacing:0;background:0 0;border:0 solid #0000;border-width:0 18px;border-image:url(/assets/ui/buttons/secondary.webp?v=561ac9fc9a) 0 66 fill/0 18px;border-radius:0;justify-content:center;align-items:center;margin:0;padding:0 12px;display:flex}.sc2-button.secondary.compact:hover:enabled,.sc2-button.secondary.compact:focus-visible{filter:brightness(1.2);color:#fff;outline:none}.sc2-button.secondary.compact:focus-visible{outline-offset:-7px;outline:1px solid #9ec5d0}.sc2-button.secondary.compact:active:enabled{border-image-source:url(/assets/ui/buttons/secondary-hover.webp?v=ec1ab0ceaa);transform:translateY(1px)}.sc2-button.secondary.compact:disabled{opacity:.36}