.container[data-v-5300cf56]{width:100vw;height:100vh;display:flex;touch-action:none}.content[data-v-5300cf56]{width:100%;overflow:hidden}.transition-overlay[data-v-5300cf56]{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#000}.transition-overlay.v-enter-active[data-v-5300cf56],.transition-overlay.v-leave-active[data-v-5300cf56]{transition:opacity .5s ease}.transition-overlay.v-enter-from[data-v-5300cf56],.transition-overlay.v-leave-to[data-v-5300cf56]{opacity:0}.container[data-v-14a7bf42]{width:100%;height:92%;display:flex;overflow:hidden}.container .image[data-v-14a7bf42]{width:50%;background-image:url(/img/welcome.7a313b6a.png);background-size:cover;background-repeat:no-repeat;background-position:50%}.container .content[data-v-14a7bf42]{width:100%;padding:var(--spacing-lg);overflow:scroll}.container .main-title[data-v-14a7bf42]{color:var(--color-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.container .subtitle[data-v-14a7bf42]{color:var(--color-accent);font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl)}.container .intro-paragraph[data-v-14a7bf42]{margin-bottom:var(--spacing-md);line-height:var(--line-height-base)}.container .info-section[data-v-14a7bf42]{margin-top:var(--spacing-lg);border-left:4px solid var(--color-accent);padding-left:var(--spacing-md)}.container .info-heading[data-v-14a7bf42]{color:var(--color-text-dark);margin-top:0;margin-bottom:var(--spacing-sm)}.container .action-area[data-v-14a7bf42]{margin-top:var(--spacing-xl)}.container .button-next[data-v-14a7bf42]{background:var(--color-primary);color:var(--color-background-light)!important;text-decoration:none;font-size:var(--font-size-lg);padding-top:var(--spacing-md);padding-bottom:var(--spacing-md);display:block;text-align:center}canvas[data-v-d3c3db06]{background-color:#e3cca6;width:100%;height:100%}.log[data-v-d3c3db06]{border:3px solid red;width:50%}.log ul[data-v-d3c3db06]{list-style:none}.log ul li[data-v-d3c3db06],.log ul[data-v-d3c3db06]{padding:var(--spacing-xs)}.log ul li[data-v-d3c3db06]:nth-child(2n){background-color:rgba(0,0,0,.1)}.result[data-v-d398b924]{position:absolute;left:calc(50vw - 200px);top:calc(50vh - 200px);background-color:#fff;width:400px;height:400px}.container[data-v-d398b924]{width:100%;height:100%;display:flex;overflow:hidden;flex-direction:column}.container .word[data-v-d398b924]{height:100%;font-size:40px;display:flex;align-items:center;justify-content:center;color:rgba(0,0,0,.6);margin-left:40px}.container .buttons[data-v-d398b924]{position:absolute;right:var(--spacing-xl);bottom:var(--spacing-xl);display:flex}.container .buttons .button[data-v-d398b924]{width:calc(var(--spacing-lg)*4);height:calc(var(--spacing-lg)*4);display:flex;align-items:center;justify-content:center;border-radius:calc(var(--spacing-lg)*2);font-size:var(--font-size-lg);margin-left:var(--spacing-lg)}.container .buttons .button.success[data-v-d398b924]{color:var(--color-text-dark);background-color:var(--color-status-success)}.container .buttons .button.success[data-v-d398b924]:active{opacity:.8;box-shadow:0 0 10px var(--shadow-primary)}.container .buttons .button.secondary[data-v-d398b924]{color:var(--color-accent);background-color:var(--color-secondary)}.container .buttons .button.secondary[data-v-d398b924]:active{opacity:.8;box-shadow:0 0 10px var(--shadow-primary)}.overlay[data-v-2bf71ff6],.result[data-v-2bf71ff6]{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;font-size:40px;color:#fff}.result .modal[data-v-2bf71ff6]{width:50vw;height:50vh;background-color:#fff}.result .modal .result_word[data-v-2bf71ff6]{font-size:14px;color:#000}.question[data-v-2bf71ff6]{width:100%;height:100%;border:1px solid red;display:flex;flex-direction:column}.word[data-v-2bf71ff6]{height:100%;font-size:40px;display:flex;align-items:center;justify-content:center;color:rgba(0,0,0,.6)}:root{--shadow-primary:rgba(48,79,92,.9);--color-secondary:#714c90;--shadow-secondary:rgba(48,79,92,.9);--font-family:"Arial",sans-serif;--font-family-serif:"Georgia",serif;--font-size-base:16px;--font-size-lg:1.25rem;--font-size-xl:2rem;--line-height-base:1.6;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:48px;--nav-height:60px;--nav-link-padding:var(--spacing-md) var(--spacing-lg);--border-radius-base:4px;--z-index-nav:100;--z-index-modal:1000;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--color-primary:#4c7c90;--color-accent:#ffb74d;--color-background-light:#f5f5f5;--color-text-dark:#2c3e50;--color-status-success:#81c784;--color-status-error:#e57373;--color-ui-neutral:#b0e0e6}*{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}body{padding:0;margin:0;background-color:#fff;overflow:hidden;font-family:var(--font-family)}