*,:before,:after{box-sizing:border-box}:not(dialog){margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root{isolation:isolate}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/barlow-semi-condensed-v16-latin-700-BpqDG8I9.woff2)format("woff2")}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/barlow-semi-condensed-v16-latin-600-BkLiAYu4.woff2)format("woff2")}body{background:radial-gradient(134.34% 134.34% at 50% 0,#1f3757,#131537 100%) no-repeat fixed;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:0;font-family:Barlow Semi Condensed,Helvetica Neue,Arial,system-ui,-apple-system,Segoe UI,sans-serif;display:flex}@keyframes winner-xl{0%{transform:scale(0)}to{transform:scale(2.4)}}@keyframes winner-lg{0%{transform:scale(0)}to{transform:scale(1.9)}}@keyframes winner-sm{0%{transform:scale(0)}to{transform:scale(1.42)}}.game-piece{border-radius:100%;position:relative}.game-piece .winner-light{opacity:.05;background:#fff;border:none;border-radius:1000px;transition:opacity .3s;position:absolute;top:0;left:0;transform:scale(0)}.game-piece .winner-light[data-size=xl]{animation:1s forwards winner-xl}@media (prefers-reduced-motion:reduce){.game-piece .winner-light[data-size=xl]{animation:none}}.game-piece .winner-light[data-size=lg]{animation:1s forwards winner-lg}@media (prefers-reduced-motion:reduce){.game-piece .winner-light[data-size=lg]{animation:none}}.game-piece .winner-light[data-size=sm]{animation:1s forwards winner-sm}@media (prefers-reduced-motion:reduce){.game-piece .winner-light[data-size=sm]{animation:none}}.game-piece .hover-light{opacity:0;z-index:1;background:#fff;border:none;border-radius:1000px;transition:opacity .3s;position:absolute;top:0;left:0;transform:scale(1.2)}.game-piece[data-size=xs-1] img,.game-piece[data-size=xs-1] .hover-light{width:129.37px;height:132.66px}@media (width>=768px){.game-piece[data-size=xs-1] img,.game-piece[data-size=xs-1] .hover-light{width:198px;height:203px}}.game-piece[data-size=sm-2] img{width:129.37px;height:132.66px}@media (width>=768px){.game-piece[data-size=sm-2] img{width:292.61px;height:300px}}.game-piece[data-size=sm-3] img,.game-piece[data-size=sm-3] .winner-light{width:129.37px;height:132.66px}@media (width>=768px){.game-piece[data-size=sm-3] img,.game-piece[data-size=sm-3] .winner-light{width:200px;height:205.1px}}@media (width>=1366px){.game-piece[data-size=sm-3] img,.game-piece[data-size=sm-3] .winner-light{width:292.61px;height:300px}}.game-piece__img{z-index:10;border-radius:100%;position:relative}.game-piece__img.hoverable{cursor:pointer}.game-piece--hoverable:hover .hover-light{opacity:.1}.unstyled-button{font:inherit;color:inherit;cursor:pointer;outline:inherit;-webkit-appearance:none;-moz-appearance:none;background:0 0;border:none;margin:0;padding:0}.unstyled-button:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #4a90e2}@media (prefers-reduced-motion:reduce){.hover-light,.winner-light{transition:none}}.pieces-connector{width:166px;height:188px}@media (width>=768px){.pieces-connector{width:254px;height:287px}}.pieces-connector-pentagon{width:227px;height:227px}@media (width>=768px){.pieces-connector-pentagon{width:345px;height:345px}}.pieces-container{justify-content:center;align-items:center;width:311px;height:281px;display:flex;position:relative}.pieces-container__paper{position:absolute;top:0;left:0}.pieces-container__scissor{position:absolute;top:0;right:0}.pieces-container__rock{position:absolute;bottom:0;left:50%;transform:translate(-50%)}@media (width>=768px){.pieces-container{width:478px;height:430px}}li{list-style:none}.main-game{flex-direction:column;display:flex;position:absolute;top:227px;left:50%;transform:translate(-50%)}.main-game .heading-two{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=768px){.main-game{top:262px}}.suten-logo{width:81.62px;height:47.06px}@media (width>=768px){.suten-logo{width:155.48px;height:92.68px}}.score-box{background:#fff;border-radius:4px;justify-content:center;align-items:center;width:5rem;min-width:3rem;height:4.5rem;padding:.5rem;display:flex}.score-box__content{flex-direction:column;width:33px;display:flex}.score-box__text{letter-spacing:.09375rem;text-align:center;color:#2a45c2;text-wrap:nowrap;font-family:Barlow Semi Condensed,Helvetica Neue,Arial,system-ui,-apple-system,Segoe UI,sans-serif;font-size:.625rem;font-weight:600;line-height:1.2}.score-box__value{letter-spacing:0;text-align:center;color:#565468;font-family:Barlow Semi Condensed,Helvetica Neue,Arial,system-ui,-apple-system,Segoe UI,sans-serif;font-size:2.5rem;font-weight:700;line-height:1}@media (width>=768px){.score-box{background:#fff;border-radius:8px;justify-content:center;align-items:center;width:fit-content;height:fit-content;padding:1rem 3rem;display:flex}.score-box__content{width:54.5px}.score-box__text{letter-spacing:.15625rem;font-family:Barlow Semi Condensed,Helvetica Neue,Arial,system-ui,-apple-system,Segoe UI,sans-serif;font-size:1rem;font-weight:600;line-height:1.2}.score-box__value{letter-spacing:0;font-family:Barlow Semi Condensed,Helvetica Neue,Arial,system-ui,-apple-system,Segoe UI,sans-serif;font-size:4rem;font-weight:700;line-height:1}}.header-content{justify-content:space-between;align-items:center;width:284px;height:fit-content;display:flex}.header-content .heading-one{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=768px){.header-content{width:643.18px}}.header{border:2px solid #565468;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;width:307px;height:92px;display:flex;position:absolute;top:32px;left:50%;transform:translate(-155.5px)}@media (width>=768px){.header{border:2px solid #565468;border-radius:15px;width:fit-content;height:fit-content;padding:calc(1rem - 2px) calc(1.5rem - 2px);top:48px;transform:translate(-347.585px)}}.piece-card{flex-direction:column;gap:1rem;width:145px;display:flex}.piece-card p{letter-spacing:.125rem;text-align:center;color:#fff;text-shadow:0 3px 3px #00000032;text-wrap:nowrap;font-family:Barlow Semi Condensed,Helvetica Neue,Arial,system-ui,-apple-system,Segoe UI,sans-serif;font-size:.9375rem;font-weight:700;line-height:2}@media (width>=768px){.piece-card{flex-direction:column-reverse;justify-content:space-between;align-items:center;gap:0;width:292.61px;height:396px;display:flex}.piece-card p{letter-spacing:.1875rem;font-family:Barlow Semi Condensed,Helvetica Neue,Arial,system-ui,-apple-system,Segoe UI,sans-serif;font-size:1.5rem;font-weight:700;line-height:1.35}.piece-card.mode-three{width:228px;height:301px}}@media (width>=1366px){.piece-card.mode-three{width:292.61px;height:396px}}.piece-placeholder{justify-content:center;align-items:center;width:129.37px;height:132.66px;display:flex}.piece-placeholder__content{cursor:pointer;background:#0000004d;border-radius:1000px;width:99.31px;height:99.33px}@media (width>=768px){.piece-placeholder{width:292.61px;height:286.7px}.piece-placeholder__content{width:224.63px;height:224.63px}}.pre-step-two{justify-content:center;align-items:center;gap:2.5rem;display:flex}@media (width>=768px){.pre-step-two{gap:5rem}}[data-slot=button]{letter-spacing:.15625rem;text-align:center;cursor:pointer;border-radius:8px;font-family:Barlow Semi Condensed,Helvetica Neue,Arial,system-ui,-apple-system,Segoe UI,sans-serif;font-size:1rem;font-weight:600;line-height:1.2}[data-slot=button][data-variant=ghost]{text-align:center;color:#fff;background:0 0;border:1px solid #fff;width:128px;height:40px}[data-slot=button][data-variant=ghost]:hover{color:#3b4262;background:#fff}[data-slot=button][data-variant=primary]{color:#3b4262;background:#fff;border:none;width:100%;height:fit-content;padding:1rem 4rem}[data-slot=button][data-variant=primary]:hover{opacity:.9;color:#3b4262;background:#fff}.game-result{flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;width:226px;display:flex}.game-result__text{letter-spacing:0;text-align:center;color:#fff;text-shadow:0 3px 3px #00000032;font-family:Barlow Semi Condensed,Helvetica Neue,Arial,system-ui,-apple-system,Segoe UI,sans-serif;font-size:3.5rem;font-weight:700;line-height:1.2}.game-result__button{text-wrap:nowrap}.game-result.result-inner{display:none}@media (width>=1366px){.game-result.result-inner{z-index:50;display:flex}.game-result.result-outer{display:none}}.step-three{flex-direction:column;align-items:center;gap:4rem;width:330px;display:flex}@media (width>=768px){.step-three{gap:0;width:601px}}@media (width>=1366px){.step-three{width:fit-content;height:fit-content}}.step-three__pieces{flex-direction:row;gap:2.5rem;width:100%;height:fit-content;display:flex}@media (width>=768px){.step-three__pieces{justify-content:space-between;align-items:center;gap:0;display:flex}}@media (width>=1366px){.step-three__pieces{justify-content:baseline;gap:4rem;width:fit-content;height:fit-content}}.dialog-overlay{background-color:#00000080;animation:.15s cubic-bezier(.16,1,.3,1) overlayShow;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.dialog-overlay{animation:none}}.dialog-content{background-color:#fff;flex-direction:column;align-items:center;width:100vw;height:100vh;min-height:420px;animation:.15s cubic-bezier(.16,1,.3,1) contentShow;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.dialog-content{animation:none}}.dialog-content__inner{flex-direction:column;justify-content:space-between;align-items:center;gap:7.0625rem;margin-block-start:95px;display:flex}.dialog-content__inner .dialog-header{justify-content:center;align-items:center;width:100%;display:flex}.dialog-content__inner .dialog-header .dialog-title{letter-spacing:0;color:#3b4262;font-family:Barlow Semi Condensed,Helvetica Neue,Arial,system-ui,-apple-system,Segoe UI,sans-serif;font-size:2rem;font-weight:700;line-height:1}.dialog-content__inner .dialog-header .close-button__img{display:none}.dialog-content__inner .dialog-header .close-button__img:focus{border-radius:4px;outline:1px solid #000}.dialog-content__inner .dialog-description{width:303.37px;height:269.63px}.dialog-content__inner .footer{cursor:pointer;padding-top:42px}@media (width>=768px){.dialog-content{border-radius:8px;width:fit-content;max-width:500px;height:fit-content;max-height:85vh;padding:2rem;box-shadow:0 3px 3px #00000032}.dialog-content__inner{flex-direction:column;justify-content:space-between;align-items:center;gap:3rem;width:336.1px;margin-block-start:0;display:flex}.dialog-content__inner .dialog-header{justify-content:space-between;align-items:center;width:100%;display:flex}.dialog-content__inner .dialog-header .dialog-title{letter-spacing:0;color:#3b4262;font-family:Barlow Semi Condensed,Helvetica Neue,Arial,system-ui,-apple-system,Segoe UI,sans-serif;font-size:2rem;font-weight:700;line-height:1}.dialog-content__inner .dialog-header .close-button__img{cursor:pointer;width:19.01px;height:19.01px;display:inline-block}.dialog-content__inner .dialog-header .close-button__img:focus{outline-offset:1px;border-radius:4px;outline:1px solid #000}.dialog-content__inner .footer{display:none}}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}.dialog-trigger{position:absolute;top:654px;right:50%;transform:translate(50%)}@media (width>=768px){.dialog-trigger{top:696px;right:39px;transform:none}}@media (width>=1366px){.dialog-trigger{right:32px}}