:root{--c-ocean-blue: #159EED;--c-deep-blue: #1769C2;--c-tropical-green: #65C967;--c-star-yellow: #FFC94D;--c-warm-orange: #FF934F;--c-coral: #FF6F76;--c-adventure-purple: #8060D8;--c-bg-light: #F7FBFF;--c-card-bg: #FFFFFF;--c-text-main: #243247;--c-text-muted: #5F738E;--c-border: #D7E4F2;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-full: 9999px;--game-shadow: 0 6px 0 rgba(0, 0, 0, .12);--game-shadow-sm: 0 4px 0 rgba(0, 0, 0, .12);--game-shadow-lg: 0 10px 0 rgba(0, 0, 0, .14)}body.high-contrast{--c-bg-light: #0d131f;--c-card-bg: #182338;--c-text-main: #FFFFFF;--c-text-muted: #D1DBE8;--c-border: #3A4E70;--c-ocean-blue: #40B4FF;--c-tropical-green: #7AE47C;--c-star-yellow: #FFE066}body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;min-height:100%;font-family:Nunito,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--c-bg-light);color:var(--c-text-main);overflow-x:hidden}body{line-height:1.5;user-select:none;-webkit-user-select:none}.btn-game{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;min-width:48px;padding:.65rem 1.4rem;font-family:inherit;font-size:1.05rem;font-weight:800;border-radius:var(--radius-lg);border:2px solid rgba(0,0,0,.08);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .15s ease;text-decoration:none;position:relative;touch-action:manipulation}.btn-game:hover{filter:brightness(1.05)}.btn-game:active{transform:translateY(4px)}.btn-game-primary{background:linear-gradient(180deg,#26b2ff,#159eed);color:#fff;box-shadow:0 6px #0e75b5,0 10px 14px #159eed59;border-color:#1282c4}.btn-game-primary:active{box-shadow:0 2px #0e75b5}.btn-game-success{background:linear-gradient(180deg,#74d876,#65c967);color:#fff;box-shadow:0 6px #489c4a,0 10px 14px #65c96759;border-color:#52ac54}.btn-game-success:active{box-shadow:0 2px #489c4a}.btn-game-accent{background:linear-gradient(180deg,#ffd266,#ffc94d);color:#5e3d00;box-shadow:0 6px #cca13b,0 10px 14px #ffc94d59;border-color:#deb143}.btn-game-accent:active{box-shadow:0 2px #cca13b}.btn-game-orange{background:linear-gradient(180deg,#ffa569,#ff934f);color:#fff;box-shadow:0 6px #c96c32,0 10px 14px #ff934f59;border-color:#d97537}.btn-game-orange:active{box-shadow:0 2px #c96c32}.btn-game-purple{background:linear-gradient(180deg,#9578e8,#8060d8);color:#fff;box-shadow:0 6px #5e42a8,0 10px 14px #8060d859;border-color:#6c4dbe}.btn-game-purple:active{box-shadow:0 2px #5e42a8}.btn-game-secondary{background:#fff;color:var(--c-text-main);box-shadow:0 5px #cfdce8,0 6px 12px #0000000f;border:2px solid #D7E4F2}.btn-game-secondary:active{box-shadow:0 1px #cfdce8}.btn-game:disabled{opacity:.55;filter:grayscale(.5);cursor:not-allowed;transform:none!important;box-shadow:none!important}.game-card{background:var(--c-card-bg);border-radius:var(--radius-lg);border:2px solid var(--c-border);box-shadow:0 8px 24px #1769c214;padding:1.25rem;transition:transform .2s ease,box-shadow .2s ease}.speech-bubble{position:relative;background:#fff;border-radius:18px;border:3px solid var(--c-border);padding:1rem 1.2rem;box-shadow:0 6px 16px #0000000f}.speech-bubble:after{content:"";position:absolute;bottom:-14px;left:28px;border-width:14px 12px 0 12px;border-style:solid;border-color:#FFFFFF transparent transparent transparent;display:block;width:0}.speech-bubble:before{content:"";position:absolute;bottom:-18px;left:26px;border-width:16px 14px 0 14px;border-style:solid;border-color:var(--c-border) transparent transparent transparent;display:block;width:0}@keyframes floatAnim{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-float{animation:floatAnim 3s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 #159eed99}50%{box-shadow:0 0 0 14px #159eed00}}.animate-pulse-mic{animation:pulseGlow 1.8s infinite}@keyframes starPop{0%{transform:scale(0) rotate(-45deg);opacity:0}70%{transform:scale(1.25) rotate(10deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.animate-star-pop{animation:starPop .5s cubic-bezier(.175,.885,.32,1.275) forwards}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000000a}::-webkit-scrollbar-thumb{background:#b4c7dd;border-radius:999px}:focus-visible{outline:3px solid #174da3;outline-offset:3px}body{user-select:text;-webkit-user-select:text}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.btn-game{max-width:100%;min-width:0;height:auto;white-space:normal;overflow-wrap:anywhere;line-height:1.35;text-align:center}.btn-game>svg{flex-shrink:0}.btn-game>span{min-width:0}.student-page header,.teacher-page header{gap:.75rem;flex-wrap:wrap}.student-page main,.teacher-page main{min-width:0}input,textarea,select{max-width:100%;font:inherit}.teacher-page{min-height:100dvh}@media(max-width:600px){.hidden-mobile{display:none!important}.student-page{padding:.85rem!important;min-height:100dvh!important}.student-page header>div{flex-wrap:wrap;min-width:0;gap:.5rem!important}.student-page .btn-game{padding:.65rem .85rem;font-size:.95rem!important;min-height:44px!important}.student-page h1{font-size:clamp(1.6rem,7vw,2.2rem)!important;overflow-wrap:anywhere}.student-page .game-card{padding:1rem;min-width:0}.teacher-page header{position:relative!important;padding:1rem!important}.teacher-page header>div{min-width:0;flex-wrap:wrap}}