@font-face{font-family:"Inter";font-display:swap;font-style:normal;font-weight:200;src:local(""),url("/fonts/inter/inter-v3-latin_greek-200.woff2") format("woff2"),url("/fonts/inter/inter-v3-latin_greek-200.woff") format("woff")}@font-face{font-family:"Inter";font-display:swap;font-style:normal;font-weight:300;src:local(""),url("/fonts/inter/inter-v3-latin_greek-300.woff2") format("woff2"),url("/fonts/inter/inter-v3-latin_greek-300.woff") format("woff")}@font-face{font-family:"Inter";font-display:swap;font-style:normal;font-weight:500;src:local(""),url("/fonts/inter/inter-v3-latin_greek-500.woff2") format("woff2"),url("/fonts/inter/inter-v3-latin_greek-500.woff") format("woff")}@font-face{font-family:"Inter";font-display:swap;font-style:normal;font-weight:400;src:local(""),url("/fonts/inter/inter-v3-latin_greek-regular.woff2") format("woff2"),url("/fonts/inter/inter-v3-latin_greek-regular.woff") format("woff")}@font-face{font-family:"Inter";font-display:swap;font-style:normal;font-weight:600;src:local(""),url("/fonts/inter/inter-v3-latin_greek-600.woff2") format("woff2"),url("/fonts/inter/inter-v3-latin_greek-600.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:800;src:local(""),url("/fonts/inter/inter-v3-latin_greek-800.woff2") format("woff2"),url("/fonts/inter/inter-v3-latin_greek-800.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:700;src:local(""),url("/fonts/inter/inter-v3-latin_greek-700.woff2") format("woff2"),url("/fonts/inter/inter-v3-latin_greek-700.woff") format("woff")}@font-face{font-family:"Rubik";font-display:swap;font-style:normal;font-weight:300;src:local(""),url("/fonts/rubik/rubik-v14-latin-300.woff2") format("woff2"),url("/fonts/rubik/rubik-v14-latin-300.woff") format("woff")}@font-face{font-family:"Rubik";font-display:swap;font-style:normal;font-weight:400;src:local(""),url("/fonts/rubik/rubik-v14-latin-regular.woff2") format("woff2"),url("/fonts/rubik/rubik-v14-latin-regular.woff") format("woff")}@font-face{font-family:"Rubik";font-display:swap;font-style:normal;font-weight:500;src:local(""),url("/fonts/rubik/rubik-v14-latin-500.woff2") format("woff2"),url("/fonts/rubik/rubik-v14-latin-500.woff") format("woff")}@font-face{font-family:"Rubik";font-display:swap;font-style:normal;font-weight:600;src:local(""),url("/fonts/rubik/rubik-v14-latin-600.woff2") format("woff2"),url("/fonts/rubik/rubik-v14-latin-600.woff") format("woff")}@font-face{font-family:"Rubik";font-display:swap;font-style:normal;font-weight:700;src:local(""),url("/fonts/rubik/rubik-v14-latin-700.woff2") format("woff2"),url("/fonts/rubik/rubik-v14-latin-700.woff") format("woff")}@font-face{font-family:"ClashDisplay-Variable";src:url("/fonts/clash-display/ClashDisplay-Variable.woff2") format("woff2"),url("/fonts/clash-display/ClashDisplay-Variable.woff") format("woff"),url("/fonts/clash-display/ClashDisplay-Variable.ttf") format("truetype");font-weight:200 700;font-display:swap;font-style:normal}@font-face{font-family:"ClashDisplay";src:url("/fonts/clash-display/ClashDisplay-Extralight.woff2") format("woff2"),url("/fonts/clash-display/ClashDisplay-Extralight.woff") format("woff"),url("/fonts/clash-display/ClashDisplay-Extralight.ttf") format("truetype");font-weight:200;font-display:swap;font-style:normal}@font-face{font-family:"ClashDisplay";src:url("/fonts/clash-display/ClashDisplay-Light.woff2") format("woff2"),url("/fonts/clash-display/ClashDisplay-Light.woff") format("woff"),url("/fonts/clash-display/ClashDisplay-Light.ttf") format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:"ClashDisplay";src:url("/fonts/clash-display/ClashDisplay-Regular.woff2") format("woff2"),url("/fonts/clash-display/ClashDisplay-Regular.woff") format("woff"),url("/fonts/clash-display/ClashDisplay-Regular.ttf") format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:"ClashDisplay";src:url("/fonts/clash-display/ClashDisplay-Medium.woff2") format("woff2"),url("/fonts/clash-display/ClashDisplay-Medium.woff") format("woff"),url("/fonts/clash-display/ClashDisplay-Medium.ttf") format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:"ClashDisplay";src:url("/fonts/clash-display/ClashDisplay-Semibold.woff2") format("woff2"),url("/fonts/clash-display/ClashDisplay-Semibold.woff") format("woff"),url("/fonts/clash-display/ClashDisplay-Semibold.ttf") format("truetype");font-weight:600;font-display:swap;font-style:normal}@font-face{font-family:"ClashDisplay";src:url("/fonts/clash-display/ClashDisplay-Bold.woff2") format("woff2"),url("/fonts/clash-display/ClashDisplay-Bold.woff") format("woff"),url("/fonts/clash-display/ClashDisplay-Bold.ttf") format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:"GOOD BRUSH";src:url("/fonts/good_brush/Good-Brush.woff") format("woff");font-weight:200;font-display:swap;font-style:normal}@font-face{font-family:"Hubot-Sans";src:url("/fonts/Hubot-Sans/Hubot-Sans.woff2") format("woff2 supports variations"),url("/fonts/Hubot-Sans/Hubot-Sans.woff2") format("woff2-variations"),url("/fonts/Hubot-Sans/Hubot-Sans.woff2") format("woff2"),url("/fonts/Hubot-Sans/Hubot-Sans.woff") format("woff");font-weight:200 900;font-stretch:75% 125%}@font-face{font-family:"Hubot-Sans-BoldWide";src:url("/fonts/Hubot-Sans/WOFF 2/Hubot-Sans-BoldWide.woff2") format("woff2 supports variations"),url("/fonts/Hubot-Sans/WOFF 2/Hubot-Sans-BoldWide.woff2") format("woff2-variations"),url("/fonts/Hubot-Sans/WOFF 2/Hubot-Sans-BoldWide.woff2") format("woff2"),url("/fonts/Hubot-Sans/WOFF 2/Hubot-Sans-BoldWide.woff") format("woff");font-weight:200 900;font-stretch:75% 125%}@font-face{font-family:"Mona-San";src:url("/fonts/Mona-Sans/Mona-Sans.woff2") format("woff2 supports variations"),url("/fonts/Mona-Sans/Mona-Sans.woff2") format("woff2-variations"),url("/fonts/Mona-Sans/Mona-Sans.woff2") format("woff2"),url("/fonts/Mona-Sans/Mona-Sans.woff") format("woff");font-weight:200 900;font-stretch:75% 125%}@font-face{font-family:"Mona-Sans-BoldWide";src:url("/fonts/Mona-Sans/WOFF 2/Mona-Sans-BoldWide.woff2") format("woff2 supports variations"),url("/fonts/Mona-Sans/WOFF 2/Mona-Sans-BoldWide.woff2") format("woff2-variations"),url("/fonts/Mona-Sans/WOFF 2/Mona-Sans-BoldWide.woff2") format("woff2"),url("/fonts/Mona-Sans/WOFF 2/Mona-Sans-BoldWide.woff") format("woff");font-weight:200 900;font-stretch:75% 125%}
.grid-container{width:100%;display:flex;flex-wrap:wrap;box-sizing:border-box}.grid-container>.grid-item{margin:0;box-sizing:border-box}.grid-container>.grid-item.xs-auto{flex-grow:0;max-width:none;flex-basis:auto}.grid-container>.grid-item.xs-1{flex-grow:0;max-width:8.333333%;flex-basis:8.333333%}.grid-container>.grid-item.xs-2{flex-grow:0;max-width:16.666667%;flex-basis:16.666667%}.grid-container>.grid-item.xs-3{flex-grow:0;max-width:25%;flex-basis:25%}.grid-container>.grid-item.xs-4{flex-grow:0;max-width:33.333333%;flex-basis:33.333333%}.grid-container>.grid-item.xs-5{flex-grow:0;max-width:41.666667%;flex-basis:41.666667%}.grid-container>.grid-item.xs-6{flex-grow:0;max-width:50%;flex-basis:50%}.grid-container>.grid-item.xs-7{flex-grow:0;max-width:58.333333%;flex-basis:58.333333%}.grid-container>.grid-item.xs-8{flex-grow:0;max-width:66.666667%;flex-basis:66.666667%}.grid-container>.grid-item.xs-9{flex-grow:0;max-width:75%;flex-basis:75%}.grid-container>.grid-item.xs-10{flex-grow:0;max-width:83.333333%;flex-basis:83.333333%}.grid-container>.grid-item.xs-11{flex-grow:0;max-width:91.666667%;flex-basis:91.666667%}.grid-container>.grid-item.xs-12{flex-grow:0;max-width:100%;flex-basis:100%}.spacing-xs-1{width:calc(100% + 8px);margin:-4px}.spacing-xs-1>.grid-item{padding:4px}.spacing-xs-2{width:calc(100% + 16px);margin:-8px}.spacing-xs-2>.grid-item{padding:8px}.spacing-xs-3{width:calc(100% + 24px);margin:-12px}.spacing-xs-3>.grid-item{padding:12px}.spacing-xs-4{width:calc(100% + 32px);margin:-16px}.spacing-xs-4>.grid-item{padding:16px}.spacing-xs-5{width:calc(100% + 40px);margin:-20px}.spacing-xs-5>.grid-item{padding:20px}.spacing-xs-6{width:calc(100% + 48px);margin:-24px}.spacing-xs-6>.grid-item{padding:24px}.spacing-xs-7{width:calc(100% + 56px);margin:-28px}.spacing-xs-7>.grid-item{padding:28px}.spacing-xs-8{width:calc(100% + 64px);margin:-32px}.spacing-xs-8>.grid-item{padding:32px}.spacing-xs-9{width:calc(100% + 72px);margin:-36px}.spacing-xs-9>.grid-item{padding:36px}.spacing-xs-10{width:calc(100% + 80px);margin:-40px}.spacing-xs-10>.grid-item{padding:40px}@media(min-width: 600px){.grid-container.sm-auto{flex-grow:0;max-width:none;flex-basis:auto}.grid-container.sm-1{flex-grow:0;max-width:8.333333%;flex-basis:8.333333%}.grid-container.sm-2{flex-grow:0;max-width:16.666667%;flex-basis:16.666667%}.grid-container.sm-3{flex-grow:0;max-width:25%;flex-basis:25%}.grid-container.sm-4{flex-grow:0;max-width:33.333333%;flex-basis:33.333333%}.grid-container.sm-5{flex-grow:0;max-width:41.666667%;flex-basis:41.666667%}.grid-container.sm-6{flex-grow:0;max-width:50%;flex-basis:50%}.grid-container.sm-7{flex-grow:0;max-width:58.333333%;flex-basis:58.333333%}.grid-container.sm-8{flex-grow:0;max-width:66.666667%;flex-basis:66.666667%}.grid-container.sm-9{flex-grow:0;max-width:75%;flex-basis:75%}.grid-container.sm-10{flex-grow:0;max-width:83.333333%;flex-basis:83.333333%}.grid-container.sm-11{flex-grow:0;max-width:91.666667%;flex-basis:91.666667%}.grid-container.sm-12{flex-grow:0;max-width:100%;flex-basis:100%}}@media(min-width: 960px){.grid-container.md-auto{flex-grow:0;max-width:none;flex-basis:auto}.grid-container.md-1{flex-grow:0;max-width:8.333333%;flex-basis:8.333333%}.grid-container.md-2{flex-grow:0;max-width:16.666667%;flex-basis:16.666667%}.grid-container.md-3{flex-grow:0;max-width:25%;flex-basis:25%}.grid-container.md-4{flex-grow:0;max-width:33.333333%;flex-basis:33.333333%}.grid-container.md-5{flex-grow:0;max-width:41.666667%;flex-basis:41.666667%}.grid-container.md-6{flex-grow:0;max-width:50%;flex-basis:50%}.grid-container.md-7{flex-grow:0;max-width:58.333333%;flex-basis:58.333333%}.grid-container.md-8{flex-grow:0;max-width:66.666667%;flex-basis:66.666667%}.grid-container.md-9{flex-grow:0;max-width:75%;flex-basis:75%}.grid-container.md-10{flex-grow:0;max-width:83.333333%;flex-basis:83.333333%}.grid-container.md-11{flex-grow:0;max-width:91.666667%;flex-basis:91.666667%}.grid-container.md-12{flex-grow:0;max-width:100%;flex-basis:100%}}@media(min-width: 1280px){.grid-container.lg-auto{flex-grow:0;max-width:none;flex-basis:auto}.grid-container.lg-1{flex-grow:0;max-width:8.333333%;flex-basis:8.333333%}.grid-container.lg-2{flex-grow:0;max-width:16.666667%;flex-basis:16.666667%}.grid-container.lg-3{flex-grow:0;max-width:25%;flex-basis:25%}.grid-container.lg-4{flex-grow:0;max-width:33.333333%;flex-basis:33.333333%}.grid-container.lg-5{flex-grow:0;max-width:41.666667%;flex-basis:41.666667%}.grid-container.lg-6{flex-grow:0;max-width:50%;flex-basis:50%}.grid-container.lg-7{flex-grow:0;max-width:58.333333%;flex-basis:58.333333%}.grid-container.lg-8{flex-grow:0;max-width:66.666667%;flex-basis:66.666667%}.grid-container.lg-9{flex-grow:0;max-width:75%;flex-basis:75%}.grid-container.lg-10{flex-grow:0;max-width:83.333333%;flex-basis:83.333333%}.grid-container.lg-11{flex-grow:0;max-width:91.666667%;flex-basis:91.666667%}.grid-container.lg-12{flex-grow:0;max-width:100%;flex-basis:100%}}@media(min-width: 1920px){.grid-container.xl-auto{flex-grow:0;max-width:none;flex-basis:auto}.grid-container.xl-1{flex-grow:0;max-width:8.333333%;flex-basis:8.333333%}.grid-container.xl-2{flex-grow:0;max-width:16.666667%;flex-basis:16.666667%}.grid-container.xl-3{flex-grow:0;max-width:25%;flex-basis:25%}.grid-container.xl-4{flex-grow:0;max-width:33.333333%;flex-basis:33.333333%}.grid-container.xl-5{flex-grow:0;max-width:41.666667%;flex-basis:41.666667%}.grid-container.xl-6{flex-grow:0;max-width:50%;flex-basis:50%}.grid-container.xl-7{flex-grow:0;max-width:58.333333%;flex-basis:58.333333%}.grid-container.xl-8{flex-grow:0;max-width:66.666667%;flex-basis:66.666667%}.grid-container.xl-9{flex-grow:0;max-width:75%;flex-basis:75%}.grid-container.xl-10{flex-grow:0;max-width:83.333333%;flex-basis:83.333333%}.grid-container.xl-11{flex-grow:0;max-width:91.666667%;flex-basis:91.666667%}.grid-container.xl-12{flex-grow:0;max-width:100%;flex-basis:100%}}body{margin:0 auto;padding:0;font-family:Rubik;font-size:.875rem;color:#fff;background:#3b3b3b}span,a{text-decoration:none;font-family:Rubik}.bg{position:absolute;width:375px;z-index:-1;right:0}.game-name-inner{display:flex;align-items:center;justify-content:flex-start}.game-name-inner .draft-tag{height:23px;width:65px;display:flex;background:#26282b;border-radius:4px;justify-content:center;align-items:center;padding:0 6px;margin-right:8px;flex-shrink:0}.game-name-inner .draft-tag span{color:#ffc200;opacity:.87}.avatar{width:56px;height:56px;display:flex;justify-content:center;align-items:center;border:1.5px solid #fff;border-radius:50%;margin-right:12px;background-color:rgba(0,0,0,0);background-repeat:no-repeat;background-position:center;background-size:cover;flex:0 0 auto}.avatar.letter{color:#fafafa;background-color:#bdbdbd;overflow:hidden;position:relative;font-size:1.25rem;flex-shrink:0;font-family:Rubik;line-height:1;user-select:none}.game-card{background:#222325;border:.5px solid hsla(0,0%,100%,.2);border-radius:6px;display:flex;flex-flow:column nowrap;position:relative;margin-bottom:12px}.game-card .picture-wrap{flex:0 0 auto;width:100%;position:relative}.game-card .picture-wrap .inner-aspect-ratio{width:100%;height:0;padding:0;padding-bottom:45.92%;position:relative;z-index:1}.game-card .picture-wrap .inner-aspect-ratio .picture{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0);background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:6px}#header{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;background:#26282b;height:70px;padding:0 18px}#header .left{display:flex;flex-direction:column}#header .left .logo{display:flex;align-items:center}#header .left .logo img{max-height:20px;padding-right:10px}#header .right{display:flex}#main{z-index:1;position:relative}#main.space .space-card{width:calc(100% - 36px);border:.5px solid hsla(0,0%,100%,.2);background:#141517;box-sizing:border-box;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;padding:12px 16px 18px 16px;margin:40px auto 60px auto}#main.space .space-card .title{display:flex;flex-direction:row;align-items:center;margin-bottom:12px}#main.space .space-card .title .avatar{width:30px;height:30px;border:1px solid #fff;margin-right:7.5px}#main.profile{margin-bottom:40px}#main.profile .user-detail{margin:20px 18px 30px 18px;display:flex;flex-direction:column;min-height:100px}#main.profile .user-detail .title{display:flex;margin-bottom:6px}#main.profile .user-detail .title .info{display:flex;flex-direction:column;justify-content:space-around}#main.profile .games{margin:0 18px}#main.profile .games .grid-container{flex-direction:row}#main.profile .games .game-card{border-radius:7px}#main.profile .games .game-card .inner-aspect-ratio{padding-bottom:45.68%}#main.profile .games .game-card .inner-aspect-ratio .picture{border-radius:7px 7px 0 0}#main.profile .games .game-card .number{position:absolute;min-width:33px;height:18px;background:#000;border-radius:4px;display:flex;align-items:center;right:3px;top:3px;padding:0 6px;z-index:1;justify-content:center}#main.profile .games .game-card .number img{width:8px;height:8px;padding-right:3.33px}#main.profile .games .game-card .description{display:flex;flex-direction:column;padding:7px 10px;flex-grow:1;justify-content:space-evenly}#main.profile .games .game-card .description .user{display:flex}#main.profile .games .game-card .description .user img{width:12px;height:12px;opacity:.8;padding-right:6px}#main.invite{margin-bottom:50px}#main.invite .user-detail{margin-top:70px}#main.invite .user-detail .user-detail-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 35px}#main.invite .user-detail .user-detail-inner .avatar{width:120px;height:120px;margin-right:0;margin-bottom:26px}#main.invite .user-detail .user-detail-inner .avatar.letter{font-size:3.25rem}#main.invite .user-detail .user-detail-inner>span{text-align:center}footer{flex-grow:1;display:flex;justify-content:center}footer a{margin:0 auto}.share{background:#141517;min-height:100vh;z-index:1;position:relative}.share .invite-bg{position:absolute;width:100%;height:100%;top:70px}.share .share-inner{display:flex;flex-direction:column;justify-content:space-between}.share .modal-wx{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.92);top:0;z-index:1;display:none}.share .modal-wx .tag{text-align:right;padding:20px 20px 0 0}.share .modal-wx .tag img{max-height:100px}.share .modal-wx .info{padding:0 30px}.share .modal-wx .info p{margin:0;line-height:20px;font-size:1rem}.share .modal-wx .action{text-align:center;margin-top:10px}.share .modal-wx .action button{padding:12px 24px;background:#ffc200;font-size:1rem;border-radius:22px;border:0;font-weight:500;color:#141517}.pc,.lg{width:375px;margin:50px auto auto auto;height:auto;min-height:812px;border-radius:16px}.pc .invite-bg,.lg .invite-bg{width:375px;height:742px;position:fixed;top:120px;border-radius:0 0 16px 16px}.pc #header,.lg #header{width:375px;margin:auto;padding:0;border-radius:16px 16px 0 0;justify-content:space-around}.pc .share-inner,.lg .share-inner{width:375px}.ui-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:5px 24px 6px;width:200px;height:52px;color:#1d1e25;border-radius:52.8px;border:none;background-color:#ffc200;z-index:1}.ui-button:hover{background-color:rgba(255,194,0,.8)}.ui-button:active{background-color:#ffc200}.ui-button.lg{width:200px;height:52px}.ui-button.sm{width:90px;height:30px;border-radius:113.333px}
.size-12{font-size:.75rem}.size-13{font-size:.8125rem}.size-14{font-size:.875rem}.size-15{font-size:.9375rem}.size-16{font-size:1rem}.size-18{font-size:1.125rem}.size-20{font-size:1.25rem}.size-22{font-size:1.375rem}.size-28{font-size:1.75rem}.opacity-6{opacity:.6}.opacity-8{opacity:.8}.line-height-14{line-height:14px}.line-height-15{line-height:15px}.line-height-17{line-height:17px}.line-height-18{line-height:18px}.line-height-19{line-height:19px}.line-height-21{line-height:21px}.line-height-22{line-height:22px}.line-height-24{line-height:24px}.line-height-26{line-height:26px}.weight-500{font-weight:500}.weight-600{font-weight:600}.weight-800{font-weight:800}.max-line-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}.max-line-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}.max-line-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}