@charset "UTF-8";.battle-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.battle-dialog{background:#fff;border-radius:16px;padding:66px 128px;min-width:500px;width:72.3%;box-shadow:0 10px 40px #0003}.battle-dialog__content{display:flex;flex-direction:column;margin-top:66px}.battle-dialog__instruction{margin:0;font-size:25px;color:#333;text-align:center;line-height:1.17}.battle-dialog__link-container{display:flex;align-items:center;gap:.5rem;background:#fff;border-radius:8px;padding:.75rem 1rem;margin-top:78px;border:1px solid #000}.battle-dialog__link-input{flex:1;border:none;background:transparent;font-size:.9rem;color:#333;outline:none}.battle-dialog__copy-button{background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;color:#666;transition:color .2s;outline:none}.battle-dialog__copy-button:hover{color:#333}.battle-dialog__copy-button:focus{outline:none;box-shadow:none}.battle-dialog__copy-button:disabled{opacity:.5;cursor:not-allowed}.battle-dialog__copy-button--success{color:#4caf50}.battle-dialog__copy-button--success:hover{color:#45a049}.battle-dialog__start-button{margin-top:111px;display:flex;max-width:390px;padding:31px 132px;justify-content:center;align-items:center;flex-shrink:0;border-radius:20px;background:#f3f3f3;box-shadow:0 4px 4px #00000040;margin-left:auto;margin-right:auto;font-size:24px;border:2px solid #F3F3F3}.battle-dialog__start-button:hover{box-shadow:0 4px #00000026;border-color:#f3f3f3}.battle-dialog__start-button:disabled{cursor:not-allowed}.battle-dialog__start-button--active{background:#fd7811;color:#fff;border-color:#fd7811}.battle-dialog__start-button--active:hover{background:#fd7811;border-color:#fd7811}.battle-dialog__start-button--countdown{background:#fd7811;border-color:#fd7811;color:#fff;font-weight:800}.battle-dialog__countdown-hint{margin-top:16px;text-align:center;color:#555;font-size:1rem}:root{--bg: #fff;--text: #111;--border: #000000;--brand: #FD7811;--radius: 20px}@font-face{font-family:Paperozi;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2) format("woff2");font-weight:100;font-display:swap}@font-face{font-family:Paperozi;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2) format("woff2");font-weight:200;font-display:swap}@font-face{font-family:Paperozi;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Paperozi;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Paperozi;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Paperozi;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Paperozi;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Paperozi;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Paperozi;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2) format("woff2");font-weight:900;font-display:swap}*{font-family:Paperozi,sans-serif!important}html,body,#root{width:100%;height:100vh;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:80px;box-sizing:border-box}body{margin:0 auto;background:#fff;color:var(--text);font-family:Paperozi,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans KR,sans-serif;display:flex;justify-content:center;align-items:flex-start}.pg-wrap{width:1920px;height:1080px;margin:0 auto;display:grid;grid-template-rows:auto auto auto 1fr auto;row-gap:24px;background:#fff}.pg-top{padding:0 60px;margin-top:50px;display:grid;grid-template-columns:1fr 576px 1fr;align-items:center}.pg-top__left{font-size:40px;font-weight:700}.pg-top__center{justify-self:center;font-size:50px;font-weight:700}.pg-top__right{justify-self:end}.pg-life__icon{width:67px;height:63px;margin-left:12px;object-fit:contain}.pg-timer{width:1800px;margin:0 auto;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}.pg-timer__label{display:flex;align-items:center;gap:8px;font-size:25px;font-weight:700;color:#fd7811;min-width:unset;text-align:left}.pg-timer__icon{width:32px;height:35px;object-fit:contain}.pg-timer__track{width:1677px;height:27px;background:#f3f3f3;border-radius:999px;overflow:hidden}.pg-timer__bar{height:100%;background:#fd7811;transition:width .1s linear}.pg-question{width:1732px;margin:0 auto;border:1px solid #000;border-radius:14px;padding:20px 24px;font-size:40px;font-weight:500;text-align:center}.pg-choices{width:1732px;margin:150px auto 0;display:flex;flex-direction:column;align-items:center;gap:30px}.pg-choice{width:554px;height:96px;border-radius:14px;border:1px solid #000;background:#fff;font-size:40px;font-weight:500;cursor:pointer;box-shadow:0 2px #00000059}.pg-choice:hover{background:#fd7811;color:#fff;border-color:#fd7811}.pg-choice:active{transform:translateY(1px)}.pg-choice.selected{background:#fd7811;color:#fff;border-color:#fd7811}.pg-bottom{width:1732px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.pg-btn{margin-bottom:50px;width:390px;height:103px;border:none;border-radius:20px;font-size:35px;font-weight:500;cursor:pointer;background:#f6f6f6;color:#111;box-shadow:0 4px 4px #00000040;transition:all .15s ease}.pg-btn:hover{background-color:#fd7811}.entry-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff}.entry-page__container{text-align:center;padding:2rem;background:#fff;border-radius:16px;max-width:500px;width:90%;box-shadow:0 10px 40px #0003}.entry-page__loading{font-size:1.2rem;color:#333;padding:2rem}.entry-page__error{font-size:1.1rem;color:#e74c3c;margin-bottom:1.5rem;padding:1rem}.entry-page__title{font-size:2rem;font-weight:700;color:#333;margin-bottom:1.5rem}.entry-page__room-code{font-size:1.5rem;font-weight:600;color:#667eea;margin-bottom:1rem}.entry-page__waiting{font-size:1rem;color:#666;margin-bottom:1.5rem}.entry-page__countdown{font-size:2.5rem;font-weight:700;color:#fd7811;margin-top:.5rem}.entry-page__players{font-size:1rem;color:#333;margin-top:1rem}.entry-page__back-button{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;background:#667eea;color:#fff;transition:background .3s ease;margin-top:1rem}.entry-page__back-button:hover{background:#5568d3}.battle-room{width:90%;background:#fff;display:flex;justify-content:center;align-items:flex-start;padding:43px 95px;font-family:Paperlogy,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#222}.battle-room__container{width:100%;background:#fff;border-radius:24px;display:flex;flex-direction:column;gap:0px}.battle-room__header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.battle-room__round{font-size:40px;font-weight:700;justify-self:start}.battle-room__round-total{font-size:16px;color:#8a8fa3;margin-left:4px}.battle-room__title{font-size:50px;font-weight:800;margin:0;justify-self:center;text-align:center}.battle-room__badges{display:inline-flex;align-items:center;gap:12px;justify-self:end}.battle-room__badge{width:66px;height:66px;object-fit:contain}.battle-room__badge--empty{background:#f0f1f5;border-radius:50%;border:2px dashed #d1d4e2}.battle-room__session{font-size:14px;color:#8a8fa3}.battle-room__timer{display:flex;align-items:center;gap:16px;margin-top:26px}.battle-room__timer-icon{width:34px;height:39.667px;flex-shrink:0}.battle-room__timer-text{font-size:25px;font-weight:600;color:var(--1, #FD7811)}.battle-room__timer-bar{flex:1;height:27px;background:#f3f3f3;border-radius:999px;overflow:hidden}.battle-room__timer-bar-fill{height:100%;background:linear-gradient(90deg,#f80,#ffb347);transition:width .2s ease}.battle-room__question{margin-top:31.74px;display:flex;justify-content:center;align-items:center;height:80px;padding:20px;border:1px solid #000;border-radius:20px;background:#fff;text-align:center}.battle-room__question-audio{display:inline-flex;justify-content:center;align-items:center;border:none;background:transparent;padding:0;cursor:pointer}.battle-room__question-audio--speaking{opacity:.6}.battle-room__question-audio-icon{width:48px;height:48px}.battle-room__question-audio-hint{margin-left:12px;font-size:14px;color:#6b6f86}.battle-room__question-audio-hint--error{color:#ff4d4f}.battle-room__board{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.battle-room__panel{border-radius:20px;border:1px solid #000;background:#fff;padding:16px;min-height:350px;display:flex;flex-direction:column;position:relative}.battle-room__panel--opponent{border-radius:20px;border:1px solid #000;background:#f3f3f3}.battle-room__panel-title{font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:8px}.battle-room__panel-title:before{content:"";width:42px;height:42px;background-image:url("data:image/svg+xml,%3csvg%20width='182'%20height='173'%20viewBox='0%200%20182%20173'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M21.2982%2029.8049C21.5707%2023.6744%2030.3805%2022.1418%2034.7513%2022.1418C35.2054%2020.5524%2036.8289%2016.6585%2039.6898%2013.7975C43.266%2010.2212%2052.4617%2015.16%2052.4617%2013.7975C52.4617%2012.435%2056.3785%206.3046%2063.3604%203.74959C68.946%201.70559%2085.1011%207.43905%2092.4804%2010.5613C95.716%208.17719%20105.695%203.47712%20119.727%203.74959C137.267%204.09018%20123.133%2017.8845%20133.521%2013.7975C141.831%2010.5278%20146.633%2017.998%20147.996%2022.1418C150.777%2022.1418%20157.26%2023.0954%20160.938%2026.91C164.616%2030.7245%20160.768%2040.3063%20158.383%2044.6204C160.541%2045.6421%20166.217%2048.6052%20171.666%2052.2835C177.116%2055.9618%20173.539%2062.6946%20171.268%2065.8166C170.247%2067.8601%20165.365%2070.3685%20169.452%2077.3165C174.561%2086.0014%20176.094%2098.2624%20175.924%20101.328C175.787%20103.78%20169.282%20106.777%20166.047%20107.969C165.876%20109.785%20165.638%20115.155%20166.047%20122.103C166.558%20130.788%20162.981%20139.643%20159.746%20142.198C157.157%20144.241%20147.428%20139.53%20142.887%20136.919C142.319%20143.787%20139.924%20158.171%20134.883%20160.76C129.843%20163.348%20115.867%20154.572%20109.51%20149.861C106.217%20155.651%2097.6914%20167.571%2089.926%20168.934C80.2194%20170.637%2074.77%20150.372%2072.3859%20149.861C70.0018%20149.35%2055.8676%20160.078%2047.5233%20160.76C40.8478%20161.305%2038.2707%20146.001%2037.8166%20138.281C34.6378%20139.984%2026.8838%20143.151%2021.2982%20142.198C15.7126%20141.244%2015.565%20118.981%2016.1895%20107.969C14.5996%20107.198%2012.8518%20107.049%207.6749%20101.328C2.49801%2095.6058%2011.1942%2078.7356%2016.1895%2071.0156C13.4648%2068.0071%208.18574%2060.73%208.86691%2055.6893C9.54807%2050.6487%2019.8224%2046.2097%2024.8743%2044.6204C23.5688%2042.2363%2021.0257%2035.9355%2021.2982%2029.8049Z'%20fill='%23FD7811'/%3e%3cpath%20d='M59.5447%2022.4602C54.2316%2023.5501%2044.2751%2033.1318%2039.9611%2037.7865C34.5117%2038.8085%2031.9573%2021.2681%2038.9393%2014.9673C45.9213%208.66652%2066.1861%2021.0978%2059.5447%2022.4602Z'%20fill='%23FEC601'/%3e%3cpath%20d='M123.486%2022.4602C128.799%2023.5501%20138.755%2033.1318%20143.069%2037.7865C148.519%2038.8085%20151.073%2021.2681%20144.091%2014.9673C137.109%208.66652%20116.844%2021.0978%20123.486%2022.4602Z'%20fill='%23FEC601'/%3e%3ccircle%20cx='90.8905'%20cy='82.6757'%20r='56.537'%20fill='%23FEC601'/%3e%3ccircle%20cx='69.9446'%20cy='70.2439'%20r='6.6414'%20fill='black'/%3e%3ccircle%20cx='67.7308'%20cy='68.0301'%20r='1.70292'%20fill='white'/%3e%3ccircle%20cx='108.771'%20cy='70.2439'%20r='6.6414'%20fill='black'/%3e%3ccircle%20cx='106.557'%20cy='68.0301'%20r='1.70292'%20fill='white'/%3e%3cpath%20d='M114.902%20103.624C114.902%20115.882%2099.916%20118.429%2091.1449%20118.429C80.3324%20118.429%2067.6445%20114.37%2067.6445%20103.624C67.6445%2090.3384%2081.6947%2083.3564%2091.1449%2083.3564C96.5101%2083.3564%20114.902%2087.2732%20114.902%20103.624Z'%20fill='%23FFE27C'/%3e%3cpath%20d='M90.6034%2096.132C87.2615%2096.132%2084.1353%2092.0894%2084.1353%2089.7986C84.4048%2088.9901%2087.1537%2087.7773%2090.6034%2087.7773C94.0531%2087.7773%2097.0715%2089.2596%2097.0715%2090.0681C97.0715%2092.0894%2093.9453%2096.132%2090.6034%2096.132Z'%20fill='black'%20stroke='black'%20stroke-width='1.34753'/%3e%3cpath%20d='M83.0571%2098.154C83.2368%2098.7379%2084.1325%20100.445%2086.2912%20100.445C88.4472%20100.445%2089.6151%2098.3786%2089.9295%2097.7497L90.738%2094.7852L91.5466%2097.7497C91.7712%2098.5133%2093.4331%20100.445%2095.1849%20100.445C96.8162%20100.445%2098.2842%2098.8277%2098.5537%2098.154'%20stroke='black'%20stroke-width='2.69506'%20stroke-linecap='round'/%3e%3cpath%20d='M115.284%2098.0259C124.277%2095.1119%20128.826%2094.4206%20129.977%2094.4391'%20stroke='black'%20stroke-width='1.70292'%20stroke-linecap='round'/%3e%3cpath%20d='M67.5196%2098.0269C58.5259%2095.1129%2053.9769%2094.4215%2052.8266%2094.4401'%20stroke='black'%20stroke-width='1.70292'%20stroke-linecap='round'/%3e%3cpath%20d='M115.392%20105.14C124.669%20103.619%20129.262%20103.625%20130.398%20103.818'%20stroke='black'%20stroke-width='1.70292'%20stroke-linecap='round'/%3e%3cpath%20d='M67.4116%20105.141C58.1344%20103.62%2053.5416%20103.626%2052.4048%20103.819'%20stroke='black'%20stroke-width='1.70292'%20stroke-linecap='round'/%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;background-position:center}.battle-room__answer-list{list-style:none;margin:0;padding:0;flex:1;display:flex;flex-direction:column;gap:8px}.battle-room__answer{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:12px;border:1px solid transparent;background:#fffc;font-size:16px}.battle-room__answer--correct{border-color:#41d68973;background:#41d6892e}.battle-room__answer--wrong{border-color:#ff7d7266;background:#ff7d722e}.battle-room__answer--empty{justify-content:center;color:#8a8fa3;font-style:italic}.battle-room__answer-result{font-weight:700;margin-left:16px}.battle-room__typing{margin-top:12px;font-size:14px;color:#f80;background:#ff88001f;padding:8px 12px;border-radius:12px}.battle-room__form{margin-top:12px}.battle-room__input{width:96.5%;padding:14px 18px;border-radius:16px;border:2px solid #eceef7;font-size:16px}.battle-room__input:focus{outline:none;border:2px solid #eceef7}.battle-room__error{font-size:18px;text-align:center;padding:48px 24px;border-radius:16px;background:#fff3f0;color:#c62828}@media(max-width:768px){.battle-room__board{grid-template-columns:1fr}.battle-room__container{padding:24px}}.battle-room__board-title-container{display:flex;gap:16px;margin-top:21px;margin-bottom:10px}.battle-room__board-title{flex:1;font-size:20px;font-weight:700;text-align:left;display:flex;align-items:center;gap:8px}.battle-room__board-title-icon{width:42px;height:42px;object-fit:contain}@font-face{font-family:Paperozi;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2) format("woff2");font-weight:100;font-display:swap}@font-face{font-family:Paperozi;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2) format("woff2");font-weight:200;font-display:swap}@font-face{font-family:Paperozi;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Paperozi;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Paperozi;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Paperozi;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Paperozi;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Paperozi;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Paperozi;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2) format("woff2");font-weight:900;font-display:swap}#Main_wrap{width:100%;height:100vh;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:80px;box-sizing:border-box}#Main_wrap .title{font-family:Paperozi;display:flex;flex-direction:row;align-items:center;gap:30px}#Main_wrap .title img{width:150px}#Main_wrap .title .text{display:flex;flex-direction:column;align-items:center}#Main_wrap .title .text p{font-size:48px;margin:0}#Main_wrap .title .text h1{font-size:70px;margin:0}#Main_wrap .btn{display:flex;flex-direction:column;gap:50px}#Main_wrap .btn button{display:flex;justify-content:center;align-items:center;width:400px;height:90px;border-radius:20px;font-size:40px;font-family:Paperozi;background:none;border:none;box-shadow:0 4px 4px #00000040}#Main_wrap .btn .practice_btn{background-color:#fec601}#Main_wrap .btn .battle_btn{background-color:#fd7811}#Main_wrap .btn a{text-decoration:none}#Result_wrap{width:100%;height:100vh;display:flex;justify-content:center;flex-direction:column;align-items:center;box-sizing:border-box}#Result_wrap .title{font-family:Paperozi;display:flex;flex-direction:column;align-items:center}#Result_wrap .title p{font-size:40px;font-weight:700;margin:0}#Result_wrap .title h1{font-size:70px;margin:0;color:#fd7811}#Result_wrap main{position:relative;margin-top:80px;width:100%;max-width:1000px;height:450px;box-shadow:4px 4px 20px #00000040;border-radius:20px;box-sizing:border-box;display:flex;justify-content:center;align-items:center}#Result_wrap main .round_button{display:flex;justify-content:center;align-items:center;gap:100px}#Result_wrap main .round_button button{width:50px;height:50px;display:flex;justify-content:center;align-items:center;background:none;border:none}#Result_wrap .btn{width:100%;display:flex;justify-content:center;gap:400px;margin-top:30px}#Result_wrap .btn button{width:300px;height:80px;background-color:#f3f3f3;border-radius:20px;border:none;box-shadow:0 4px 4px #00000040;font-size:30px;font-family:Paperozi}#Result_wrap .btn button:hover{background-color:#fd7811}#ResultCard_wrap{width:100%;display:flex;flex-direction:column;align-items:center;gap:30px;font-family:Paperozi}#ResultCard_wrap .round{font-size:25px}#ResultCard_wrap .input_container{display:flex;justify-content:center;align-items:center;width:900px;height:70px;background-color:#fd7811;color:#fff;border-radius:20px}#ResultCard_wrap .input_container .text,#ResultCard_wrap .input_container .icon{font-size:30px}#ResultCard_wrap .answer_container{width:900px;height:200px;background-color:#f3f3f3;border-radius:20px;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:28px}#ResultCard_wrap .answer_container p{font-size:25px;margin:0}#ResultCard_wrap .answer_container .answer1{font-size:30px;font-weight:700;color:#fd7811}#ResultCard_wrap .answer_container .answer2{font-size:30px}#LionComponent_wrap{position:absolute;top:-80px;left:50px;display:flex;gap:10px}#LionComponent_wrap .lion_icon img{width:150px}#LionComponent_wrap .comment{margin-top:25px;font-family:Paperozi;font-size:25px}