*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;overflow-x:hidden}.bg-root{position:relative;min-height:100dvh}.bg-image{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-size:cover;background-position:center top;background-repeat:no-repeat}.bg-mobile{background-image:url(../assets/mobile_background.png)}.bg-desktop{background-image:url(../assets/desktop_background.png)}.bg-mobile{display:block}.bg-desktop{display:none}@media (min-width: 768px){.bg-mobile{display:none}.bg-desktop{display:block}}.bg-content{min-height:100dvh;display:flex;flex-direction:column}.app-container{width:100%;max-width:1200px;margin:0 auto;padding:24px 15px 40px}.fullscreen-background{width:100%;height:100vh;display:flex;flex-direction:column;background-position:center;background-repeat:no-repeat;background-size:cover}.screen-content{position:relative;height:100%;padding:24px 0 40px;display:flex;flex-direction:column;justify-content:center;gap:28px;overflow-y:auto}.close-button{position:absolute;top:14px;right:30px;width:44px;height:44px;background:url(../assets/Close%20Button.png) center/contain no-repeat;border:none;cursor:pointer;z-index:2}.close-button:focus-visible{outline:3px solid rgba(255,255,255,.9);border-radius:999px}.back-button{position:absolute;top:100px;left:30px;width:44px;height:44px;background:url(../assets/back.png) center/contain no-repeat;border:none;cursor:pointer;z-index:2}.back-button:focus-visible{outline:3px solid #37478e;border-radius:999px}.multiple-choice{display:grid;grid-template-columns:repeat(2,1fr)}.choice-btn{margin:.5rem;padding:1rem 2rem;font-size:1.25rem;border-radius:8px;background:#fff;color:#333;border:2px solid #ddd;cursor:pointer}.choice-btn.correct{background:#c8e6c9;border-color:green}.choice-btn.wrong{background:#ffcdd2;border-color:red}.feedback{font-size:1.2rem;margin-top:1rem;font-weight:700;color:#fff;text-align:center}.retry-button{padding:.5rem 1rem;margin-top:.5rem;font-size:1rem;background-color:#2196f3;color:#fff;border:none;border-radius:6px;cursor:pointer}.title-card{align-self:center;display:grid;place-items:center;width:min(78%,200px);padding:0;background:transparent;border-radius:0}.logo-img{width:100%;height:auto;border-radius:20px}.logo-fallback{display:none}.cta-stack{display:flex;flex-direction:column;align-items:center;gap:16px}.cta-button{position:relative;width:min(84%,340px);height:56px;border:none;border-radius:24px;background:url(../assets/Button.png) center/100% 100% no-repeat;cursor:pointer;box-shadow:0 8px 18px #00000040}.cta-label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-weight:700;font-size:16px;text-shadow:0 1px 2px rgba(0,0,0,.4)}.auth-wrap{justify-content:flex-start;padding-top:88px;gap:18px}.auth-title{text-align:center;font-size:22px;font-weight:800;color:#fff;margin:0}.auth-card{width:100%;max-width:360px;margin:0 auto;padding:18px 16px;border-radius:16px;display:flex;flex-direction:column;gap:14px}.input-group{display:flex;flex-direction:column;gap:6px}.input-label{font-size:13px;font-weight:700;color:#fff;letter-spacing:.01em}.input{width:100%;height:46px;padding:10px 14px;border-radius:12px;border:1px solid rgba(55,71,142,.28);background:#fffffff2;color:#1b2557;font-size:15px;outline:none;transition:box-shadow .15s ease,border-color .15s ease,transform .05s ease}.input::placeholder{color:#8b95b3}.input:focus{border-color:#37478e;box-shadow:0 0 0 3px #37478e2e}.input:active{transform:translateY(.5px)}.btn-primary{width:100%;height:52px;border:none;border-radius:16px;cursor:pointer;background:url(../assets/Button.png) center/100% 100% no-repeat;color:#fff;font-weight:800;font-size:16px;text-shadow:0 1px 2px rgba(0,0,0,.35);box-shadow:0 8px 18px #00000038;transition:transform .06s ease,filter .15s ease}.btn-primary:hover{filter:brightness(1.03)}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.65;cursor:not-allowed;filter:grayscale(.1) brightness(.95)}.btn-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;color:#fff;font-weight:700;font-size:14px;text-decoration:underline;cursor:pointer}.form-error{color:#ffe9ea;background:#cd3f458c;border:1px solid rgba(205,63,69,.7);font-size:13px;padding:8px 10px;border-radius:10px}@media (max-width: 360px){.auth-card{padding:14px 12px}.input{height:44px}.btn-primary{height:50px}}.selection-screen{justify-content:flex-start;padding-top:88px}.logo-row{display:flex;justify-content:center;margin-bottom:20px}.logo-small{width:96px;height:auto;border-radius:16px;box-shadow:0 6px 12px #0003}.blocks-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (min-width: 768px){.blocks-grid{grid-template-columns:repeat(3,1fr)}}.block-card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px 12px;border:none;border-radius:16px;background:#ffffffb3;box-shadow:0 4px 12px #00000026;cursor:pointer;aspect-ratio:1 / 1}.block-icon{width:64px;height:64px;object-fit:contain}@media (min-width: 1024px){.block-card{aspect-ratio:1.5 / 1}.block-icon{width:72px;height:72px}}.block-title{color:#37478e;font-weight:700;font-size:15px;text-align:center}.block-subtitle{color:#37478e;font-style:italic;font-size:12px;text-align:center;opacity:.9}.languages-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:8px}.lang-card{display:grid;place-items:center;min-height:64px;padding:12px 10px;border:none;border-radius:12px;background:#ffffffb3;box-shadow:0 4px 12px #00000026;cursor:pointer}.lang-title{color:#37478e;font-weight:800;font-size:15px;letter-spacing:.02em;text-align:center;line-height:1.2}@media (max-width: 360px){.block-card{min-height:100px}.block-icon{width:48px;height:48px}.block-title{font-size:14px}.languages-grid{gap:12px}.lang-card{min-height:58px;padding:10px 8px}.lang-title{font-size:14px}}.selection-screen,.selection-no-logo{justify-content:flex-start;padding-top:88px}.lang-heading{text-align:center;font-size:20px;font-weight:700;color:#fff;margin:0 0 20px}.words-screen{justify-content:flex-start;padding-top:88px}.page-heading{text-align:center;font-size:20px;font-weight:700;color:#fff;margin:0 0 14px}.words-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:12px}@media (min-width: 1024px){.words-grid{grid-template-columns:repeat(3,1fr)}}.word-card{display:flex;justify-content:center;align-items:center;padding:8px;border-radius:16px;background:#ffffffb3;box-shadow:0 4px 12px #00000026;min-height:100px;cursor:pointer;border:none}.word-img{width:70%;height:auto;max-height:80px;object-fit:contain}.letter-fallback{font-size:32px;font-weight:900;color:#37478e}.word-label{display:none}.detail-screen{justify-content:flex-start;align-items:center;padding-top:88px;gap:16px}.detail-container{width:100%;max-width:900px;padding:0;margin:0 auto;display:grid;place-items:center}.detail-card{width:min(60vw,720px);max-height:min(70vh,680px);aspect-ratio:1 / 1;border-radius:16px;background:#ffffffb3;box-shadow:0 4px 12px #00000026;display:grid;place-items:center;padding:16px;overflow:hidden}.detail-img{width:70%;height:70%;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.2))}.letters-grid{display:grid;place-items:center;grid-template-columns:repeat(6,1fr);gap:8px;margin:1rem 0}@media (min-width: 768px){.detail-card{width:min(60vw,720px);max-height:min(65vh,680px)}.letters-grid{grid-template-columns:repeat(13,1fr)}}.detail-word{color:#37478e;font-weight:800;font-size:25px;letter-spacing:.01em;text-align:center;align-self:end;margin-top:6px}.match-game-detail-word,.hangman-detail-word{color:#fff;font-weight:800;font-size:25px;letter-spacing:.01em;text-align:center;align-self:end;margin-top:6px}.game-type-selector{display:flex;justify-content:center;margin-bottom:1rem}.game-type-selector button{margin:0 .5rem;padding:.5rem 1rem;border:none;border-radius:8px;background-color:#f0f0f0;cursor:pointer;font-size:1rem}.game-type-selector button.selected{background-color:#ffbf47;color:#fff}.game-image{width:min(40vw,250px);max-height:min(40vh,250px);aspect-ratio:1 / 1;border-radius:16px;background:#ffffffb3;box-shadow:0 4px 12px #00000026;display:grid;place-items:center;padding:16px;overflow:hidden}.hangman-container{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap}.hangman-drawing svg{width:100%;height:100%;display:block;object-fit:contain}