.suikaGame_gameArea__2TmMa{align-items:center;background:linear-gradient(0deg,#f5f1c4,#cfa76f,#a0633b);display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}
.suikaGame_gameArea__2TmMa .suikaGame_gameWrap__mBnp3{gap:8px;position:relative;top:0}
.suikaGame_canvasArea__-aAos,.suikaGame_gameArea__2TmMa .suikaGame_gameWrap__mBnp3{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}
.suikaGame_canvasArea__-aAos{gap:.2em;overflow:hidden}
.suikaGame_canvasArea__-aAos .suikaGame_canvasWrap__424\+P,.suikaGame_canvasArea__-aAos canvas{-webkit-user-select:none;user-select:none}
.suikaGame_canvasArea__-aAos canvas{border:2px solid hsla(0,0%,100%,0.502);border-radius:16px;cursor:pointer}
.gameOverModal_gameOverArea__6NREv{align-items:center;background:#000c;display:flex;flex-direction:column;font-family:Patrick Hand,Pretendard;height:100%;justify-content:center;position:fixed;-webkit-user-select:none;user-select:none;width:100%}
.gameOverModal_gameOverArea__6NREv .gameOverModal_text__wrU1W{color:#fff;font-family:Patrick Hand,Pretendard;font-size:4em;font-weight:700}
.gameOverModal_gameOverArea__6NREv .gameOverModal_score__DOmE8{color:#fff;font-family:Patrick Hand,Pretendard;font-size:2em;margin-top:.3em}
.gameOverModal_gameOverArea__6NREv .gameOverModal_btn__LSWKS{background:#fff;border-radius:36px;color:#000;cursor:pointer;font-family:Patrick Hand,Pretendard;font-size:2em;font-weight:700;margin-top:.6em;padding:.5em .7em}
.gameOverModal_gameOverArea__6NREv .gameOverModal_btn__LSWKS:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}
.gameOverModal_gameOverArea__6NREv .gameOverModal_btn__LSWKS:active{-webkit-transform:scale(1.1);transform:scale(1.1)}
.gameOverModal_gameOverArea__6NREv .gameOverModal_linkArea__8UG\+F{bottom:32px;position:fixed}
.gameOverModal_gameOverArea__6NREv .gameOverModal_linkArea__8UG\+F .gameOverModal_formsLink__-J5\+Z{color:#fff;font-size:1em}
.gameOverModal_gameOverArea__6NREv .gameOverModal_linkArea__8UG\+F .gameOverModal_shareaBtn__unIcr{color:#fff;cursor:pointer;font-size:1em;margin-left:12px;position:relative}
.gameOverModal_gameOverArea__6NREv .gameOverModal_linkArea__8UG\+F .gameOverModal_shareaBtn__unIcr:before{background:#fff;content:"";display:block;height:50%;left:-6px;position:absolute;top:0;-webkit-transform:translateY(50%);transform:translateY(50%);width:1px}
.gameOverModal_gameOverArea__6NREv .gameOverModal_toastArea__4pwTl{background:#111;border-radius:2px;bottom:30px;color:#fff;font-size:1em;padding:1.5em;position:fixed;visibility:hidden}
.gameOverModal_gameOverArea__6NREv .gameOverModal_toastArea__4pwTl.gameOverModal_show__UXYd2{-webkit-animation:gameOverModal_fadein__QbwAY 0.5s,gameOverModal_fadeout__3pNL\+ .5s 2.5s;animation:gameOverModal_fadein__QbwAY 0.5s,gameOverModal_fadeout__3pNL\+ .5s 2.5s;visibility:visible}
.gameOverModal_gframe__oOzsL{margin-top:.8em;text-align:center}
@-webkit-keyframes gameOverModal_fadein__QbwAY {
0%{bottom:0;opacity:0}
to{bottom:30px;opacity:1}
}
@keyframes gameOverModal_fadein__QbwAY {
0%{bottom:0;opacity:0}
to{bottom:30px;opacity:1}
}
@-webkit-keyframes gameOverModal_fadeout__3pNL\+ {
0%{bottom:30px;opacity:1}
to{bottom:0;opacity:0}
}
@keyframes gameOverModal_fadeout__3pNL\+ {
0%{bottom:30px;opacity:1}
to{bottom:0;opacity:0}
}
.intro_introArea__d2jLS{align-items:center;background:linear-gradient(0deg,#f5f1c4,#cfa76f,#a0633b);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;-webkit-user-select:none;user-select:none;width:100%}
.intro_introArea__d2jLS .intro_listWrap__ftDpu{-webkit-animation:intro_spin__hswfy 50s linear infinite;animation:intro_spin__hswfy 50s linear infinite}
.intro_introArea__d2jLS .intro_listWrap__ftDpu .intro_listItem__creUy{-webkit-animation:intro_spin__hswfy 5s linear infinite;animation:intro_spin__hswfy 5s linear infinite;background-position:50%;background-repeat:no-repeat;background-size:contain;height:48px;position:absolute;transition:all .5s ease-in-out;width:48px}
.intro_introArea__d2jLS .intro_titleArea__pKLGQ{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;width:100%}
.intro_introArea__d2jLS .intro_titleArea__pKLGQ .intro_btn__gy7Bu{color:#fff;cursor:pointer;font-family:Patrick Hand,Pretendard;font-size:2.5em;font-weight:700;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}
.intro_introArea__d2jLS .intro_patchLink__MuUKi{bottom:2em;color:#fff;font-size:1.5em;position:fixed}
.intro_introArea__d2jLS .intro_version__zrIR1{bottom:1.5em;color:#fff;font-size:1em;position:fixed}
.intro_rank-btn__v7D2v{bottom:2em;color:#fff;cursor:pointer;font-family:Pretendard,sans-serif;font-size:1.5em;position:fixed;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}
@-webkit-keyframes intro_spin__hswfy {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
@keyframes intro_spin__hswfy {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
.header_headerArea__K4Tf1{align-items:end;display:flex;justify-content:space-between;padding:0 .2em;-webkit-user-select:none;user-select:none;width:100%}
.header_headerArea__K4Tf1 .header_bestScoreArea__TFcTg{color:#fff;display:flex;flex:1 1;flex-direction:column;height:3em}
.header_headerArea__K4Tf1 .header_bestScoreArea__TFcTg .header_text__aMHhN{font-family:Patrick Hand,Pretendard,serif;font-size:.8em;font-weight:700}
.header_headerArea__K4Tf1 .header_bestScoreArea__TFcTg .header_number__z1y4q{font-family:Pacifico,Pretendard,serif;font-size:2em;letter-spacing:-2px;line-height:.5em;margin-top:.1em}
.header_headerArea__K4Tf1 .header_scoreArea__GoX0v{align-items:center;display:flex;flex:1 1;justify-content:center}
.header_headerArea__K4Tf1 .header_scoreArea__GoX0v .header_score__bsWSb{color:#fff;font-family:Pacifico,Pretendard,serif;font-size:3.5em;line-height:1.3em}
.header_headerArea__K4Tf1 .header_itemArea__hX5I7{display:flex;flex:.6 1;flex-direction:column;height:3em;text-align:right}
.header_headerArea__K4Tf1 .header_itemArea__hX5I7 .header_text__aMHhN{color:#fff;font-family:Patrick Hand,Pretendard,serif;font-size:.8em;font-weight:700;-webkit-user-select:none;user-select:none}
.header_headerArea__K4Tf1 .header_itemArea__hX5I7 .header_next__d6IlZ{height:2em;padding:.2em 0;width:100%}
.header_headerArea__K4Tf1 .header_itemArea__hX5I7 .header_next__d6IlZ .header_itemBtn__febOZ{margin-top:.2em;position:relative!important}
.header_headerArea__K4Tf1 .header_itemArea__hX5I7 .header_next__d6IlZ .header_itemBtn__febOZ:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}
.header_headerArea__K4Tf1 .header_itemArea__hX5I7 .header_next__d6IlZ .header_itemBtn__febOZ:active{-webkit-transform:scale(1.2);transform:scale(1.2)}
.header_headerArea__K4Tf1 .header_itemArea__hX5I7 .header_next__d6IlZ .header_itemBtn__febOZ .header_badge__bilYF{font-size:.6em}
.header_headerArea__K4Tf1 .header_itemArea__hX5I7 .header_next__d6IlZ .header_itemBtn__febOZ .header_img__14bEn{background-position:100%;background-repeat:no-repeat;background-size:contain;display:flex;height:2.2em}
.header_headerArea__K4Tf1 .header_nextArea__5rPGh{display:flex;flex:.4 1;flex-direction:column;height:3em;text-align:right}
.header_headerArea__K4Tf1 .header_nextArea__5rPGh .header_text__aMHhN{color:#fff;font-family:Patrick Hand,Pretendard,serif;font-size:.8em;font-weight:700;-webkit-user-select:none;user-select:none}
.header_headerArea__K4Tf1 .header_nextArea__5rPGh .header_next__d6IlZ{height:2em;padding:.2em 0;width:100%}
.header_headerArea__K4Tf1 .header_nextArea__5rPGh .header_next__d6IlZ .header_img__14bEn{background-position:100%;background-repeat:no-repeat;background-size:contain;display:flex;height:1.8em}
.header_zoom-in-out__iKIjf{-webkit-animation:header_zoom-in-out__iKIjf 2s;animation:header_zoom-in-out__iKIjf 2s}
@-webkit-keyframes header_zoom-in-out__iKIjf {
0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(2);transform:scale(2)}
to{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes header_zoom-in-out__iKIjf {
0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(2);transform:scale(2)}
to{-webkit-transform:scale(1);transform:scale(1)}
}
.header_shake__iK9\+i{-webkit-animation:header_shake__iK9\+ i .2s ease-in-out 5;animation:header_shake__iK9\+ i .2s ease-in-out 5}
@-webkit-keyframes header_shake__iK9\+i {
0%{-webkit-transform:translateX(0);transform:translateX(0)}
25%{-webkit-transform:translateX(-0.3em);transform:translateX(-0.3em)}
50%{-webkit-transform:translateX(0);transform:translateX(0)}
75%{-webkit-transform:translateX(0.3em);transform:translateX(0.3em)}
to{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes header_shake__iK9\+i {
0%{-webkit-transform:translateX(0);transform:translateX(0)}
25%{-webkit-transform:translateX(-0.3em);transform:translateX(-0.3em)}
50%{-webkit-transform:translateX(0);transform:translateX(0)}
75%{-webkit-transform:translateX(0.3em);transform:translateX(0.3em)}
to{-webkit-transform:translateX(0);transform:translateX(0)}
}
.leaderBoardModal_boardArea__vZJjO{align-items:center;background:#000c;display:flex;flex-direction:column;height:100%;justify-content:center;position:fixed;width:100%}
.leaderBoardModal_scoreboard__-MtE-{align-items:center;display:flex;justify-content:center;position:fixed;width:22em}
.leaderBoardModal_scoreboard__-MtE- ul{padding:auto;width:100%}
.leaderBoardModal_scoreboard__-MtE- ul li{font-size:1em}
.leaderBoardModal_scoreboard__-MtE- ul li .leaderBoardModal_number-badge__rABIe{display:inline-block;margin-right:.5rem;min-width:2em}
.leaderBoardModal_margin-right-p__TJGW9,p span{margin-right:.2em}
.leaderBoardModal_my-rank-badge__tskDr{display:inline-block;margin-right:.5rem;min-width:2em}
.leaderBoardModal_my-rank-name__OQ3dZ{display:block;margin-left:.1em;margin-top:.2em}
.leaderBoardModal_my-rank-list__X7TeU{--bs-list-group-bg:#e3e3e3}
.leaderBoardModal_gold-bg__\+Wz79{--bs-bg-opacity:1;background-color:#ffd541}
.leaderBoardModal_silver-bg__vwBSN{--bs-bg-opacity:1;background-color:#c9bcbd}
.leaderBoardModal_bronz-bg__AEFB7{--bs-bg-opacity:1;background-color:#985336}
.leaderBoardModal_rank__mi5\+1{font-size:18px;font-weight:700;padding:5px}
.leaderBoardModal_my-rank__Yvolc{color:#ff5722}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;box-sizing:border-box;font-family:Patrick Hand,Pretendard;font-size:100%;font:inherit;font-family:Pretendard,sans-serif;margin:0;padding:0;vertical-align:initial}
body,html{height:100%;width:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}
table{border-collapse:collapse;border-spacing:0}
button{background:none repeat scroll 0 0 transparent;border:none;border-spacing:0;color:#26589f;font-family:PT Sans Narrow,sans-serif;font-weight:400;line-height:1.42rem;list-style:none outside none;margin:0;padding:0;text-align:left;text-decoration:none;text-indent:0}
a{outline:none}
a,a:active,a:hover{color:#fff;text-decoration:none}
/* v4 responsive + UI layer */
:root{--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}
html,body{height:100%;height:100dvh;overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background:#a0633b}
#root{height:100%!important;height:100dvh!important;width:100%}
[class*="suikaGame_gameArea"]{padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);font-size:clamp(12px,1.9vmin,17px)}
[class*="suikaGame_canvasArea"]{width:fit-content;max-width:100%;max-height:100%;min-height:0;gap:.4em;padding:.4em}
#canvasWrap{display:flex;justify-content:center;align-items:center;min-height:0;flex:1 1 auto;max-width:100%}
#canvasWrap canvas{max-width:100%;max-height:100%;width:auto!important;height:auto!important;touch-action:none;box-shadow:0 8px 28px rgba(60,25,5,.35);-webkit-user-select:none;user-select:none}
[class*="header_headerArea"]{flex:0 0 auto;gap:.5em;padding:0 .3em}
[class*="header_score__"]{font-size:clamp(2em,6vmin,3.5em)!important}
[class*="gameOverModal_gameOverArea"],[class*="leaderBoardModal_boardArea"]{inset:0;z-index:10;padding:var(--safe-t) 1em var(--safe-b);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);text-align:center}
[class*="gameOverModal_text"]{font-size:clamp(2em,9vmin,4em)!important}
[class*="gameOverModal_score"]{font-size:clamp(1.3em,5vmin,2em)!important}
[class*="gameOverModal_btn"]{font-size:clamp(1.2em,4.5vmin,2em)!important;min-height:44px;box-shadow:0 4px 14px rgba(0,0,0,.35)}
[class*="gameOverModal_linkArea"]{bottom:calc(20px + var(--safe-b))!important}
[class*="gameOverModal_toastArea"]{max-width:90vw;left:50%;transform:translateX(-50%)}
[class*="leaderBoardModal_scoreboard"]{width:min(22em,92vw)!important;max-height:84dvh;overflow:auto;position:relative!important}
[class*="intro_introArea"]{height:100dvh;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l)}
[class*="intro_btn"]{font-size:clamp(1.8em,8vmin,2.5em)!important;padding:.5em 1em;min-height:44px}
[class*="intro_patchLink"],[class*="intro_version"]{bottom:calc(1.5em + var(--safe-b))!important}
[class*="intro_rank-btn"]{bottom:calc(2em + var(--safe-b))!important;padding:.4em}
@media (max-height:420px){[class*="header_headerArea"]{transform:scale(.85);transform-origin:top center}}
@media (hover:none){[class*="header_itemBtn"]:hover{transform:none!important}}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}
html,body{overflow-y:auto}
#seo{background:#fff8f3;color:#3b2412;padding:2.5rem 1.2rem calc(2.5rem + var(--safe-b));font:16px/1.65 Pretendard,system-ui,sans-serif}
#seo>div{max-width:760px;margin:0 auto}
#seo h1{font:700 clamp(1.5rem,5vw,2.1rem)/1.25 Pretendard,system-ui,sans-serif;margin:0 0 .6rem;color:#a0633b}
#seo h2{font:700 1.2rem/1.3 Pretendard,system-ui,sans-serif;margin:1.8rem 0 .5rem}
#seo p,#seo li{margin:0 0 .6rem;font-size:1rem}#seo ol{list-style:decimal;padding-left:1.4rem}
#seo a{color:#c2410c;text-decoration:underline}#seo a:hover{background:none}
#seo nav{margin-top:1.8rem;display:flex;gap:1rem;flex-wrap:wrap}
html{height:100%;overflow-y:auto;overflow-x:hidden}
body{height:auto!important;min-height:100%;overflow:visible!important}
::-webkit-scrollbar{width:6px;height:6px;background:transparent}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#a0633b;border-radius:3px;min-height:32px}
::-webkit-scrollbar-thumb:hover{background:#7d4a28}
::-webkit-scrollbar-corner{background:transparent}
@supports not selector(::-webkit-scrollbar){html{scrollbar-width:thin;scrollbar-color:#a0633b transparent}}
@media (max-width:480px){#seo{padding:1.5rem 1rem calc(1.5rem + var(--safe-b))}}
body{touch-action:manipulation}
@media (min-width:1600px){[class*="suikaGame_gameArea"]{font-size:18px}}
@media (max-width:340px){[class*="header_headerArea"]{transform:scale(.88);transform-origin:top center}}
#noscript{color:#fff;text-align:center;padding:2em}