@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";.rouletter_game__W8FFq{display:grid;grid-template-columns:1fr .5fr;grid-template-areas:"board input";height:calc(100vh - 4.5rem);gap:1rem}@media(max-width:1024px){.rouletter_game__W8FFq{grid-template-columns:1fr .4fr}}@media(max-width:768px){.rouletter_game__W8FFq{grid-template-areas:"board" "input";grid-template-columns:1fr;grid-template-rows:1fr .4fr;gap:.5rem}}@media(max-width:480px){.rouletter_game__W8FFq{grid-template-rows:1fr .5fr;height:calc(100vh - 3.5rem)}}.rouletter_sectionBoard__cL9Eq{grid-area:board;display:flex;justify-content:center;align-items:center;position:relative}.rouletter_noItemGuide__Q1xRM{position:absolute;font-size:3rem;font-weight:600;text-align:center;padding:0 1rem}@media(max-width:768px){.rouletter_noItemGuide__Q1xRM{font-size:2rem}}@media(max-width:480px){.rouletter_noItemGuide__Q1xRM{font-size:1.5rem}}.rouletter_canvas__fnbzM{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.rouletter_arrow__o6juv{width:100%}.rouletter_arrow__o6juv svg{position:absolute;width:30px;height:30px}.rouletter_arrow__o6juv svg[active="0"]{display:none}.rouletter_arrow__o6juv h1{font-size:2.4rem;font-weight:600;width:100%}@media(max-width:768px){.rouletter_arrow__o6juv svg{width:25px;height:25px}.rouletter_arrow__o6juv h1{font-size:2rem}}@media(max-width:480px){.rouletter_arrow__o6juv svg{width:20px;height:20px}.rouletter_arrow__o6juv h1{font-size:1.6rem}}.rouletter_result__wws1g{position:absolute;height:3rem;text-align:center;display:flex;justify-content:center}.rouletter_sectionInput__6ybsQ{grid-area:input;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem .5rem;padding:1rem 4rem}.rouletter_sectionInput__6ybsQ input:disabled{border-color:#d3d3d3}.rouletter_sectionInput__6ybsQ button:disabled{background-color:#d3d3d3}.rouletter_sectionInput__6ybsQ .rouletter_inputDiv__6opZh,.rouletter_sectionInput__6ybsQ .rouletter_inputDiv__6opZh input,.rouletter_sectionInput__6ybsQ .rouletter_rotateDiv__AAT4g{width:100%}.rouletter_sectionInput__6ybsQ .rouletter_rotateDiv__AAT4g button{width:100%;background:#fff31a;color:gray;font-size:1.25rem}.rouletter_sectionInput__6ybsQ .rouletter_rotateDiv__AAT4g button:disabled{background-color:#d3d3d3}.rouletter_sectionInput__item__mrT27{display:flex;width:100%;height:3.5rem;position:relative;gap:.5rem}.rouletter_sectionInput__item__mrT27 button{min-width:7rem;height:100%;flex-shrink:0}@media(max-width:768px){.rouletter_sectionInput__6ybsQ{padding:1rem;gap:.8rem}.rouletter_sectionInput__item__mrT27{height:3rem;flex-direction:column;gap:.5rem}.rouletter_sectionInput__item__mrT27 button{min-width:auto;width:100%}}@media(max-width:480px){.rouletter_sectionInput__6ybsQ{padding:.5rem}.rouletter_sectionInput__item__mrT27{height:auto}.rouletter_inputTextGuide__qq_kY{position:absolute;top:-4em;padding:.8rem 1rem;background-color:var(--secondary-color);background:#f5ef42;border-radius:.4em;height:-moz-min-content;height:min-content;color:var(--font-color);font-weight:300;font-size:.8rem;opacity:1;transition:opacity .3s ease}.rouletter_inputTextGuide__qq_kY[active=false]{opacity:0;transition:opacity .3s ease}.rouletter_inputTextGuide__qq_kY:after{content:"";position:absolute;bottom:.1em;left:25%;width:0;height:0;border:.719em solid transparent;border-top-color:#f5ef42;border-bottom:0;border-left:0;margin-left:-.359em;margin-bottom:-.719em}.rouletter_rotateDiv__AAT4g,.rouletter_rotateDiv__AAT4g button{width:100%}}