.form-group{margin-bottom:20px}.form-label{font-size:.7rem;margin-top:5px;margin-bottom:0;color:var(--color-text)}.form-input,.form-select,.form-textarea{width:100%!important;padding:5px!important;border:1px solid var(--color-border)!important;border-radius:4px!important;font-size:16px!important;transition:border-color .3s!important}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary),.2)}.form-input-error{border-color:#dc3545}.form-textarea{min-height:100px;resize:vertical}.form-select{padding:0 10px 10px!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none!important;background-repeat:no-repeat;background-position:right 10px center;padding-right:30px;border:1px solid var(--color-border)!important;border-radius:4px!important}.form-checkbox,.form-radio{display:inline-block;margin-right:10px}.form-checkbox input,.form-radio input{margin-right:5px}.form-error{color:#dc3545;font-size:14px;margin-top:5px}.form-submit{background-color:var(--color-primary);color:#fff;padding:10px 20px;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s}.form-submit:hover{background-color:#0062cc}.form-submit:disabled{background-color:#868e96;cursor:not-allowed}@media(max-width:768px){.form-input,.form-select,.form-submit,.form-textarea{font-size:14px;padding:8px}}.button,.header .nav-ul .nav-item .auth-button,.match-page .menu-container .button{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;font-size:16px;font-weight:700;text-decoration:none;cursor:pointer;border:none;border-radius:4px;transition:background-color .3s,color .3s;box-shadow:none}.button:disabled,.header .nav-ul .nav-item .auth-button:disabled,.match-page .menu-container .button:disabled{background-color:#868e96;color:var(--color-text)}.button:disabled:hover,.header .nav-ul .nav-item .auth-button:disabled:hover{background-color:#868e96}.button-secondary{background-color:#6c757d;color:#fff}.button-secondary:hover{background-color:#545b62}.button-outline{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.button-outline:hover{background-color:var(--color-primary);color:#fff}.button-large{padding:12px 24px;font-size:18px}.button-small{padding:8px 16px;font-size:14px}.button:disabled,.header .nav-ul .nav-item .auth-button:disabled,.match-page .menu-container .button:disabled{opacity:.5;cursor:not-allowed}.button-icon{display:inline-flex;align-items:center;justify-content:center}.button-icon .icon{margin-right:8px}.button-full-width{width:100%}.button-rounded{border-radius:25px}.button-primary{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;font-size:16px;font-weight:700;text-decoration:none;cursor:pointer;border:none;border-radius:4px;transition:background-color .3s,color .3s;box-shadow:none}.button-primary:disabled{color:var(--color-text)}.button-primary{background-color:var(--color-primary);color:#fff}.button-primary:hover{background-color:#0062cc}.button-primary:disabled{background-color:#868e96;color:#fff}.button-primary:disabled:hover{background-color:#868e96}.button-primary:disabled{opacity:.5;cursor:not-allowed}.button-group{display:flex}.button-group .button:not(:last-child),.button-group .header .nav-ul .nav-item .auth-button:not(:last-child),.header .nav-ul .nav-item .button-group .auth-button:not(:last-child){margin-right:10px}@media(max-width:768px){.button,.header .nav-ul .nav-item .auth-button,.match-page .menu-container .button{padding:8px 16px;font-size:14px}.button-large{padding:10px 20px;font-size:16px}.button-small{padding:6px 12px;font-size:12px}}.header{background-color:var(--color-bg-surface);position:-webkit-sticky;position:sticky;top:0;z-index:1000;width:100%;border-bottom:1px solid var(--color-border)}.header-container{padding:0;display:flex;justify-content:space-between;box-shadow:0 0 10px 0 rgba(0,0,0,.2)}.header-title{font-size:1.2rem;font-weight:700;margin:1rem}.header .hamburger-navi{margin:1rem 1rem 0}.header .hamburger-menu{-webkit-border-end:none;border-inline-end:none;padding:8px 0}.header .hamburger-menu .ant-menu-item{padding-left:12px!important;display:flex;align-items:center;gap:8px}.header .hamburger-menu .ant-menu-item-icon+span{-webkit-margin-start:6px;margin-inline-start:6px}.header .nav-ul{display:flex;flex-direction:row;justify-content:flex-start;padding:0}.header .nav-ul .nav-item{list-style:none;padding:0}.header .nav-ul .nav-item .nav-pfp-container{margin:10px 10px 0 0}.header .nav-ul .nav-item .nav-pfp-button{background-color:transparent;border:none;color:transparent}.header .nav-ul .nav-item .nav-pfp-image,.header .nav-ul .nav-item .pfp-image{width:8rem;height:8rem;border-radius:9999px;border-width:2px;background-color:#fff;border:1px solid var(--color-border);border-color:var(--color-border);width:40px;height:40px;cursor:pointer}.header-horizontal-line{border:none;height:1px;background-color:#ddd;margin:10px 0}@media(max-width:768px){.button,.header .nav-ul .nav-item .auth-button,.match-page .menu-container .button{padding:8px 16px;font-size:14px}.button--large{padding:10px 20px;font-size:16px}.button--small{padding:6px 12px;font-size:12px}}:root{--background-color:#f8f9fa;--control-height:32px;--control-radius:6px;--form-outer-height:45px;--form-horizontal-padding:11px}.form-select{padding:0 var(--form-horizontal-padding)!important}.pfp-container{position:relative;width:8rem;height:8rem}.pfp-image{width:8rem;height:8rem;border-radius:9999px;border:3px solid var(--color-border);background-color:#fff}.pfp-upload-button{position:absolute;right:0;bottom:0;width:2.75rem;height:2.75rem;opacity:.6;transition:all .3s ease;background:none;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.pfp-upload-button:hover{opacity:.5}.vertical-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.horizontal-container{display:flex;flex-direction:row;justify-content:center;gap:1rem}.horizontal-line,.horizontal-line-dark,.horizontal-line-light,.vertical-line,.vertical-line-dark{border:none;height:1px;background-color:#aaa;margin:10px 0}.horizontal-line-light{background-color:#eee}.horizontal-line-dark{background-color:#444}.vertical-line,.vertical-line-dark{width:1px}.vertical-line-dark{background-color:#444}@keyframes borderBlinkYellowAnimation{0%{border-color:#ff0}to{border-color:transparent}}@keyframes borderBlinkOrangeAnimation{0%{border-color:orange}to{border-color:transparent}}@keyframes borderBlinkGreenAnimation{0%{border-color:green}to{border-color:transparent}}.responsive-horizontal-container{display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.responsive-horizontal-container{flex-direction:row}}.center-container{display:flex;justify-content:center;align-items:center}.grid-container{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media(prefers-color-scheme:dark){html{color-scheme:dark}}.match-page{background-color:var(--color-bg-body);display:flex;flex-direction:column}.match-page .match-contents{padding:20px;min-height:400px}.match-page .match-contents h2{margin-bottom:10px}.match-page .card-form{display:flex;flex-direction:column;gap:10px}.match-page .card-form.cpu-container{align-items:stretch}.match-page .card-form.cpu-container .card-actions{width:100%;display:flex;flex-direction:row;justify-content:flex-end}.match-page .card,.match-page .create-card,.match-page .game-end-container .game-end-card,.match-page .game-end-container .in-game-card,.match-page .in-game-card,.match-page .in-game-container .in-game-card,.match-page .waiting-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:20px}.match-page .card-title{font-size:1.2rem;font-weight:700;color:var(--color-text);margin-bottom:15px}.match-page .card-vs-text{font-size:2rem;color:var(--color-text);margin-bottom:15px;text-align:center}.match-page .match-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px;padding-bottom:30px}@media(max-width:768px){.match-page .match-container{grid-template-columns:1fr}}.match-page .game-end-container,.match-page .in-game-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding-bottom:30px;width:100%}.match-page .game-end-container .game-end-card,.match-page .game-end-container .in-game-card,.match-page .in-game-container .in-game-card{width:100%;max-width:768px}.match-page .menu-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%}.header .nav-ul .nav-item .match-page .menu-container .auth-button,.match-page .menu-container .button,.match-page .menu-container .header .nav-ul .nav-item .auth-button{background-color:var(--color-primary);color:#fff}.header .nav-ul .nav-item .match-page .menu-container .top.auth-button,.match-page .menu-container .button.top,.match-page .menu-container .header .nav-ul .nav-item .top.auth-button{width:40%;max-width:150px;height:50px}.header .nav-ul .nav-item .match-page .menu-container .top.auth-button:hover,.match-page .menu-container .button.top:hover,.match-page .menu-container .header .nav-ul .nav-item .top.auth-button:hover{background-color:#0062cc}.match-page :export{cardPfpSize:100px}.match-page .create-card,.match-page .game-end-container .game-end-card,.match-page .in-game-card,.match-page .waiting-card{width:100%;max-width:500px;margin:0 auto}.match-page .create-card .card-content,.match-page .game-end-container .game-end-card .card-content,.match-page .in-game-card .card-content,.match-page .waiting-card .card-content{grid-gap:15px;gap:15px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.match-page .create-card .card-content .card-pfp-container,.match-page .game-end-container .game-end-card .card-content .card-pfp-container,.match-page .in-game-card .card-content .card-pfp-container,.match-page .waiting-card .card-content .card-pfp-container{display:flex;flex-direction:column;align-items:center;gap:15px}.match-page .create-card .card-content .card-pfp-container .card-pfp,.match-page .game-end-container .game-end-card .card-content .card-pfp-container .card-pfp,.match-page .in-game-card .card-content .card-pfp-container .card-pfp,.match-page .waiting-card .card-content .card-pfp-container .card-pfp{width:8rem;height:8rem;border-radius:9999px;border:2px solid var(--color-border);background-color:#fff;width:100px;height:100px}.match-page .create-card .card-content .card-pfp-container .card-nickname,.match-page .game-end-container .game-end-card .card-content .card-pfp-container .card-nickname,.match-page .in-game-card .card-content .card-pfp-container .card-nickname,.match-page .waiting-card .card-content .card-pfp-container .card-nickname{font-size:1rem;font-weight:700}.match-page .game-end-container .game-end-card .card-content,.match-page .in-game-card .card-content{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}.match-page .game-end-container .game-end-card .card-content .card-vs-content,.match-page .in-game-card .card-content .card-vs-content{display:grid;grid-template-columns:2fr 1fr 2fr;align-items:center;grid-gap:15px;gap:15px}.card-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;font-size:16px;font-weight:700;text-decoration:none;cursor:pointer;border:none;border-radius:4px;transition:background-color .3s,color .3s;box-shadow:none}.card-button:disabled{color:var(--color-text)}.card-button:hover{background-color:#0062cc}.card-button:disabled{color:#fff}.card-button:disabled,.card-button:disabled:hover{background-color:#868e96}.card-button:disabled{opacity:.5;cursor:not-allowed}.card-button{width:80%;height:50px;min-width:110px;background-color:var(--color-primary);color:#fff}.card-button.create{height:50px;width:110px}.card-button.cancel{background-color:var(--color-text-muted);height:4rem;width:160px;color:#fff;display:flex;justify-content:center;align-items:center}.card-button.cancel .button-text-container{display:flex;flex-direction:column;align-items:center;line-height:1.2}.card-button.cancel.ant-btn:hover{background-color:#c00!important;border-color:#c00!important;color:#fff!important}.card-button.return-to-match{width:130px}.card-button.return-to-match:hover{background-color:#0062cc}.card-button.spectate{width:80%}.card-button.spectate:hover{background-color:#0062cc;color:#fff}