@import url(https://fonts.googleapis.com/css?family=Gamja+Flower:400);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Pau+Cin+Hau&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap);[data-v-aab11412]{overflow:hidden}.navbar-container[data-v-aab11412]{padding:16px 10px;margin-bottom:0;height:100px;width:100vw}nav[data-v-aab11412]{height:100%;max-width:1200px;margin:0 auto;color:var(--text)}.logo[data-v-aab11412],nav[data-v-aab11412]{display:flex;align-items:center;justify-content:flex-start}.home-logo[data-v-aab11412]{display:flex;align-items:center;justify-content:center;height:100%;width:auto}.user[data-v-aab11412]{display:flex;align-items:center;justify-content:flex-end;margin-left:auto}.user-thumbnail[data-v-aab11412]{height:50px;width:50px;border-radius:50%;margin-right:10px}.user-displayName[data-v-aab11412]{font-size:1.5rem;font-weight:500;margin-right:10px}.logout-button[data-v-aab11412]{height:30px;width:30px;padding-top:5px;cursor:pointer}.auth-links[data-v-aab11412]{display:flex;align-items:center;justify-content:flex-end;margin-left:auto}.auth-wrap[data-v-aab11412]{display:flex;align-items:center;justify-content:center;margin-left:10px;margin-right:10px;cursor:pointer}.auth-img[data-v-aab11412]{height:30px;width:30px;margin-right:5px;cursor:pointer}.divider[data-v-aab11412]{width:2px;height:30px;background-color:#000;margin:0 12px}a[data-v-aab11412]{font-family:Gamja Flower;text-decoration:none;color:#000;font-size:6rem;margin-left:20px}nav img[data-v-aab11412]{height:100px;width:auto}@media (max-width:768px){.no-mobile[data-v-aab11412]{display:none}.navbar-container[data-v-aab11412]{margin-bottom:0;padding-top:0}nav[data-v-aab11412]{justify-content:space-between}.logo img[data-v-aab11412]{height:50px;width:auto}.logo-text[data-v-aab11412]{display:flex;align-items:center;justify-content:center;padding-top:5px}a[data-v-aab11412]{font-size:3.3rem;margin-left:10px}.user[data-v-aab11412]{margin-left:0;margin-right:20px}.user-thumbnail[data-v-aab11412]{height:50px;width:50px}.user-displayName[data-v-aab11412]{font-weight:700;font-size:1.2rem}.logout-button[data-v-aab11412]{height:30px;width:30px}.auth-links[data-v-aab11412]{margin-right:20px}.auth-img[data-v-aab11412]{height:20px;width:20px}.divider[data-v-aab11412]{height:20px;margin:0}.auth-wrap[data-v-aab11412]{margin-left:5px;margin-right:5px;font-weight:700}}.footer-container[data-v-6c72d842]{width:300px;display:flex;justify-content:center;align-items:center;text-align:center;padding:16px;background:transparent;font-size:14px;color:#555}.footer-link[data-v-6c72d842]{color:#555;text-decoration:none}.footer-link[data-v-6c72d842]:hover{color:#000}.app,.router-view-container{margin:0;padding:0;justify-content:center;width:100%}.app,.quiz-container[data-v-7c76893c],.router-view-container{display:flex;align-items:center;flex-direction:column;height:100%}.quiz-container[data-v-7c76893c]{font-family:Arial,sans-serif;background-color:#fff;padding:30px;width:100vw;color:#000}.quiz-card[data-v-7c76893c]{background:#fff;padding:25px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);width:80%;max-width:500px;text-align:center;border:2px solid #000}h1[data-v-7c76893c]{font-size:28px;font-weight:700;text-transform:uppercase;margin-bottom:20px}h2[data-v-7c76893c]{font-size:32px;font-weight:500;margin:0;text-align:center;line-height:1.5;min-height:60px}h2 span[data-v-7c76893c]{display:inline-block;vertical-align:middle;font-weight:700;text-align:center;min-height:60px;min-width:300px}.placeholder[data-v-7c76893c]{padding-top:25px}.quiz-choices[data-v-7c76893c]{display:flex;flex-direction:column;gap:12px}.quiz-option[data-v-7c76893c]{width:100%;padding:14px;font-size:18px;font-weight:700;background:#fff;color:#000;border:2px solid #000;border-radius:5px;cursor:pointer;transition:.3s}.quiz-option[data-v-7c76893c]:hover{background:#000;color:#fff}.feedback-image[data-v-7c76893c]{width:100px;height:100px;margin:15px 0;-o-object-fit:contain;object-fit:contain}.fail-text[data-v-7c76893c]{color:red;font-size:20px;font-weight:700}.success-text[data-v-7c76893c]{color:green;font-size:20px;font-weight:700}.next-btn[data-v-7c76893c]{margin-top:20px;background:#000;color:#fff;padding:12px 20px;font-size:18px;border:none;cursor:pointer;border-radius:5px;transition:.3s}.next-btn[data-v-7c76893c]:hover{background:#333}@media (max-width:768px){.quiz-container[data-v-7c76893c]{min-height:0;height:-moz-fit-content;height:fit-content}.quiz-card[data-v-7c76893c]{padding:15px}}.drill-container[data-v-65ee7c56]{display:flex;flex-direction:column;align-items:center;font-family:Arial,sans-serif;background-color:#fff;padding:30px;height:100%;width:100vw;color:#000}h1[data-v-65ee7c56]{font-size:28px;font-weight:700;text-transform:uppercase;margin-bottom:20px}.instructions[data-v-65ee7c56]{font-size:16px;font-weight:700;margin-bottom:20px}.controls button[data-v-65ee7c56],.topik-selector-container[data-v-65ee7c56]{width:91px}.controls[data-v-65ee7c56],.timer-container[data-v-65ee7c56],.topik-selector-container[data-v-65ee7c56]{width:80%;max-width:500px;display:flex;gap:15px;justify-content:flex-start}.controls button[data-v-65ee7c56],.topik-selector-container button[data-v-65ee7c56]{margin:0;width:120px;margin-bottom:1rem;padding:12px 18px;font-size:16px;font-weight:700;background:#fff;color:#000;border:2px solid #000;cursor:pointer;transition:.3s}button[data-v-65ee7c56]:hover{background:#000;color:#fff}button[data-v-65ee7c56]:disabled{opacity:.5;cursor:not-allowed;width:120px}button.active[data-v-65ee7c56]{font-weight:700;color:#fff;background-color:#000}.timer-container[data-v-65ee7c56]{align-items:center}.timer-button[data-v-65ee7c56]{font-size:14px;padding:8px 12px;font-weight:700;background:#fff;color:#000;border:2px solid #000;cursor:pointer}.remaining-vocab[data-v-65ee7c56]{font-size:16px;font-weight:700}.divider[data-v-65ee7c56]{display:inline-block;width:2px;height:10px;background-color:#000;margin:0 12px;vertical-align:baseline}.time-left-display[data-v-65ee7c56]{font-size:36px;font-weight:700;margin-top:20px;text-align:center}.drill-card[data-v-65ee7c56]{display:flex;align-items:center;justify-content:center;background:#fff;padding:25px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);width:80%;max-width:500px;text-align:center;border:2px solid #000;margin-top:20px}h2[data-v-65ee7c56]{font-size:28px;font-weight:500}h2 span[data-v-65ee7c56]{font-weight:700}.game-container[data-v-602b79ec]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#fff;height:100%;width:100vw;padding-bottom:10px}.game-result[data-v-602b79ec],.game-rules[data-v-602b79ec]{display:flex;flex-direction:column;align-items:center;height:450px;text-align:center}.rules-list[data-v-602b79ec]{list-style-type:disc;list-style-position:inside;margin-bottom:1rem;font-size:24px}h2[data-v-602b79ec]{margin-bottom:1rem;font-size:28px;font-weight:700}h4[data-v-602b79ec]{margin-bottom:1em;font-size:22px;font-weight:500}button[data-v-602b79ec]{min-width:150px;height:50px;font-size:18px;font-weight:700;background:#fff;color:#000;border:2px solid #000;cursor:pointer;transition:.3s;text-align:center;box-shadow:0 5px #444;position:relative}button[data-v-602b79ec]:hover{background:#000;color:#fff}button[data-v-602b79ec]:active{top:5px;box-shadow:0 2px #444}ul[data-v-602b79ec]{text-align:left}li[data-v-602b79ec]{margin-bottom:.5rem}.game[data-v-602b79ec]{flex-wrap:wrap;gap:1em;max-width:1200px}.game-img[data-v-602b79ec],.game[data-v-602b79ec]{display:flex;justify-content:center;align-items:center}.game-img[data-v-602b79ec]{width:200px;height:200px;border:8px solid;-o-border-image:linear-gradient(180deg,#79402d 0,#d6beaa) 1;border-image:linear-gradient(180deg,#79402d 0,#d6beaa) 1;cursor:pointer;transition:transform .2s ease-in-out;overflow:hidden}.game-img img[data-v-602b79ec]{max-width:100%;max-height:100%}.result-img[data-v-602b79ec]{width:200px;height:200px;margin-bottom:2rem}.home-container[data-v-25b8a196]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:-moz-fit-content;height:fit-content;width:100%}.filter[data-v-25b8a196]{width:-moz-fit-content;width:fit-content;height:50px;display:flex;justify-content:center;gap:12px;margin-bottom:20px}button[data-v-25b8a196]{min-width:130px;height:40px;font-size:18px;font-weight:700;background:#fff;color:#000;border:2px solid #000;cursor:pointer;transition:.3s;text-align:center;box-shadow:0 5px #444;position:relative}button[data-v-25b8a196]:hover{background:#000;color:#fff}button[data-v-25b8a196]:active{top:5px;box-shadow:0 2px #444}button.active[data-v-25b8a196]{background:#000;color:#fff}@media (max-width:768px){.home-container[data-v-25b8a196]{gap:0}.not-mobile[data-v-25b8a196]{display:none}}.signup-container[data-v-c141c5ec]{width:500px;margin:50px auto;padding:20px;background:#fff;border:2px solid #000;text-align:center}.title[data-v-c141c5ec]{font-size:24px;font-weight:700;margin-bottom:15px;color:#000}label[data-v-c141c5ec]{display:block;font-weight:700;margin-top:10px;color:#000}input[data-v-c141c5ec]{width:100%;padding:10px;margin-top:10px;border:1px solid #000;outline:none;background:#fff;color:#000;box-sizing:border-box}.profile-options[data-v-c141c5ec]{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:20px}.profile-option[data-v-c141c5ec]{width:100px;height:100px;border:3px solid #000;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease-in-out,border-color .2s ease-in-out}.profile-option.selected[data-v-c141c5ec]{border-color:#007bff;box-shadow:0 0 10px rgba(0,123,255,.5)}.profile-option img[data-v-c141c5ec]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}button[data-v-c141c5ec]{width:100%;padding:12px;margin-top:25px;background:#000;color:#fff;font-weight:700;cursor:pointer;border:none;transition:background .3s}button[data-v-c141c5ec]:hover{background:gray}.verification-message[data-v-c141c5ec]{color:green;font-weight:700;margin-top:10px}.error-message[data-v-c141c5ec]{color:red;font-weight:700;margin-top:10px}button[data-v-c141c5ec]:disabled{background:gray;cursor:not-allowed}@media (max-width:768px){.signup-container[data-v-c141c5ec]{width:90%;margin-top:0;margin-bottom:0;padding-top:0;border:none}.profile-option[data-v-c141c5ec]{width:80px;height:80px}button[data-v-c141c5ec]{margin-top:20px}.error-message[data-v-c141c5ec],input[data-v-c141c5ec],label[data-v-c141c5ec]{margin-top:5px}.title[data-v-c141c5ec]{font-size:20px}.profile-options[data-v-c141c5ec]{margin-top:15px}.profile-option img[data-v-c141c5ec]{width:100%;height:100%}.profile-option[data-v-c141c5ec]{width:70px;height:70px}.profile-option.selected[data-v-c141c5ec]{box-shadow:0 0 5px rgba(0,123,255,.5)}.profile-options[data-v-c141c5ec]{gap:10px}}.login-container[data-v-08d6763c]{width:500px;margin:50px auto;padding:20px;background:#fff;border:2px solid #000;text-align:center}.title[data-v-08d6763c]{font-size:24px;font-weight:700;margin-bottom:15px;color:#000}label[data-v-08d6763c]{display:block;font-weight:700;margin-top:10px;color:#000}input[data-v-08d6763c]{width:100%;padding:10px;margin-top:10px;border:1px solid #000;outline:none;background:#fff;color:#000;box-sizing:border-box}button[data-v-08d6763c]{width:100%;padding:12px;margin-top:25px;background:#000;color:#fff;font-weight:700;cursor:pointer;border:none;transition:background .3s}button[data-v-08d6763c]:hover{background:gray}.error-message[data-v-08d6763c]{color:red;font-weight:700;margin-top:10px}button[data-v-08d6763c]:disabled{background:gray;cursor:not-allowed}@media (max-width:768px){.login-container[data-v-08d6763c]{width:90%;margin-top:0;margin-bottom:0;padding-top:0;border:none}.title[data-v-08d6763c]{font-size:20px}input[data-v-08d6763c],label[data-v-08d6763c]{margin-top:5px}button[data-v-08d6763c]{margin-top:20px}.error-message[data-v-08d6763c]{margin-top:5px}}*{margin:0;padding:0;font-family:Noto Sans Pau Cin Hau;font-weight:400;max-width:100%;overflow-x:hidden}body{background:var(--background);color:var(--text)}h1,h2,h3,h4,h5{font-family:Noto Sans Pau Cin Hau;font-weight:700}html{font-size:100%}h1{font-size:4.21rem}h2{font-size:3.158rem}h3{font-size:2.369rem}h4{font-size:1.777rem}h5{font-size:1.333rem}small{font-size:.75rem}a{text-decoration:none}