@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap";
.luyenTapRoot{color:#1e293b;box-sizing:border-box;background-color:#f0f9ff;min-height:100vh;padding:24px;font-family:Fredoka,Be Vietnam Pro,sans-serif;overflow-x:hidden}.ltHeader{color:#fff;background:linear-gradient(135deg,#4ba3e3 0%,#358ecb 100%);border-radius:24px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 24px;display:flex;box-shadow:0 8px 16px #4ba3e333}.ltHeader__left{align-items:center;gap:16px;display:flex}.ltHeader__title{letter-spacing:.5px;text-shadow:0 2px 4px #0000001a;margin:0;font-size:2.2rem;font-weight:700}.ltHeader__btn{cursor:pointer;background-color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 8px #0000001a}.ltHeader__btn:hover{transform:scale(1.15)rotate(5deg)}.ltHeader__btn svg{width:24px;height:24px}.ltControls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.ltTabs{background-color:#4ba3e31a;border-radius:50px;gap:4px;padding:6px;display:flex}.ltTab{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:50px;padding:10px 24px;font-size:1.1rem;font-weight:700;transition:all .25s}.ltTab--active{color:#fff;background-color:#4ba3e3;transform:scale(1.03);box-shadow:0 4px 10px #4ba3e34d}.ltSearch{width:100%;max-width:350px;position:relative}.ltSearch__input{box-sizing:border-box;background-color:#fff;border:2px solid #4ba3e333;border-radius:50px;outline:none;width:100%;padding:12px 20px 12px 48px;font-family:inherit;font-size:1.05rem;transition:all .2s}.ltSearch__input:focus{border-color:#4ba3e3;box-shadow:0 0 12px #4ba3e326}.ltSearch__icon{color:#9ca3af;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.ltBrainLayout{grid-template-columns:1fr 1fr;gap:32px;display:grid}@media (max-width:900px){.ltBrainLayout{grid-template-columns:1fr;gap:40px}}.ltColumn{background-color:#fff;border:4px solid #4ba3e30d;border-radius:32px;padding:24px;box-shadow:0 10px 25px #0f172a08}.ltColumn__header{text-align:center;margin-bottom:24px}.ltColumn__title{margin:0 0 8px;font-size:1.8rem;font-weight:700}.ltColumn__title--left{color:#ea580c}.ltColumn__title--right{color:#3b82f6}.ltColumn__desc{color:#64748b;margin:0;font-size:.95rem;line-height:1.4}.ltGrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.ltCard{cursor:pointer;background:#fff;border:4px solid #4ba3e31a;border-radius:28px;flex-direction:column;justify-content:space-between;align-items:center;padding:16px;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 8px #00000005}.ltCard:after{content:"";clip-path:polygon(100% 0,0 0,100% 100%);opacity:.85;background-color:#22c55e;width:32px;height:32px;position:absolute;top:0;right:0}.ltCard:hover{border-color:#4ba3e34d;transform:translateY(-8px)scale(1.02);box-shadow:0 12px 20px #4ba3e31a}.ltCard__icon{justify-content:center;align-items:center;width:130px;height:130px;margin:10px 0 20px;transition:transform .3s;display:flex}.ltCard:hover .ltCard__icon{transform:scale(1.1)rotate(2deg)}.ltCard__btn{color:#fff;text-align:center;letter-spacing:.5px;text-transform:uppercase;border-radius:50px;width:100%;padding:8px 12px;font-size:1.05rem;font-weight:700;box-shadow:0 4px 10px #00000014}.ltOverlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background-color:#0f172aa6;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.ltModal{background-color:#fff;border:6px solid #e0f2fe;border-radius:32px;width:100%;max-width:650px;animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.ltGame__header{background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.ltGame__title{color:#0369a1;margin:0;font-size:1.4rem;font-weight:700}.ltGame__progress{color:#0284c7;font-size:1.1rem;font-weight:700}.ltGame__body{flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:32px 24px;display:flex}.ltGame__prompt{text-align:center;color:#1e293b;margin-bottom:32px;font-size:1.4rem;font-weight:700;line-height:1.4}.ltBoard__choices{flex-wrap:wrap;justify-content:center;gap:20px;width:100%;display:flex}.ltChoiceBtn{cursor:pointer;background:#f8fafc;border:3px solid #e2e8f0;border-radius:20px;flex-direction:column;align-items:center;gap:8px;min-width:130px;padding:18px 28px;font-size:1.2rem;font-weight:700;transition:all .2s cubic-bezier(.175,.885,.32,1.1);display:flex;box-shadow:0 4px 6px #00000005}.ltChoiceBtn:hover{background-color:#f0f9ff;border-color:#4ba3e3;transform:translateY(-4px);box-shadow:0 8px 15px #4ba3e326}.ltChoiceBtn--correct{color:#166534;background-color:#f0fdf4!important;border-color:#22c55e!important}.ltChoiceBtn--wrong{color:#991b1b;background-color:#fef2f2!important;border-color:#ef4444!important}.ltCubeCount{flex-direction:column;align-items:center;gap:2px;margin-bottom:24px;display:flex}.ltCubeRow{gap:2px;display:flex}.ltCube{border:2px solid #fff;border-radius:8px;width:48px;height:48px;position:relative;box-shadow:2px 2px 5px #00000026}.ltXylophone{box-sizing:border-box;background-color:#f1f5f9;border-radius:24px;justify-content:center;gap:12px;width:100%;padding:20px;display:flex}.ltXyloKey{cursor:pointer;color:#fff;border:none;border-radius:12px;flex-direction:column;justify-content:flex-end;align-items:center;width:50px;height:180px;padding-bottom:16px;font-size:1.1rem;font-weight:700;transition:all .1s;display:flex;box-shadow:0 6px #0003,0 8px 15px #0000001a}.ltXyloKey:active{transform:translateY(4px);box-shadow:0 2px #0003,0 4px 6px #0000001a}.ltDirectionVehicle{margin-bottom:24px;font-size:5rem;animation:3s ease-in-out infinite alternate drive}.ltDirectionVehicle--left{transform:scaleX(-1)}.ltShadowTarget{opacity:.9;filter:drop-shadow(0 4px 8px #0003);background-color:#0f172a;width:120px;height:120px;margin-bottom:32px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ltMemoryGrid{grid-template-columns:repeat(4,85px);justify-content:center;gap:16px;margin-top:20px;display:grid}.ltMemCard{perspective:1000px;cursor:pointer;width:85px;height:85px}.ltMemCardInner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.ltMemCard--flipped .ltMemCardInner{transform:rotateY(180deg)}.ltMemCardFront,.ltMemCardBack{backface-visibility:hidden;border-radius:16px;justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;display:flex;position:absolute;box-shadow:0 4px 8px #0000000f}.ltMemCardBack{background:linear-gradient(135deg,#7c6ff7 0%,#a89cf7 100%);border:3px solid #fff}.ltMemCardFront{background:#fff;border:3px solid #7c6ff7;transform:rotateY(180deg)}.ltCelebration{text-align:center;padding:40px 24px}.ltCelebration__trophy{margin-bottom:20px;font-size:5rem;animation:1s infinite alternate bounceTrophy}.ltCelebration__title{color:#22c55e;margin:0 0 12px;font-size:2rem;font-weight:700}.ltCelebration__desc{color:#64748b;margin:0 0 32px;font-size:1.1rem}.ltCelebration__btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e 0%,#15803d 100%);border:none;border-radius:50px;padding:14px 40px;font-size:1.2rem;font-weight:700;transition:all .2s;box-shadow:0 8px 20px #22c55e4d}.ltCelebration__btn:hover{transform:translateY(-3px);box-shadow:0 12px 24px #22c55e66}.ltInfoModal{text-align:center;max-width:450px;padding:24px}.ltInfoModal__avatar{margin-bottom:12px;font-size:3.5rem}.ltInfoModal__title{margin:0 0 8px;font-size:1.4rem;font-weight:700}.ltInfoModal__text{color:#4b5563;margin:0 0 24px;font-size:1rem;line-height:1.5}.ltInfoModal__close{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:50px;padding:10px 28px;font-size:1rem;font-weight:700;transition:opacity .2s}.ltInfoModal__close:hover{opacity:.9}.ltModal__close{cursor:pointer;z-index:10;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex;position:absolute;top:16px;right:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes bounceTrophy{0%{transform:translateY(0)}to{transform:translateY(-15px)scale(1.05)}}@keyframes drive{0%{transform:translate(-10px)}to{transform:translate(10px)}}