*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;-webkit-touch-callout:none}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400}img{pointer-events:none;-webkit-user-drag:none}html,body{margin:0;min-width:320px;min-height:100vh;min-height:-webkit-fill-available;height:100vh;height:100dvh;overflow:hidden;position:fixed;width:100%}.background{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background-color:#000;background-image:url(/background_wooden_surface.webp);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}:root{color-scheme:dark;background-color:#000;color:#8b4513}html,body{background-color:#000;color:#8b4513}.intro-text{position:fixed;top:80px;left:140px;transform:translateY(-50%);z-index:10;width:auto;max-width:calc(100vw - 160px)}.intro-text h1{font-size:clamp(1rem,6vw,2.5rem);color:inherit;font-weight:600;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.5);white-space:nowrap}@media(max-width:900px){.intro-text{left:130px}.intro-text h1{font-size:clamp(.864rem,5.4vw,2.016rem)}}@media(min-width:768px)and (orientation:landscape){.intro-text{top:75px;left:155px}}.demo-icon{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200;background:none;border:none;cursor:pointer;padding:0;margin:0;transition:transform .2s ease;-webkit-user-select:none;user-select:none;width:clamp(128px,24vw,224px);height:clamp(128px,24vw,224px);display:flex;align-items:center;justify-content:center;overflow:hidden;animation:fadeIn .8s ease-in-out}.demo-icon__image{width:100%;height:100%;display:block;pointer-events:none;-webkit-user-drag:none;object-fit:contain}.demo-icon:hover{transform:translate(-50%,-50%) scale(1.1)}.demo-icon:active{transform:translate(-50%,-50%) scale(.95)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}calc(-50% + clamp(128px,24vw,224px)/2 + 40px) ); } } .reload-button{position:fixed;bottom:calc(2rem - 30px);left:50%;transform:translate(calc(-50% + 10px));z-index:100;background:none;border:none;cursor:pointer;padding:.5rem;transition:transform .2s ease;-webkit-user-select:none;user-select:none}.reload-button__icon{width:clamp(51px,6.4vw,77px);height:auto;display:block;pointer-events:none;-webkit-user-drag:none}.reload-button:hover{transform:translate(calc(-50% + 10px)) scale(1.2)}.reload-button:active{transform:translate(calc(-50% + 10px)) scale(.95)}.fullscreen-button{position:fixed;top:calc(2rem - 20px);right:calc(2rem - 20px);transform:none;z-index:100;background:none;border:none;cursor:pointer;padding:0;margin:0;transition:transform .2s ease;-webkit-user-select:none;user-select:none;width:clamp(51px,6.4vw,77px);height:clamp(51px,6.4vw,77px);display:flex;align-items:center;justify-content:center;transform-origin:center}.fullscreen-button__icon{width:clamp(51px,6.4vw,77px);height:auto;display:block;pointer-events:none;-webkit-user-drag:none}.fullscreen-button:hover{transform:scale(1.2)}.fullscreen-button:active{transform:scale(.95)}.rotate-prompt{position:fixed;inset:0;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;z-index:1000;padding:1.5rem;flex-direction:column;gap:1rem}.rotate-prompt__icon{font-size:clamp(2.5rem,12vw,5rem);display:inline-block;transform:rotate(-90deg);animation:rotate-to-portrait 1.6s ease-in-out infinite}.rotate-prompt__text{font-size:clamp(.85rem,3.5vw,1.4rem);font-weight:600;letter-spacing:.02em}@keyframes rotate-to-portrait{0%{transform:rotate(-90deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.logo-intro-animation{position:fixed;top:30px;left:20px;transform:none;z-index:15;animation:roll-in-logo 1.8s ease-out 2s forwards;opacity:0}.logo-intro-animation img{width:100px;height:100px;display:block;pointer-events:none;-webkit-user-drag:none;border-radius:50%;box-shadow:0 8px 32px #0009}@keyframes roll-in-logo{0%{transform:translate(110vw) rotate(1440deg);opacity:0}10%{opacity:1}to{transform:translate(0) rotate(0);opacity:1}}@media(max-width:900px){.logo-intro-animation{top:20px}}@media(min-width:768px)and (orientation:landscape){.logo-intro-animation{top:25px;left:15px}}.play-button{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200;background:none;border:none;cursor:pointer;padding:0;margin:0;transition:transform .2s ease;-webkit-user-select:none;user-select:none;width:clamp(128px,24vw,224px);height:clamp(128px,24vw,224px);display:flex;align-items:center;justify-content:center;overflow:hidden}.play-button img{width:100%;height:100%;display:block;pointer-events:none;-webkit-user-drag:none;object-fit:contain}.play-button:hover{transform:translate(-50%,-50%) scale(1.1)}.play-button:active{transform:translate(-50%,-50%) scale(.95)}.quiz{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;background-color:transparent;color:#8b4513;overflow:hidden;z-index:99;pointer-events:auto}.quiz__header{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:10px;padding:1rem 2rem 1.25rem;background-color:transparent;border-bottom:2px solid #8b4513;font-weight:600;font-size:clamp(.9rem,2.5vw,1.2rem);text-shadow:0 2px 4px rgba(0,0,0,.8)}.quiz__score{text-align:left}.quiz__progress{text-align:right}.quiz__container{flex:1;display:flex;flex-direction:column;padding:2rem;overflow-y:auto;justify-content:flex-start}.quiz__question-number{font-size:clamp(1.2rem,3vw,1.5rem);color:#fff;margin-top:1rem;margin-bottom:1.5rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 2px 8px rgba(0,0,0,.9);text-align:center}.quiz__question{font-size:clamp(1.1rem,5vw,1.8rem);font-weight:900;margin-bottom:2rem;line-height:1.6;color:#8b4513;min-height:clamp(6rem,18vh,10rem);max-height:clamp(6rem,18vh,10rem);overflow-y:auto;padding-right:.5rem}.quiz__answers{display:flex;flex-direction:column;gap:1.5rem;margin-top:auto;margin-bottom:auto}.quiz__answer{display:flex;align-items:center;padding:1.5rem;background-color:#ffffffd9;border:2px solid #0088cc;border-radius:.5rem;cursor:pointer;transition:all .3s ease;text-align:left;font-size:clamp(1rem,3.5vw,1.3rem);color:#08c;font-weight:500}.quiz__answer--disabled{cursor:not-allowed}.quiz__answer--correct{border-color:#070;color:#070}.quiz__answer--incorrect{border-color:#c33;color:#c33}.quiz__answer-letter{display:inline-flex;align-items:center;justify-content:center;width:clamp(2.5rem,6vw,3.5rem);height:clamp(2.5rem,6vw,3.5rem);background-color:#08c;color:#fff;border-radius:50%;margin-right:1.5rem;font-weight:700;flex-shrink:0}.quiz__answer--correct .quiz__answer-letter{background-color:#070;color:#fff}.quiz__answer--incorrect .quiz__answer-letter{background-color:#c33;color:#fff}.quiz__answer-text{flex:1}.quiz__answer-icon{margin-left:1rem;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:700}.quiz--complete{position:relative;align-items:center;justify-content:center;background-color:transparent}.quiz__completion{text-align:center;padding:2rem;max-width:500px;display:flex;flex-direction:column;align-items:center;justify-content:center}.quiz__completion h2{font-size:clamp(1.8rem,8vw,2.8rem);margin-bottom:2rem;color:#fff;font-weight:900;text-shadow:0 4px 12px rgba(0,0,0,.8);display:none}.quiz__final-score{margin-bottom:3rem;margin-top:220px}.quiz__score-number{font-size:clamp(3rem,15vw,5rem);font-weight:700;color:#070;line-height:1;margin-bottom:.5rem;text-shadow:0 2px 6px rgba(0,0,0,.6)}.quiz__score-label{font-size:clamp(1rem,3vw,1.4rem);color:#8b4513;margin-bottom:.5rem;font-weight:700}.quiz__percentage{font-size:clamp(1.2rem,4vw,1.8rem);color:#000;font-weight:700;margin-top:.5rem}.quiz__time-elapsed{margin-top:.75rem;display:flex;align-items:center;justify-content:center;font-size:clamp(1.2rem,2.8vw,1.5rem);font-weight:600;font-family:Digital7,monospace;color:#32e6ff;letter-spacing:.05em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";background:#1b1f22;box-shadow:inset 0 1px 2px #ffffff14,inset 0 -2px 4px #0009,0 2px 6px #00000040;border:1px solid #32e6ff;border-radius:5px;padding:.3rem .6rem;min-width:5.5rem;width:fit-content;margin-left:auto;margin-right:auto}.quiz__time-part{min-width:2ch;text-align:center}.quiz__time-colon{color:#08c;margin:0 .25em}.quiz__result-label{color:#fff;font-weight:700;text-shadow:0 2px 6px rgba(0,0,0,.6)}.quiz__result-value{font-weight:700}.quiz__result-correct{color:#070;text-shadow:0 2px 6px rgba(0,0,0,.6)}.quiz__result-incorrect{color:#c33;text-shadow:0 2px 6px rgba(0,0,0,.6)}.quiz__restart-button{background:none;border:none;padding:0;margin:-40px 0 0;cursor:pointer;transition:transform .2s ease;-webkit-user-select:none;user-select:none;width:clamp(128px,24vw,224px);height:clamp(128px,24vw,224px);display:flex;align-items:center;justify-content:center;overflow:hidden}.quiz__restart-button img{width:100%;height:100%;display:block;pointer-events:none;-webkit-user-drag:none;object-fit:contain}.quiz__restart-button:hover{transform:scale(1.1)}.quiz__restart-button:active{transform:scale(.95)}@media(max-width:900px){.quiz__header{padding:1rem 1.5rem;gap:1rem}.quiz__container{padding:1.5rem}.quiz__answers{gap:1rem}.quiz__answer{padding:1.2rem}.quiz__answer-letter{width:clamp(2rem,5vw,2.8rem);height:clamp(2rem,5vw,2.8rem);margin-right:1rem}}@media(max-width:900px)and (orientation:landscape){.quiz__container{padding:1rem}.quiz__answers{gap:.8rem}.quiz__answer{padding:.8rem}}@font-face{font-family:Digital7;src:url(/fonts/digital-7.ttf) format("truetype");font-weight:400;font-style:normal}.timer{display:flex;justify-content:center;align-items:center;font-size:clamp(1.2rem,2.8vw,1.5rem);font-weight:600;font-family:Digital7,monospace;color:#32e6ff;text-shadow:none;letter-spacing:0;margin-top:-1.5rem;margin-bottom:0;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";background:#1b1f22;box-shadow:inset 0 1px 2px #ffffff14,inset 0 -2px 4px #0009,0 2px 6px #00000040;border:1px solid #32e6ff;border-radius:5px;padding:.3rem .6rem;width:6rem}.timer__minutes{color:#32e6ff;display:inline-block;width:2ch;text-align:right;font-variant-numeric:tabular-nums}.timer__seconds{color:#32e6ff;display:inline-block;width:2ch;text-align:left;font-variant-numeric:tabular-nums}.timer__colon{color:#32e6ff;margin:0 .2em;display:inline-block;text-shadow:none;width:.5ch;text-align:center;transition:opacity .05s ease}.timer__colon--visible{opacity:1}.timer__colon--hidden{opacity:0}@keyframes shake{0%,to{transform:translate(0) rotate(0)}10%{transform:translate(-3px,-2px) rotate(-2deg)}20%{transform:translate(3px,-2px) rotate(2deg)}30%{transform:translate(-3px,2px) rotate(-2deg)}40%{transform:translate(3px,2px) rotate(2deg)}50%{transform:translate(-2px,-2px) rotate(-1deg)}60%{transform:translate(2px,-2px) rotate(1deg)}70%{transform:translate(-2px,2px) rotate(-1deg)}80%{transform:translate(2px,2px) rotate(1deg)}90%{transform:translate(-1px,-1px) rotate(-.5deg)}}@keyframes sway{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(4px) rotate(2deg)}}.awesome-animation{position:fixed;top:5%;left:50%;transform:translate(-50%);z-index:100;pointer-events:none}.awesome-animation--shaking{animation:shake .25s infinite;animation-iteration-count:12}.awesome-animation--sway{animation:sway 2s infinite ease-in-out}.awesome-animation__image{display:block;width:auto;height:clamp(96px,18vw,240px);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transform-origin:center center;will-change:transform}@media(max-width:430px){.awesome-animation__image{height:clamp(211px,39.6vw,528px)}}.app{width:100%;height:100%;position:relative}