:root{font-family:Montserrat,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--brown-primary: #e3d5c5;--bottom-nav-height: calc(16 * var(--element-width))}button,input,select,textarea{font-family:inherit}*,*:focus,*:active,button,button:focus,button:active,input,input:focus,input:active{outline:none!important;-webkit-tap-highlight-color:transparent!important}body{margin:0;display:flex;width:100%;height:100dvh;overflow:hidden;touch-action:manipulation;-webkit-user-select:none;user-select:none}#root{width:100%;max-width:calc(100 * var(--app-width));height:100dvh;margin:0 auto;padding-bottom:var(--bottom-nav-height);text-align:center;background-color:var(--brown-primary);position:relative;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.bottom-nav{position:absolute;bottom:0;left:0;right:0;height:var(--bottom-nav-height);display:flex;justify-content:space-around;align-items:center;background:#fff;border-top:1px solid #e0e0e0;padding:0 0 max(0px,env(safe-area-inset-bottom));box-sizing:border-box;z-index:1000;box-shadow:0 calc(-.5 * var(--element-width)) calc(2 * var(--element-width)) #0000000d;animation:slideUp .6s ease-out forwards}.nav-item{display:flex;flex-direction:column;align-items:center;gap:calc(1 * var(--element-width));padding:calc(2 * var(--element-width)) calc(5 * var(--element-width));background:none;border:none;cursor:pointer;transition:all .2s ease;color:#666;font-family:inherit;-webkit-tap-highlight-color:transparent}.nav-item:hover{color:#333}.nav-item.active{color:#121212}.nav-icon{font-size:calc(6 * var(--element-width));transition:transform .2s ease;color:inherit;display:flex;align-items:center;justify-content:center}.nav-item:active .nav-icon{transform:scale(.9)}.nav-label{font-size:calc(3 * var(--element-width));font-weight:400;transition:font-weight .2s ease}.nav-item.active .nav-label{font-weight:600}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.welcome-screen{width:100%;height:100%;display:flex;flex-direction:column;text-align:center;background-color:var(--brown-primary)}.welcome-screen__content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:25dvh;gap:calc(10 * var(--element-width))}.welcome-screen__footer{padding-bottom:calc(3 * var(--element-width))}.welcome-screen__header{display:flex;flex-direction:column;align-items:center;position:relative}.welcome-screen__header-icon{width:calc(37 * var(--element-width));height:calc(37 * var(--element-width))}.welcome-screen__header-title{font-size:calc(9 * var(--element-width));color:#2b2b2b;margin:0;opacity:0;margin-top:calc(-8 * var(--element-width));transform:translateY(calc(1.5 * var(--element-width)))}.welcome-screen__header-title--animate{animation:fadeInUp 1s ease-out forwards}.welcome-screen__header-tagline{font-size:calc(3.8 * var(--element-width));color:#444;margin:0;opacity:0;transform:translateY(calc(1.5 * var(--element-width)))}.welcome-screen__header-tagline--animate{animation:fadeInUp 1s ease-out forwards}.welcome-screen__ready{display:flex;flex-direction:column;align-items:center}.welcome-screen__loading-btn{position:relative;padding:calc(3.8 * var(--element-width)) calc(11.4 * var(--element-width));font-size:calc(4.6 * var(--element-width));font-weight:700;background:linear-gradient(90deg,#d4c5b3,#c4b5a3,#d4c5b3);border:none;border-radius:calc(6.8 * var(--element-width));overflow:hidden;box-shadow:0 calc(1 * var(--element-width)) calc(3.4 * var(--element-width)) #0003;margin-bottom:calc(1.2 * var(--element-width));cursor:default;opacity:0;font-family:inherit}.welcome-screen__loading-btn--visible{animation:fadeIn 2s ease-out forwards}.welcome-screen__loading-btn-text{opacity:0;pointer-events:none}.welcome-screen__loading-btn-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.8) 50%,transparent 100%);animation:shimmerSweep 1.5s infinite}.welcome-screen__ready-btn{background-color:#000;color:#fff;border:none;padding:calc(3.8 * var(--element-width)) calc(11.4 * var(--element-width));font-size:calc(4.6 * var(--element-width));border-radius:calc(6.8 * var(--element-width));cursor:pointer;font-weight:700;transition:transform .2s;box-shadow:0 calc(1 * var(--element-width)) calc(3.4 * var(--element-width)) #0003;margin-bottom:calc(1.2 * var(--element-width));opacity:0;transform:scale(.8);animation:popIn .4s cubic-bezier(.175,.885,.32,1.275) forwards;font-family:inherit}.welcome-screen__ready-btn:active{transform:scale(.98);transition:none}.welcome-screen__ready-date{display:block;text-align:center;color:#555;text-transform:uppercase;letter-spacing:1px;flex-shrink:0;font-size:calc(3.4 * var(--element-width));opacity:0;transform:scale(.8);animation:popIn .4s cubic-bezier(.175,.885,.32,1.275) forwards}.welcome-screen__credit{font-size:calc(2.6 * var(--element-width));color:#333;opacity:0}.welcome-screen__credit.visible{opacity:.7;transition:opacity 1.5s ease}.welcome-screen__credit a{color:inherit;text-decoration:none;transition:opacity .2s}.welcome-screen__credit a:active{opacity:1}.show-immediate{opacity:1!important;transform:translateY(0) scale(1)!important;animation:none!important}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}@keyframes popIn{to{opacity:1;transform:scale(1)}}@keyframes shimmerSweep{0%{left:-100%}to{left:100%}}.quiz-view{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.quiz-view__open-results{position:absolute;top:calc(20 * var(--element-width));left:50%;transform:translate(-50%);display:none;align-items:center;justify-content:center;padding:calc(2.5 * var(--element-width)) calc(6 * var(--element-width));background:transparent;color:#333;border:2px solid #333;border-radius:calc(6 * var(--element-width));font-size:calc(3.8 * var(--element-width));font-weight:600;cursor:pointer;animation:slideDown .4s ease-out;z-index:5}.quiz-view__open-results:active{transform:translate(-50%)scale(.99);transition:none}.quiz-view__actions-counter-buffer{flex-shrink:0;width:calc(100% - 2 * calc(4.6 * var(--element-width)));height:calc(10 * var(--element-width))}@keyframes slideDown{0%{opacity:0}to{opacity:1}}.quiz-view__cards{display:flex;width:100%;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;gap:0;touch-action:none;align-items:center;padding:calc(2 * var(--element-width)) 0;flex-shrink:0}.quiz-view__cards::-webkit-scrollbar{display:none}.quiz-view__card{perspective:1000px;width:100%;padding:0 calc(4.6 * var(--element-width));box-sizing:border-box;scroll-snap-align:center;flex-shrink:0;height:auto}.quiz-view__card-flipper{width:100%;overflow:visible}.quiz-view__card-inner{display:grid;width:100%;transition:transform .6s;transform-style:preserve-3d}.quiz-view__card-flipper.flipped .quiz-view__card-inner{transform:rotateY(180deg)}.quiz-view__card-front,.quiz-view__card-back{grid-area:1 / 1;width:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.quiz-view__card-front{transform:rotateY(0)}.quiz-view__card-back{transform:rotateY(180deg);display:flex;align-items:center;justify-content:center;overflow:hidden}.quiz-view__question{background:#fff;padding:calc(4.6 * var(--element-width));border:1px solid #e0e0e0;border-radius:calc(2.8 * var(--element-width));width:100%;box-sizing:border-box;position:relative;word-wrap:break-word;overflow-wrap:break-word}.quiz-view__card-front.quiz-view__question{overflow-y:auto}.quiz-view__card-back.quiz-view__question{overflow:hidden}.quiz-view__question h3{margin:0 0 calc(3.4 * var(--element-width)) 0;font-size:calc(5.2 * var(--element-width));line-height:1.4;color:#000;font-weight:600;text-align:left}.quiz-view__question.locked>*:not(.quiz-view__lock-overlay){filter:blur(5px);pointer-events:none;-webkit-user-select:none;user-select:none}.quiz-view__question.easy{border-top:calc(1.4 * var(--element-width)) solid rgba(39,174,96,.75);box-shadow:calc(.6 * var(--element-width)) calc(.6 * var(--element-width)) calc(2.8 * var(--element-width)) #0000001a}.quiz-view__question.medium{border-top:calc(1.4 * var(--element-width)) solid rgba(33,150,243,.75);box-shadow:calc(.6 * var(--element-width)) calc(.6 * var(--element-width)) calc(2.8 * var(--element-width)) #0000001a}.quiz-view__question.hard{border-top:calc(1.4 * var(--element-width)) solid rgba(192,57,43,.75);box-shadow:calc(.6 * var(--element-width)) calc(.6 * var(--element-width)) calc(2.8 * var(--element-width)) #0000001a}.quiz-view__question.impossible{border-top:calc(1.4 * var(--element-width)) solid rgba(0,0,0,.75);box-shadow:calc(.6 * var(--element-width)) calc(.6 * var(--element-width)) calc(2.8 * var(--element-width)) #0000001a}.quiz-view__lock-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;background:#ffffff80;border-radius:calc(2.8 * var(--element-width))}.quiz-view__lock-box{background:#fff;padding:calc(5.8 * var(--element-width)) calc(4.6 * var(--element-width));border-radius:calc(3.8 * var(--element-width));box-shadow:0 calc(2.2 * var(--element-width)) calc(6.8 * var(--element-width)) #00000026;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #f0f0f0;width:calc(100% - calc(9.2 * var(--element-width)));box-sizing:border-box}.quiz-view__lock-icon{font-size:calc(11.2 * var(--element-width));margin-bottom:calc(3.4 * var(--element-width));line-height:1;display:flex;align-items:center;justify-content:center;width:calc(11.2 * var(--element-width));height:calc(11.2 * var(--element-width))}.quiz-view__lock-icon svg{width:100%;height:100%}.quiz-view__lock-text{font-size:calc(3.8 * var(--element-width));font-weight:700;color:#555;text-align:center;line-height:1.4}.quiz-view__options{display:flex;flex-direction:column;gap:calc(2 * var(--element-width))}.quiz-view__options input[type=radio]{display:none}.quiz-view__options label{display:block;cursor:pointer;padding:calc(2.8 * var(--element-width)) calc(3.4 * var(--element-width));border-radius:calc(2 * var(--element-width));background:#fff;border:2px solid #eef2f7;position:relative;overflow:hidden;transition:all .2s;font-size:calc(3.6 * var(--element-width));color:#333}.quiz-view__options label.selected:not(.correct):not(.wrong){background-color:#f8fbff;border-color:#3498db}.quiz-view__options label.correct{border-color:transparent!important;color:#155724!important;box-shadow:inset 0 0 calc(1.4 * var(--element-width)) #27ae6066!important}.quiz-view__options label.wrong{border-color:transparent!important;color:#721c24!important;box-shadow:inset 0 0 calc(1.4 * var(--element-width)) #c0392b66!important}.quiz-view__options label.answered:not(.correct):not(.wrong){color:#555}.quiz-view__options label:active{transform:scale(.98)}.quiz-view__percent-bar{position:absolute;top:0;left:0;height:100%;width:0%;z-index:1;transition:width .5s ease-out;background-color:#e9ecef;opacity:0}.quiz-view__options label.answered .quiz-view__percent-bar{opacity:1}.quiz-view__options label.correct .quiz-view__percent-bar{background-color:#d4edda!important}.quiz-view__options label.wrong .quiz-view__percent-bar{background-color:#f8d7da!important}.quiz-view__percent-text{font-size:calc(3.2 * var(--element-width));font-weight:700;opacity:0;transition:opacity .3s ease-in .4s}.quiz-view__options label.answered .quiz-view__percent-text{opacity:1}.quiz-view__answer-text{position:relative;z-index:2;display:flex;justify-content:space-between}.quiz-view__reference-display{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%;gap:calc(3.4 * var(--element-width));overflow:auto}.quiz-view__reference-header{display:flex;align-items:center;gap:calc(2 * var(--element-width));font-size:calc(3.4 * var(--element-width));margin-top:calc(2.2 * var(--element-width))}.quiz-view__reference-header svg{flex-shrink:0;color:#333;width:calc(6 * var(--element-width));height:calc(6 * var(--element-width));display:block}.quiz-view__reference-header h3{margin:0;font-size:calc(5.8 * var(--element-width));font-weight:700;color:#333;line-height:1}.quiz-view__reference-text{font-size:calc(3.8 * var(--element-width));line-height:1.6;color:#333;margin:0;font-style:italic;text-align:justify}.quiz-view__actions{display:flex;justify-content:center;width:calc(100% - 2 * calc(4.6 * var(--element-width)));box-sizing:border-box;flex-shrink:0;height:calc(10 * var(--element-width))}.quiz-view__actions-buttons{display:flex;gap:calc(2 * var(--element-width));width:100%}.quiz-view__reference-button,.quiz-view__next-button,.quiz-view__prev-button{display:flex;align-items:center;gap:calc(1 * var(--element-width));background:#fff;color:#444;border:1px solid #e0e0e0;border-radius:calc(2.8 * var(--element-width));font-size:calc(3.4 * var(--element-width));font-weight:700;cursor:pointer;justify-content:center;box-shadow:calc(.4 * var(--element-width)) calc(.4 * var(--element-width)) calc(2.8 * var(--element-width)) #0000001a;transition:all .2s ease}.quiz-view__reference-button{flex:1;gap:calc(1.5 * var(--element-width))}.quiz-view__prev-button,.quiz-view__next-button{width:22%;gap:calc(.5 * var(--element-width))}.quiz-view__reference-button:active,.quiz-view__next-button:active,.quiz-view__prev-button:active{opacity:.7;transition:none}.quiz-view__reference-button.hidden,.quiz-view__next-button.hidden,.quiz-view__prev-button.hidden{opacity:0;pointer-events:none}.quiz-view__reference-button svg,.quiz-view__next-button svg,.quiz-view__prev-button svg{flex-shrink:0;width:calc(5 * var(--element-width));height:calc(5 * var(--element-width));display:block}.quiz-view__reference-button svg{width:calc(4.5 * var(--element-width));height:calc(4.5 * var(--element-width))}.quiz-view__prev-button svg{margin-left:calc(-2.2 * var(--element-width))}.quiz-view__next-button svg{margin-right:calc(-2.2 * var(--element-width))}.quiz-view__difficulty-dots{position:absolute;bottom:calc(3 * var(--element-width));left:50%;transform:translate(-50%);display:flex;justify-content:center;gap:calc(1.4 * var(--element-width));flex-wrap:nowrap;flex-shrink:0;height:calc(6 * var(--element-width))}.quiz-view__difficulty-dot{font-size:calc(2.6 * var(--element-width));text-transform:uppercase;font-weight:700;padding:calc(1.4 * var(--element-width)) calc(2.2 * var(--element-width));border-radius:calc(2 * var(--element-width));color:#fff;cursor:pointer;opacity:.4;transition:all .3s;display:flex;align-items:center;justify-content:center}.quiz-view__difficulty-dot-text{display:block}.quiz-view__difficulty-dot.active{opacity:1;transform:scale(1.05)}.quiz-view__difficulty-dot--easy{background-color:#27ae60}.quiz-view__difficulty-dot--medium{background-color:#2196f3}.quiz-view__difficulty-dot--hard{background-color:#c0392b}.quiz-view__difficulty-dot--impossible{background-color:#000}.results-modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1001}.results-modal__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;animation:resultsModalFadeIn .5s ease-out}.results-modal__content{position:relative;z-index:11;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;max-width:calc(90 * var(--app-width));max-height:85%;overflow-y:auto;background:#fff;border-radius:calc(4 * var(--element-width));padding:calc(5 * var(--element-width));box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;animation:resultsModalContentIn .4s cubic-bezier(.34,1.56,.64,1) both}.results-modal__content::-webkit-scrollbar{display:none}.results-modal__score-hero{display:flex;align-items:baseline;justify-content:center;gap:calc(2 * var(--element-width));animation:resultsModalScoreIn .6s cubic-bezier(.34,1.56,.64,1) both}.results-modal__score-number{font-size:calc(32 * var(--element-width));font-weight:800;color:#1a1a1a;line-height:1;letter-spacing:-.02em}.results-modal__score-divider{font-size:calc(20 * var(--element-width));font-weight:400;color:#d0d0d0;line-height:1}.results-modal__score-total{font-size:calc(20 * var(--element-width));font-weight:600;color:#8a8a8a;line-height:1}.results-modal__global-section{display:flex;flex-direction:column;width:100%;border-radius:calc(2.5 * var(--element-width));box-sizing:border-box;margin-top:calc(5 * var(--element-width));animation:resultsModalSlideUp .5s ease-out .5s both}.results-modal__global-header{font-size:calc(3 * var(--element-width));font-weight:600;color:#3a3a3a;margin-bottom:calc(3 * var(--element-width));text-align:left;letter-spacing:.08em;text-transform:uppercase}.results-modal__score-distribution{display:flex;flex-direction:row;gap:calc(3 * var(--element-width));align-items:stretch}.results-modal__scores-column{display:flex;flex-direction:column;gap:calc(2.2 * var(--element-width))}.results-modal__score-label{font-size:calc(3 * var(--element-width));font-weight:600;color:#3a3a3a;height:calc(6 * var(--element-width));display:flex;align-items:center}.results-modal__score-label--highlight{color:#34c759}.results-modal__divider{width:1px;background:#e5e5e5;flex-shrink:0}.results-modal__bars-column{display:flex;flex-direction:column;gap:calc(2.2 * var(--element-width));flex:1}.results-modal__bar-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:calc(2.8 * var(--element-width));height:calc(6 * var(--element-width))}.results-modal__score-bar-container{position:relative;height:100%;background:transparent;border-radius:calc(1.4 * var(--element-width));overflow:hidden}.results-modal__score-bar{height:100%;background:#d4d4d4;border-radius:calc(1.4 * var(--element-width));transition:width .8s cubic-bezier(.4,0,.2,1) .5s}.results-modal__bar-row--highlight .results-modal__score-bar{background:#34c759}.results-modal__score-percentage{font-size:calc(3 * var(--element-width));font-weight:500;color:#8a8a8a;min-width:calc(10 * var(--element-width));text-align:right}.results-modal__bar-row--highlight .results-modal__score-percentage{color:#34c759;font-weight:600}.results-modal__action{width:100%;margin-top:calc(7.5 * var(--element-width));animation:resultsModalButtonIn .5s ease-out .8s both}.results-modal__btn{display:flex;align-items:center;justify-content:center;gap:calc(1.5 * var(--element-width));padding:calc(3.5 * var(--element-width)) calc(5 * var(--element-width));border:none;border-radius:calc(2.2 * var(--element-width));font-size:calc(3.8 * var(--element-width));font-weight:700;cursor:pointer;transition:all .2s ease;width:100%;background:#d64436;color:#fff;box-shadow:0 calc(1 * var(--element-width)) calc(3 * var(--element-width)) #d6443640}.results-modal__btn svg{width:calc(5 * var(--element-width));height:calc(5 * var(--element-width));flex-shrink:0}.results-modal__btn:active{transform:scale(.98);box-shadow:0 calc(.5 * var(--element-width)) calc(2 * var(--element-width)) #d6443633;transition:none}@keyframes resultsModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes resultsModalContentIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes resultsModalSlideUp{0%{opacity:0;transform:translateY(calc(2 * var(--element-width)))}to{opacity:1;transform:translateY(0)}}@keyframes resultsModalScoreIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes resultsModalButtonIn{0%{opacity:0;transform:translateY(calc(2 * var(--element-width)))}to{opacity:1;transform:translateY(0)}}.friends{width:100%;height:100%;display:flex;flex-direction:column}.friends__header{padding:calc(5 * var(--element-width)) calc(4.6 * var(--element-width));border-bottom:1px solid #e0e0e0}.friends__header h1{margin:0;font-size:calc(6 * var(--element-width));color:#2b2b2b;text-align:left}.friends__content{flex:1;display:flex;align-items:center;justify-content:center;padding:calc(4.6 * var(--element-width))}.friends__content p{font-size:calc(4 * var(--element-width));color:#666}.profile{width:100%;height:100%;display:flex;flex-direction:column}.profile__header{padding:calc(5 * var(--element-width)) calc(4.6 * var(--element-width));border-bottom:1px solid #e0e0e0}.profile__header h1{margin:0;font-size:calc(6 * var(--element-width));color:#2b2b2b;text-align:left}.profile__content{flex:1;display:flex;align-items:center;justify-content:center;padding:calc(4.6 * var(--element-width))}.profile__content p{font-size:calc(4 * var(--element-width));color:#666}