:root{color-scheme:light;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#8ed6ff;color:#12263a;--app-height: 100vh}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;min-height:var(--app-height);background:radial-gradient(circle at top,#aee3ff,#6bb8f7 70%,#2d83d6);display:flex;flex-direction:column}@supports (min-height: 100svh){body{min-height:100svh}}@supports (min-height: 100dvh){body{min-height:100dvh}}#root{flex:1;display:flex}.app{position:relative;width:100%;min-height:100vh;min-height:var(--app-height);overflow:hidden;display:flex;flex-direction:column}.app__build-badge{position:absolute;left:clamp(.5rem,2.5vw,1.1rem);bottom:clamp(.45rem,2.2vw,.9rem);font-size:clamp(.65rem,2vw,.75rem);letter-spacing:.08em;text-transform:uppercase;color:#12263a99;background:#ffffffb3;border-radius:999px;padding:.22rem .6rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 18px #0000001f;pointer-events:none;z-index:25}@supports (min-height: 100svh){.app{min-height:100svh}}@supports (min-height: 100dvh){.app{min-height:100dvh}}.app__stage{width:100%;flex:1;display:flex;align-items:stretch;justify-content:center;position:relative}.app__stage canvas{width:100%!important;height:auto!important;display:block;flex:1;max-height:var(--app-height);max-width:100%}.quiz-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,4vw,2.25rem);background:#00000040;z-index:10}.quiz-overlay__box{width:min(92vw,420px);background:#fff;border-radius:1rem;padding:clamp(1.25rem,4.5vw,2.6rem);box-shadow:0 18px 45px #0003;text-align:center;display:grid;gap:clamp(.75rem,3.5vw,1.5rem)}.quiz-overlay__title{margin:0;font-size:clamp(1.25rem,5vw,1.75rem)}.quiz-overlay__question{margin:0;font-size:clamp(1.35rem,6vw,2rem);font-weight:600}.quiz-overlay__form{display:flex;flex-direction:column;align-items:center;gap:clamp(.75rem,3.5vw,1.5rem)}.quiz-overlay__input{width:clamp(80px,26vw,150px);text-align:center;font-size:clamp(1.1rem,5vw,1.6rem);padding:clamp(.5rem,2.8vw,.75rem);border-radius:.75rem;border:2px solid #4c88f0;font-weight:600;color:#12263a}.quiz-overlay__button{padding:clamp(.55rem,3vw,.85rem) clamp(1.3rem,6vw,2.6rem);font-size:clamp(1rem,4vw,1.25rem);font-weight:600;color:#fff;background:linear-gradient(135deg,#4c88f0,#7b6cf3);border:none;border-radius:999px;cursor:pointer;transition:transform .2s ease,filter .2s ease;width:clamp(140px,60%,220px)}.quiz-overlay__button:hover{filter:brightness(1.05)}.quiz-overlay__button:active{transform:scale(.97)}.quiz-overlay__button:focus-visible{outline:3px solid rgba(76,136,240,.5);outline-offset:4px}.quiz-overlay__countdown{margin-top:clamp(.75rem,4vw,1.5rem);font-size:clamp(.9rem,3.5vw,1.15rem);font-weight:600;color:#b9002c}.quiz-overlay__feedback{margin:clamp(.5rem,3vw,1rem) 0 0;font-size:clamp(.9rem,3vw,1.1rem);font-weight:600;color:#d13d6b}.scoreboard{position:absolute;top:calc(max(env(safe-area-inset-top,0px),0px) + clamp(.75rem,2.3vw,1.5rem));right:clamp(.75rem,3vw,1.5rem);background:#ffffffeb;border-radius:.85rem;padding:clamp(.6rem,2vw,.9rem) clamp(.75rem,3vw,1.35rem);font-size:clamp(1rem,3.2vw,1.2rem);font-weight:700;box-shadow:0 12px 28px #0000002e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;min-width:clamp(180px,30vw,240px);display:inline-flex;flex-direction:column;gap:.25rem}.scoreboard__finale{color:#ff1493;font-size:clamp(.9rem,3.2vw,1.1rem);font-weight:600}@media (max-width: 640px){.scoreboard{left:50%;right:auto;transform:translate(-50%);width:min(92vw,320px);text-align:center}}@media (max-width: 640px) and (max-height: 640px){.scoreboard{top:auto;bottom:calc(max(env(safe-area-inset-bottom,0px),0px) + clamp(.75rem,3vw,1.5rem))}}@media (orientation: landscape) and (max-height: 520px){.scoreboard{top:auto;bottom:calc(max(env(safe-area-inset-bottom,0px),0px) + clamp(.75rem,2.5vw,1.5rem));left:50%;right:auto;transform:translate(-50%)}}@media (max-height: 620px){.quiz-overlay{align-items:flex-start;padding-top:clamp(1rem,6vw,2.5rem)}.quiz-overlay__box{margin-top:clamp(1rem,6vw,2.25rem)}}@media (max-width: 360px){.quiz-overlay__box{border-radius:.85rem}.quiz-overlay__button{width:100%}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,4vw,2.5rem);background:#fff4fad9;-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);z-index:1000}.modal-overlay__box{width:min(92vw,420px);background:#fff5fb;border:3px solid #ff91cf;border-radius:1.25rem;padding:clamp(1.5rem,5vw,2.75rem);box-shadow:0 22px 45px #cc4b8c40;text-align:center;display:grid;gap:clamp(.75rem,3.5vw,1.25rem)}.modal-overlay__title{margin:0;font-size:clamp(1.45rem,5.5vw,2rem);color:#c01778}.modal-overlay__text{margin:0;font-size:clamp(1rem,4vw,1.25rem);color:#4f1f47}.modal-overlay__highlight{font-weight:700;font-size:clamp(1.2rem,5vw,1.6rem);color:#ff1493}.modal-overlay__button{width:100%}.modal-overlay__box--start{background:#fff0f8;border-color:#ff8dd5}.modal-overlay__box--danger{background:#fff3f3;border-color:#ff7474}.modal-overlay__box--success{background:#fff7fb;border-color:#ff8dd5}@media (max-height: 620px){.modal-overlay{align-items:flex-start}.modal-overlay__box{margin-top:clamp(1rem,6vw,2.5rem)}}button,input{font:inherit}button{cursor:pointer}