@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&family=Poppins:wght@600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}

/*!
 * 
 *   react-simple-keyboard v3.8.141
 *   https://github.com/hodgef/react-simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */
/*!
 * 
 *   simple-keyboard v3.8.93
 *   https://github.com/hodgef/simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */.hg-theme-default{background-color:#ececec;border-radius:5px;box-sizing:border-box;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;overflow:hidden;padding:5px;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%}.hg-theme-default .hg-button span,.hg-theme-default .hg-button span svg{pointer-events:none}.hg-theme-default button.hg-button{border-width:0;font-size:inherit}.hg-theme-default .hg-button{display:inline-block;flex-grow:1}.hg-theme-default .hg-row{display:flex}.hg-theme-default .hg-row:not(:last-child){margin-bottom:5px}.hg-theme-default .hg-row .hg-button-container,.hg-theme-default .hg-row .hg-button:not(:last-child){margin-right:5px}.hg-theme-default .hg-row>div:last-child{margin-right:0}.hg-theme-default .hg-row .hg-button-container{display:flex}.hg-theme-default .hg-button{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:#fff;border-bottom:1px solid #b5b5b5;border-radius:5px;box-shadow:0 0 3px -1px #0000004d;box-sizing:border-box;cursor:pointer;display:flex;height:40px;justify-content:center;padding:5px}.hg-theme-default .hg-button.hg-standardBtn{width:20px}.hg-theme-default .hg-button.hg-activeButton{background:#efefef}.hg-theme-default.hg-layout-numeric .hg-button{align-items:center;display:flex;height:60px;justify-content:center;width:33.3%}.hg-theme-default .hg-button.hg-button-numpadadd,.hg-theme-default .hg-button.hg-button-numpadenter{height:85px}.hg-theme-default .hg-button.hg-button-numpad0{width:105px}.hg-theme-default .hg-button.hg-button-com{max-width:85px}.hg-theme-default .hg-button.hg-standardBtn.hg-button-at{max-width:45px}.hg-theme-default .hg-button.hg-selectedButton{background:#05194687;color:#fff}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"]{max-width:82px}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"]{max-width:60px}.hg-candidate-box{background:#ececec;border-bottom:2px solid #b5b5b5;border-radius:5px;display:inline-flex;margin-top:-10px;position:absolute;transform:translateY(-100%);-webkit-user-select:none;user-select:none}ul.hg-candidate-box-list{display:flex;flex:1 1;list-style:none;margin:0;padding:0}li.hg-candidate-box-list-item{align-items:center;display:flex;height:40px;justify-content:center;width:40px}li.hg-candidate-box-list-item:hover{background:#00000008;cursor:pointer}li.hg-candidate-box-list-item:active{background:#0000001a}.hg-candidate-box-prev:before{content:"◄"}.hg-candidate-box-next:before{content:"►"}.hg-candidate-box-next,.hg-candidate-box-prev{align-items:center;color:#969696;cursor:pointer;display:flex;padding:0 10px}.hg-candidate-box-next{border-bottom-right-radius:5px;border-top-right-radius:5px}.hg-candidate-box-prev{border-bottom-left-radius:5px;border-top-left-radius:5px}.hg-candidate-box-btn-active{color:#444}:root{--primary-color:#007bff;--secondary-color:#0056b3;--text-color:#343a40;--card-bg:#fff;--shadow:0 10px 30px -15px #0003;--gradient-bg:linear-gradient(135deg,var(--primary-color),var(--secondary-color))}body{background:linear-gradient(135deg,#007bff,#0056b3);background:var(--gradient-bg);color:#343a40;color:var(--text-color);font-family:Noto Sans KR,sans-serif;margin:0;min-height:100vh;overflow:hidden;position:relative;z-index:0}.page-container,body{box-sizing:border-box}.page-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;max-width:1920px;padding:20px;width:100%}.card{background:#fff;background:var(--card-bg);border-radius:20px;box-shadow:0 10px 30px -15px #0003;box-shadow:var(--shadow);max-width:450px;padding:40px 20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:100%}.title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#007bff,#0056b3);background:var(--gradient-bg);-webkit-background-clip:text;font-family:Poppins,sans-serif;font-size:3rem;font-weight:700;margin:0}.subtitle{color:#6c757d;font-size:1.2rem;margin-bottom:30px}.action-button,.delete-button,.secondary-button{border:none;border-radius:50px;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:1px;padding:12px 25px;transition:all .3s ease}.action-button{background:linear-gradient(135deg,#007bff,#0056b3);background:var(--gradient-bg);box-shadow:0 4px 15px #0003;color:#fff}.action-button:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-3px)}.action-button:disabled{background:#ccc;border:none;box-shadow:none;cursor:not-allowed;transform:none}.secondary-button{background:#e9ecef;color:#495057}.secondary-button:hover{background:#dee2e6}.button-group{display:flex;gap:20px;justify-content:center}.game-page{gap:30px}.game-title{color:#fff;font-size:2.5rem;font-weight:700}.game-container{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:50px;justify-content:center;width:100%}.pool-wrapper,.puzzle-board-wrapper{background:#fff;background:var(--card-bg);border-radius:20px;box-shadow:0 10px 30px -15px #0003;box-shadow:var(--shadow);padding:25px;text-align:center}.pool-wrapper h2,.puzzle-board-wrapper h2{color:#343a40;color:var(--text-color);margin-bottom:20px;margin-top:0}.pieces-pool,.puzzle-board{background:#e9ecef;border-radius:15px;box-sizing:border-box;height:450px;padding:10px;width:450px}.pieces-pool,.puzzle-board{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.pieces-pool{align-content:flex-start}.piece-container{border:2px dashed #ced4da;border-radius:10px;transition:background-color .2s}.puzzle-piece img{border-radius:8px;cursor:move;display:block;height:100%;object-fit:cover;width:100%}.submit-button{margin-top:20px}.quiz-page{justify-content:center;padding:28px}.quiz-shell{display:flex;flex-direction:column;gap:18px;width:min(920px,100%)}.quiz-header{display:block}.quiz-kicker{color:#ffffffd6;font-size:1rem;font-weight:700;margin:0 0 6px}.quiz-title{line-height:1;margin:0}.quiz-progress{background:#ffffff59;border-radius:999px;height:10px;overflow:hidden}.quiz-progress div{background:#ffc107;border-radius:inherit;height:100%;transition:width .25s ease}.quiz-card{background:#fffffff5;border-radius:8px;box-shadow:0 10px 30px -15px #0003;box-shadow:var(--shadow);box-sizing:border-box;min-height:430px;padding:48px;text-align:center}.quiz-initials{align-items:center;background:#f1f5f9;border-radius:8px;color:#111827;display:flex;font-size:5rem;font-weight:700;justify-content:center;line-height:1;margin-bottom:24px;min-height:150px}.quiz-hint{color:#495057;font-size:1.25rem;font-weight:700;margin:0 0 28px}.quiz-form{grid-gap:12px;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto}.quiz-input{border:2px solid #dee2e6;border-radius:8px;box-sizing:border-box;font-size:1.25rem;font-weight:700;min-height:56px;padding:0 18px;width:100%}.quiz-input:focus{border-color:#007bff;border-color:var(--primary-color);box-shadow:0 0 0 4px #007bff24;outline:none}.quiz-submit{border-radius:8px;white-space:nowrap}.quiz-message{color:#dc3545;font-weight:700;margin:18px 0 0;min-height:1.4em}.quiz-answer-guide{color:#6c757d;font-size:.95rem;margin:8px 0 0}.quiz-footer{align-items:center;display:flex;gap:16px;justify-content:space-between}.quiz-solved-list{display:flex;flex-wrap:wrap;gap:8px}.quiz-solved-list span{align-items:center;background:#ffffff73;border-radius:50%;color:#fff;display:inline-flex;font-weight:700;height:34px;justify-content:center;width:34px}.quiz-solved-list span.is-current{background:#ffc107;color:#212529}.quiz-solved-list span.is-solved{background:#28a745}.result-title{color:#343a40;color:var(--text-color);font-size:3.5rem;font-weight:700;margin:0}.result-subtitle{color:#6c757d;font-size:1.2rem;margin-bottom:30px}.upload-section{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:30px}.message{font-weight:700;margin-top:20px}.image-list-container{margin-top:30px;width:100%}.image-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.image-card{border:1px solid #dee2e6;border-radius:10px;box-shadow:0 4px 6px #0000000d;overflow:hidden}.image-card img{display:block;height:120px;object-fit:cover;width:100%}.image-card-footer{align-items:center;background:#f8f9fa;display:flex;font-size:.8rem;justify-content:space-between;padding:10px}.delete-button{background:#dc3545;color:#fff;font-size:.8rem;padding:5px 10px}.delete-button:hover{background:#c82333}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000004d;max-width:400px;padding:30px;text-align:center;width:90%}.modal-message{color:#333;font-size:1.1rem;margin-bottom:20px;white-space:pre-wrap}.modal-button{background:#007bff;background:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 25px}.modal-button:hover{background:#0056b3;background:var(--secondary-color)}.keyboard-container{background:#f8f9fa;bottom:0;box-shadow:0 -2px 10px #0000001a;display:none;left:0;padding:10px;position:fixed;width:100%;z-index:900}.keyboard-container.show{display:block}.hg-theme-default{margin:0 auto;max-width:800px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1000px){.page-container.landing-page{flex-direction:column!important;gap:30px!important}}@media (max-width:700px){.quiz-page{padding:18px}.quiz-card{min-height:390px;padding:28px 18px}.quiz-initials{font-size:3.5rem;min-height:120px}.quiz-form{grid-template-columns:1fr}.quiz-footer{align-items:stretch;flex-direction:column}}
/*# sourceMappingURL=main.fc760826.css.map*/