@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;600&family=Fredoka+One&display=swap);.login-container{align-items:center;background:linear-gradient(180deg,#0098e280 0,#00a3b180);display:flex;height:100vh;justify-content:center;width:100%}.login-card{background:#fff;border-radius:28px;box-shadow:0 8px 24px #00000026;padding:80px 40px 40px;position:relative;text-align:center;width:430px}.logo-wrapper{left:50%;position:absolute;top:-75px;transform:translateX(-50%)}.logo-circle{background:#fff;border:6px solid #0098e280;border-radius:50%;box-shadow:0 6px 25px #00000040;padding:18px}.logo-img{width:120px}.login-title{font-size:28px;font-weight:700;margin-top:35px}.login-subtitle{color:#555;font-size:16px;margin-top:10px}.google-btn-wrapper{display:flex;justify-content:center;margin-top:26px}.login-footer{color:#666;font-size:13px;margin-top:40px}@media screen and (max-width:768px){.login-card{border-radius:20px!important;max-width:350px;padding:60px 20px 30px!important;width:90%!important}.logo-wrapper{top:-55px!important}.logo-circle{border-width:4px!important;padding:12px!important}.logo-img{width:90px!important}.login-title{font-size:22px!important;margin-top:25px!important}.login-subtitle{font-size:14px!important}}.nav{align-items:center;background:#fff;box-shadow:0 4px 12px #00000014;box-sizing:border-box;display:flex;font-family:Kanit,sans-serif;height:80px;justify-content:space-between;overflow:visible;padding:10px 40px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.nav-logo{color:#0092cc;cursor:pointer;font-size:1.5rem;font-weight:800;margin-right:20px}.nav-menu{align-items:center;display:flex;gap:20px;list-style:none;margin:0;padding:0}@media (max-width:1200px){.nav-menu{align-items:flex-start;background:#fff;box-shadow:-10px 0 30px #0000001a;display:flex;flex-direction:column;gap:15px;height:100vh;overflow-y:auto;padding:60px 20px 20px;position:fixed;right:-100%;top:0;transition:.4s ease;width:280px;z-index:1000}.nav-menu.open{right:0}}.dropdown-trigger,.nav-menu li a{color:#4a5568;cursor:pointer;font-size:1.05rem;font-weight:600;text-decoration:none;transition:.2s}.nav-item-dropdown:hover .dropdown-trigger,.nav-menu li a:hover{color:#0092cc}.nav-item-dropdown{align-items:center;cursor:pointer;display:flex;height:100%;position:relative}.dropdown-trigger{align-items:center;display:flex;gap:6px}.dropdown-trigger small{color:#aaa;font-size:.7rem;margin-top:2px;transition:transform .3s}.nav-item-dropdown:hover .dropdown-trigger small{color:#0092cc;transform:rotate(180deg)}.dropdown-list{background-color:#fff;border:1px solid #f0f0f0;border-radius:15px;box-shadow:0 15px 40px #00000026;display:flex;flex-direction:column;gap:0;left:50%;list-style:none;min-width:300px;opacity:0;padding:12px 0;position:absolute;top:70px;transform:translateX(-50%) translateY(15px);transition:all .25s cubic-bezier(.2,.8,.2,1);visibility:hidden}.nav-item-dropdown:hover .dropdown-list{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.dropdown-list li a{color:#4a5568;display:block;font-size:.95rem;font-weight:500;padding:12px 25px}.dropdown-list li a:hover{background-color:#f0f9ff;color:#0092cc;padding-left:30px}.nav-right{align-items:center;gap:15px}.nav-user{color:#333;font-size:1rem;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis}.logout-btn{background:#4bb3ff;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:8px 25px;transition:.2s}.logout-btn:hover{background:#0092cc;box-shadow:0 4px 10px #0092cc4d;transform:translateY(-2px)}@media (max-width:1200px){.nav{align-items:center!important;flex-direction:column!important;gap:15px!important;height:auto!important;padding:15px!important}.nav-logo{font-size:1.4rem!important;margin-right:0!important;text-align:center}.nav-menu{flex-direction:row;flex-wrap:wrap;gap:10px 20px!important;justify-content:center;width:100%}.dropdown-trigger,.nav-menu li a{font-size:.95rem!important}.nav-right{border-top:1px solid #eee;justify-content:center;margin-top:5px;padding-top:15px;width:100%}.nav{height:70px;justify-content:space-between;padding:0 20px}.hamburger{cursor:pointer;display:flex;flex-direction:column;gap:5px;z-index:1001}.hamburger span{background:#0092cc;border-radius:5px;height:3px;width:25px}.nav-menu{align-items:flex-start!important;background:#fff;box-shadow:-10px 0 30px #0000001a;flex-direction:column;gap:25px!important;height:100vh;padding:100px 30px!important;position:fixed;right:-100%;top:0;transition:.4s cubic-bezier(.4,0,.2,1);width:280px;z-index:1000}.nav-menu.open{right:0}.dropdown-list{border-left:2px solid #e2e8f0;box-shadow:none;display:block;opacity:1;padding-left:20px;position:static;visibility:visible;width:100%}.nav-right{display:none}}.hamburger,.mobile-only{display:none}@media (max-width:1200px){.hamburger{cursor:pointer;display:flex;flex-direction:column;gap:5px;z-index:1001}.hamburger .bar{background-color:#0092cc;border-radius:5px;height:3px;transition:.3s;width:25px}.nav-menu{align-items:flex-start;background:#fff;box-shadow:-5px 0 15px #0000001a;flex-direction:column;height:100vh;padding:100px 20px;position:fixed;right:-100%;top:0;transition:.4s ease-in-out;width:280px;z-index:1000}.nav-menu.open{right:0}.nav-item-dropdown{align-items:flex-start;flex-direction:column;width:100%}.dropdown-list{background:#f8f9fa;box-shadow:none;display:none;opacity:1;padding-left:20px;position:static;transform:none;visibility:visible;width:100%}.nav-item-dropdown:hover .dropdown-list{display:block}.desktop-only{display:none}.mobile-only{display:block;margin-top:20px;width:100%}.nav-menu{gap:5px!important;justify-content:flex-start!important;padding:60px 20px 20px!important}.nav-menu li{height:auto!important;margin:0!important;width:100%}.dropdown-trigger,.nav-menu li a{align-items:center;display:flex!important;height:auto!important;line-height:1!important;padding:12px 0!important}.nav-item-dropdown{height:auto!important;margin-bottom:0!important}.dropdown-trigger small{margin-left:8px;margin-top:0!important}.dropdown-list{background-color:#f7fafc!important;border:none!important;box-shadow:none!important;display:none;left:0!important;min-width:0!important;min-width:auto!important;padding:10px 0 10px 20px!important;position:static!important;transform:none!important;width:100%!important}.nav-item-dropdown:hover .dropdown-list{display:block!important}.dropdown-list li a{font-size:1rem!important;padding:10px 15px!important;text-align:left!important}}.admin-shortcut-btn{background:#ffca28;border-radius:50px;box-shadow:0 4px 10px #ffca284d;color:#3e2723!important;font-size:.85rem;font-weight:700;margin-right:15px;padding:5px 15px;text-decoration:none;transition:.3s}.admin-shortcut-btn:hover{background:gold;box-shadow:0 6px 15px #ffca2880;transform:scale(1.05)}.nav-user-mobile{display:none!important}.desktop-only{align-items:center;display:flex!important;gap:15px}@media screen and (max-width:1024px){.desktop-only{display:none!important}.nav-user-mobile{background:#f8fafc;border-radius:12px;border-top:1px solid #f1f5f9;display:block!important;margin:10px;padding:20px}}.nav-menu{gap:10px!important}@media (min-width:1024px){.nav-menu li a{font-size:.82rem!important;padding:8px 5px!important}}.nav-lab-btn{font-weight:800!important;transition:all .3s ease}.nav-lab-btn:hover{background-color:#e0f2fe;color:#0369a1!important;transform:translateY(-1px)}.logout-btn-mob{background:#ef4444;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:12px;width:100%}.nav-lab-btn{color:#1e293b!important;font-weight:500!important;padding:8px 12px!important}.nav-lab-btn:hover{background:#0000!important;color:#0ea5e9!important}.dropdown-trigger,.nav-lab-btn,.nav-menu li a{color:#334155!important;font-size:.9rem;text-decoration:none;transition:color .2s ease}.nav-lab-btn{background:#0000!important;border:none!important;padding:5px 10px!important}.dropdown-trigger:hover,.nav-lab-btn:hover,.nav-menu li a:hover{color:#0ea5e9!important}.dropdown-trigger small{color:#94a3b8;margin-left:5px}.nav-user-mobile{display:none}@media (max-width:1200px){.nav-menu.open .nav-user-mobile{display:block!important;width:100%}}.mobile-info{background:#f8fafc;border-radius:12px;margin-top:10px;padding:15px;text-align:center}.footer{background:#e5f5fb;border-top:3px solid #a7dff2;color:#333;font-family:Kanit,sans-serif;font-size:1rem;margin-top:40px;padding:18px;text-align:center;width:100%}.progress-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin:15px 0}.p-item{align-items:center;background:#f4f6f8;border:2px solid #0000;border-radius:12px;display:flex;gap:10px;padding:10px 12px;transition:.3s}.p-item.pending{filter:grayscale(1);opacity:.7}.p-item.done{background:#fff;box-shadow:0 4px 10px #0000000d;transform:translateY(-2px)}.p-item.done.test{border-color:#b3e5fc}.p-item.done.video{border-color:#f8bbd0}.p-item.done.game{border-color:#ffe0b2}.p-item.done.all-green{background:#f1f8e9;border-color:#a5d6a7}.p-item.done.all-green .p-icon-box{background:#4caf50;box-shadow:0 4px 8px #4caf504d;color:#fff}.p-item.done.all-green .p-val-badge{background:#c8e6c9;color:#1b5e20}.p-item.done.all-green .p-status-text{color:#2e7d32;font-weight:700}.p-icon-box{align-items:center;background:#eee;border-radius:50%;display:flex;font-size:1.1rem;height:32px;justify-content:center;width:32px}.p-info{display:flex;flex:1 1;flex-direction:column;line-height:1.2}.p-label{color:#444;font-size:.8rem;font-weight:700}.p-status-text{color:#888;font-size:.65rem}.p-val-badge{background:#eee;border-radius:20px;font-size:.75rem;font-weight:800;padding:4px 8px}.lesson-btn-finished{animation:popUp .5s ease;background:linear-gradient(135deg,#00b09b,#96c93d);border-radius:12px;box-shadow:0 5px 15px #00b09b4d;color:#fff;cursor:default;display:block;font-size:1.05rem;font-weight:700;margin-top:15px;padding:12px 0;text-align:center;width:100%}.hero{align-items:center;background-position:50%;background-size:cover;display:flex;height:400px;justify-content:center;overflow:hidden;position:relative;width:100%}.hero-boy,.hero-girl{bottom:-20px;height:380px;position:absolute;transform:translateY(20px);z-index:50}.hero-girl{left:-120px}.hero-boy{right:-120px}.hero-center{max-width:600px;padding:0 20px}.hero-sub{font-size:2.2rem;font-weight:700;text-shadow:0 3px 10px #0000004d}.hero-title{margin-top:5px;text-shadow:0 6px 25px #00000059,0 0 35px #ffffffbf}.hero-btn{animation:glowPulse 3s ease-in-out infinite;background:#fff;border:none;border-radius:40px;box-shadow:0 8px 25px #0000002e,inset 0 0 18px #fffc;color:#333;cursor:pointer;font-size:1.35rem;font-weight:700;margin-top:-20px;padding:16px 50px;transition:.28s ease}@keyframes glowPulse{0%{box-shadow:0 8px 22px #0000002e,inset 0 0 14px #ffffff8c}50%{box-shadow:0 12px 26px #00000038,inset 0 0 30px #ffffffe6}to{box-shadow:0 8px 22px #0000002e,inset 0 0 14px #ffffff8c}}.hero-btn:hover{box-shadow:0 14px 35px #00000040,inset 0 0 35px #fff;transform:translateY(-6px) scale(1.07)}.hero-boy,.hero-girl{height:320px}.hero-girl{left:-40px}.hero-boy{right:-40px}@media (min-width:1024px){.hero-boy,.hero-girl{bottom:-20px;height:480px;transform:translateY(20px)}.hero-girl{left:-100px}.hero-boy{right:-100px}.hero-title{font-size:5rem}.hero-center{max-width:800px}}.lesson-grid{grid-gap:35px;gap:35px;margin:40px auto;width:90%}.lesson-card{padding:15px 22px 20px}.lesson-card:hover{box-shadow:0 10px 25px #00000040}.lesson-img{margin-bottom:8px}.lesson-list{font-size:.9rem;margin:10px 0;text-align:left}.lesson-btn{background:linear-gradient(135deg,#4bc9ff,#1a92ff);border-radius:25px;box-shadow:0 6px 20px #0096ff59,inset 0 0 12px #ffffff59;font-size:1.1rem;margin:auto;padding:12px;width:160px}.lesson-btn:hover{background:linear-gradient(135deg,#5dd6ff,#3aa0ff);box-shadow:0 10px 25px #0096ff73,inset 0 0 18px #fff9;transform:translateY(-4px) scale(1.05)}.lesson-btn:active{box-shadow:0 3px 10px #0096ff4d,inset 0 0 10px #fff6;transform:scale(.97)}.lesson-header{color:#0098e280;display:block;display:inline-block;font-size:3rem;font-weight:900;margin-bottom:40px;margin-top:70px;padding-bottom:10px;position:relative;text-align:center;text-shadow:0 3px 5px #00000026,0 0 25px #78b7eb66;width:100%}.lesson-header:after{background:linear-gradient(90deg,#4bb5ff,#1fa4ff);border-radius:10px;bottom:-12px;box-shadow:0 4px 10px #008cff59;content:"";height:5px;left:50%;position:absolute;transform:translateX(-50%);width:120px}.lesson-grid{grid-gap:40px 40px;display:grid;gap:40px 40px;grid-template-columns:repeat(3,1fr);justify-items:center;margin:10px auto;max-width:1200px}.lesson-card{background:#fff;border-radius:20px;box-shadow:0 8px 25px #00000014;padding:20px 22px;transition:.3s ease;width:330px}.lesson-card:hover{box-shadow:0 12px 35px #00000026;transform:translateY(-6px)}.lesson-img{border-radius:16px;height:200px;margin-bottom:16px;object-fit:cover;width:100%}.lesson-title{color:#222;font-size:1rem;font-weight:900;letter-spacing:1px;margin:0 0 14px;padding-bottom:8px;position:relative;text-align:center;text-shadow:0 2px 4px #00000026,0 0 10px #007bff26;text-transform:uppercase}.lesson-title:after{background:linear-gradient(90deg,#4bb8ff,#1d8be9);border-radius:10px;bottom:0;box-shadow:0 4px 12px #008cff66;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60%}.lesson-list{font-size:1rem;line-height:1.55;margin-bottom:18px;padding-left:20px}.lesson-btn{background:#4bb5ff;border-radius:12px;box-shadow:0 5px 15px #00000026;color:#fff;display:block;font-size:1.05rem;font-weight:700;padding:12px 0;text-align:center;text-decoration:none;transition:.25s ease;width:100%}.lesson-btn:hover{background:linear-gradient(180deg,#0098e280 0,#00a3b180);transform:translateY(-3px)}@media (max-width:1024px){.lesson-grid{gap:25px!important;grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){.hero{height:auto!important;min-height:350px!important;padding:60px 20px!important}.hero-title{font-size:2.8rem!important}.hero-sub{font-size:1.4rem!important}.hero-boy,.hero-girl{display:none!important}.lesson-header{font-size:2rem!important;margin-top:40px!important}.lesson-grid{gap:30px!important;grid-template-columns:1fr!important;padding:0 15px!important}.lesson-card{margin:0 auto;max-width:380px!important;width:100%!important}.lesson-img{height:180px!important}.hero-btn{font-size:1.1rem!important;margin-top:10px!important;padding:14px 40px!important}}@media (max-width:380px){.hero-title{font-size:2.2rem!important}.lesson-header{font-size:1.6rem!important}}.orientation-banner{align-items:center;background:#fff3cd;border-radius:12px;box-shadow:0 6px 18px #0003;color:#856404;display:flex;gap:15px;justify-content:space-between;left:50%;max-width:90%;min-width:280px;padding:12px 20px;position:fixed;top:100px;transform:translateX(-50%);z-index:9999}.orientation-box{background:#fff;border-radius:16px;font-size:20px;font-weight:700;padding:30px 40px;text-align:center}.orientation-box span{color:#666;display:block;font-size:16px;margin-top:10px}.orientation-banner span{cursor:pointer;font-weight:700;margin-left:10px}.orientation-close{align-items:center;background:#0000001a;border-radius:50%;color:#856404;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:26px;justify-content:center;transition:.2s;width:26px}.orientation-close:hover{background:#0003}.lesson-hero-v2{align-items:flex-start;background-position:50%;background-size:cover;display:flex;flex-direction:column;height:150px;justify-content:center;padding:60px 120px;position:relative;width:100%}.lesson-hero-sub{color:#fff;font-size:3rem;font-weight:800;margin:0;text-shadow:0 3px 6px #00000040}.lesson-hero-title{color:#fff;font-size:7.5rem;font-weight:900;margin:-5px 0 0;text-shadow:0 6px 25px #0000004d,0 0 30px #ffffff8c}.lesson-list-container{display:flex;flex-direction:column;gap:40px;margin:60px auto;max-width:1100px;width:85%}.lesson-row-v2{align-items:center;background:linear-gradient(135deg,#d0f1ff,#a8e0ff);border-radius:14px;box-shadow:0 8px 25px #0000001a;color:#034;display:flex;font-size:1.7rem;font-weight:700;justify-content:space-between;padding:30px 40px;text-decoration:none;transition:.3s ease}.lesson-row-v2:hover{box-shadow:0 12px 30px #0096ff40;transform:translateY(-6px)}.lesson-arrow-v2{height:45px;width:45px}.lesson-text-v2{flex:1 1}@media (max-width:768px){.lesson-hero-v2{align-items:center!important;height:auto!important;min-height:160px!important;padding:40px 20px!important;text-align:center}.lesson-hero-sub{font-size:1.2rem!important}.lesson-hero-title{font-size:2.8rem!important;line-height:1.1;margin:5px 0 0!important}.lesson-list-container{gap:15px!important;margin:30px auto!important;width:95%!important}.lesson-row-v2{border-radius:10px!important;font-size:1.1rem!important;padding:20px!important}.lesson-arrow-v2{height:30px!important;width:30px!important}}@media (max-width:380px){.lesson-hero-title{font-size:2.2rem!important}.lesson-row-v2{font-size:1rem!important}}.pretest-hero{align-items:flex-start;background-position:50%;background-size:cover;display:flex;flex-direction:column;height:150px;justify-content:center;padding:60px 120px;position:relative;width:100%}.pretest-subtitle{color:#fff;font-size:3rem;font-weight:800;margin:0 0 4px;text-shadow:0 3px 4px #0000004d}.pretest-title{color:#fff;font-size:7.5rem;font-weight:900;margin:0;text-shadow:0 6px 25px #00000059,0 0 30px #ffffff80}.pretest-grid{grid-gap:35px;display:grid;gap:35px;grid-template-columns:repeat(3,1fr);margin:60px auto 80px;max-width:1150px;padding:0 20px}.pretest-card{align-items:center;background:linear-gradient(135deg,#dff4ff,#c3e9ff);border-radius:22px;box-shadow:0 10px 25px #00000014;cursor:pointer;display:flex;flex-direction:column;gap:18px;padding:40px 20px;text-decoration:none;transition:.25s ease}.pretest-card:hover{box-shadow:0 14px 32px #0096ff47;transform:translateY(-6px)}.pretest-circle{align-items:center;background:linear-gradient(135deg,#0097e6,#00a8ff);border-radius:50%;box-shadow:0 6px 15px #00000038;color:#fff;display:flex;font-size:1.9rem;font-weight:800;height:70px;justify-content:center;transition:.25s ease;width:70px}.pretest-card:hover .pretest-circle{transform:scale(1.08)}.pretest-info{align-items:center;display:flex;flex-direction:column;gap:10px}.pretest-icon{font-size:2rem;margin-bottom:-4px}.pretest-text{color:#0077b6;font-size:1.28rem;font-weight:700;letter-spacing:.3px;text-decoration:none!important}.pretest-card:hover .pretest-text{color:#005f87}@media screen and (max-width:768px){.pretest-hero{background-position:50%!important;height:auto!important;margin-top:0!important;min-height:150px!important;padding:60px 15px 30px!important}.pretest-subtitle{font-size:1.2rem!important;margin-bottom:5px!important}.pretest-title{font-size:2.2rem!important;line-height:1!important;margin:0!important;text-shadow:0 4px 10px #0003!important}.pretest-grid{gap:15px!important;grid-template-columns:1fr!important;padding:20px 15px!important;width:100%!important}.pretest-card{border-radius:20px!important;flex-direction:row!important;max-width:none!important;padding:15px!important;width:100%!important}.pretest-circle{font-size:1.1rem!important;height:45px!important;width:45px!important}}@media screen and (max-width:380px){.pretest-title{font-size:1.8rem!important}}@media screen and (max-width:768px){.hero-flag-right,[class*=flag]{display:none!important}.pretest-hero{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:40px 20px!important;text-align:center!important;width:100%!important}.pretest-subtitle,.pretest-title{margin-left:0!important;margin-right:0!important;width:100%!important}}.video-list-hero{align-items:flex-start;background-position:50%;background-size:cover;display:flex;flex-direction:column;height:150px;justify-content:center;padding:60px 120px;position:relative;width:100%}.hero-content{color:#fff;text-shadow:0 2px 5px #0000001a;z-index:2}.hero-sub-title{margin:0;text-shadow:0 3px 6px #00000040}.hero-main-title{font-size:7.5rem;margin:-5px 0 0;text-shadow:0 6px 25px #0000004d,0 0 30px #ffffff8c}.hero-flag-right{border-bottom:140px solid #0000;border-right:200px solid #fff;border-top:140px solid #0000;height:0;position:absolute;right:0;top:0;width:0;z-index:1}.video-list-container{margin:0 auto;max-width:1100px;padding:60px 20px}.video-grid{grid-gap:50px;display:grid;gap:50px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-items:center}.game-style-card{align-items:center;background-color:#76ccd9;border-radius:40px;box-shadow:0 10px 20px #76ccd94d;display:flex;flex-direction:column;gap:15px;max-width:300px;padding:20px;text-decoration:none;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);width:100%}.game-style-card:hover{box-shadow:0 20px 40px #76ccd980;transform:translateY(-10px) scale(1.02)}.card-image-frame{aspect-ratio:4/3;background-color:#fff;border-radius:30px;box-shadow:inset 0 0 10px #0000000d;overflow:hidden;padding:8px;width:100%}.card-image-frame img{border-radius:22px;display:block;height:100%;object-fit:cover;width:100%}.card-play-area{padding-bottom:5px;width:100%}.card-play-area,.play-circle{display:flex;justify-content:center}.play-circle{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 5px 15px #0000001a;height:70px;transition:transform .2s;width:70px}.play-icon{color:#76ccd9;height:35px;margin-left:5px;width:35px}.game-style-card:hover .play-circle{transform:scale(1.1)}@media (max-width:768px){.video-list-hero{align-items:center!important;height:auto!important;min-height:180px!important;padding:50px 20px 30px!important;text-align:center}.hero-sub-title{font-size:1.3rem!important;margin-bottom:5px!important}.hero-main-title{font-size:2.8rem!important;letter-spacing:1px!important;line-height:1.1}.hero-flag-right{display:none!important}.video-list-container{padding:30px 15px!important}.video-grid{gap:30px!important;grid-template-columns:1fr!important}.game-style-card{border-radius:30px!important;max-width:100%!important;padding:15px!important}.play-circle{height:60px!important;width:60px!important}.play-icon{height:25px!important;width:25px!important}}@media (max-width:380px){.hero-main-title{font-size:2.2rem!important}}.game-hero-cyan{align-items:center;background-color:#88d0e0;display:flex;height:250px;overflow:hidden;padding-left:8%;position:relative;width:100%}.hero-bg-layer{background-image:url(/sortlearn/static/media/bg2.51e8cd256e7c5c78c0a0.png);background-position:50%;background-size:cover;height:100%;left:0;opacity:.15;position:absolute;top:0;width:100%;z-index:1}.hero-content-limit{color:#fff;max-width:55%;position:relative;text-shadow:0 2px 4px #0000001a;z-index:2}.hero-sub-title{color:#fff;font-size:3rem;font-weight:800;margin:0 0 4px;text-shadow:0 3px 4px #0000004d}.hero-main-title{color:#fff;font-size:6.5rem;font-weight:900;margin:0;text-shadow:0 6px 25px #00000059,0 0 30px #ffffff80}.game-list-container{margin:0 auto;max-width:1100px;padding:60px 20px}.game-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-items:center}.game-arcade-card{background-color:#76ccd9;border:6px solid #fff;border-radius:20px;box-shadow:0 8px 0 #5fb0bd,0 15px 20px #00000026;display:flex;flex-direction:column;gap:15px;max-width:320px;padding:15px;text-decoration:none;transform:translateY(0);transition:all .2s cubic-bezier(.25,.8,.25,1);width:100%}.game-arcade-card:hover{box-shadow:0 4px 0 #5fb0bd,0 8px 10px #0000001a;transform:translateY(4px)}.arcade-screen{background-color:#fff;border-radius:12px;box-shadow:inset 0 2px 6px #0000001a;overflow:hidden;padding:6px;position:relative}.arcade-screen img{border-radius:8px;display:block;height:200px;object-fit:cover;width:100%}.screen-glare{background:linear-gradient(120deg,#fff0 40%,#fff3 50%,#fff0 60%);height:100%;pointer-events:none;position:absolute;right:0;top:0;width:60%}.arcade-controls{text-align:center}.arcade-title{color:#fff;font-size:1.5rem;font-weight:800;letter-spacing:.5px;margin:0 0 12px;text-shadow:0 2px 0 #0000001a}.start-btn-wrapper{display:flex;justify-content:center}.arcade-start-btn{align-items:center;background-color:#fff;border:none;border-radius:50px;box-shadow:0 4px 10px #00000026;color:#76ccd9;cursor:pointer;display:flex;font-size:1rem;font-weight:900;gap:8px;padding:10px 30px;transition:all .2s}.game-arcade-card:hover .arcade-start-btn{background-color:#e0f7fa;color:#0092cc}@media (max-width:768px){.game-hero-cyan{height:auto!important;justify-content:center!important;min-height:200px!important;padding:40px 20px!important}.hero-content-limit{max-width:100%!important;text-align:center!important}.hero-sub-title{font-size:1.3rem!important}.hero-main-title{font-size:2.5rem!important;line-height:1.2}.game-list-container{padding:30px 15px!important}.game-grid{gap:25px!important;grid-template-columns:1fr!important}.game-arcade-card{border-width:4px!important;max-width:340px!important;padding:12px!important}.arcade-screen img{height:180px!important}.arcade-title{font-size:1.2rem!important}}@media (max-width:380px){.hero-main-title{font-size:2rem!important}.arcade-start-btn{font-size:.9rem!important;padding:8px 20px!important}}.admin-container{background:linear-gradient(180deg,#f0f7ff,#fff);color:#2d3748;font-family:Kanit,sans-serif;min-height:100vh;padding:50px 20px}.admin-header{margin-bottom:40px;text-align:center}.admin-header h1{color:#0ea5e9;font-size:2.5rem;font-weight:900;letter-spacing:-1px;margin:0}.admin-header p{color:#94a3b8;font-weight:400;margin-top:5px}.admin-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #fff;border-radius:24px;box-shadow:0 10px 30px #0ea5e914;display:flex;gap:15px;margin-bottom:30px;padding:15px}.search-box{align-items:center;background:#f1f5f9;border-radius:16px;display:flex;flex:1 1;padding:12px 20px;transition:.3s}.search-box input{background:#0000;border:none;color:#475569;font-size:1rem;margin-left:10px;outline:none;width:100%}.btn-export{background:#0ea5e9;border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;padding:0 25px;transition:.3s ease}.btn-export:hover{background:#0284c7;box-shadow:0 8px 20px #0ea5e933;transform:translateY(-2px)}.admin-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}.stat-card{background:#fff;border:1px solid #f1f5f9;border-radius:24px;box-shadow:0 4px 20px #00000005;padding:30px;text-align:center}.stat-card small{color:#94a3b8;display:block;font-size:.85rem;margin-bottom:10px}.stat-card h2{color:#0ea5e9;font-size:3rem;font-weight:900;margin:0}.admin-table-wrapper{background:#fff;border:1px solid #f1f5f9;border-radius:32px;box-shadow:0 20px 40px #0000000a;padding:10px}.admin-table{border-collapse:initial;border-spacing:0 8px;width:100%}.admin-table th{color:#94a3b8;font-size:.9rem;font-weight:400;padding:20px;text-align:left}.admin-table tbody tr{background:#fff;transition:.2s}.admin-table tbody tr:hover{background:#f8fbff}.admin-table td{border-top:1px solid #f8fafc;padding:20px}.admin-table td:first-child{border-radius:16px 0 0 16px}.admin-table td:last-child{border-radius:0 16px 16px 0}.badge-type{background:#e0f2fe;border-radius:12px;color:#0ea5e9;font-size:.8rem;font-weight:700;padding:6px 14px}.score-cell{color:#22c55e;font-size:1.2rem;font-weight:900}@media (max-width:768px){.admin-controls{border-radius:20px;flex-direction:column;padding:10px}.btn-export{height:50px}.admin-stats{grid-template-columns:1fr}.admin-table-wrapper{border-radius:20px}}.cute-swal-popup{box-shadow:0 20px 60px #0ea5e926!important;font-family:Kanit,sans-serif!important}.cute-swal-title{color:#0ea5e9!important;font-size:1.8rem!important;font-weight:900!important}.cute-swal-cancel,.cute-swal-confirm{border-radius:15px!important;font-weight:700!important;padding:12px 30px!important}.admin-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:25px}.tab-btn{background:#fff;border:2px solid #e0f2fe;border-radius:50px;color:#94a3b8;cursor:pointer;font-family:Kanit,sans-serif;font-weight:700;padding:10px 20px;transition:.3s}.tab-btn:hover{background:#f0f9ff;border-color:#0ea5e9;color:#0ea5e9}.tab-btn.active{background:#0ea5e9;border-color:#0ea5e9;box-shadow:0 5px 15px #0ea5e94d;color:#fff}.admin-sub-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.sub-tab-btn{background:#fff!important;border:1.5px solid #bae6fd!important;border-radius:25px;color:#1e40af!important;cursor:pointer;font-family:Kanit,sans-serif;font-size:.9rem;font-weight:500;padding:8px 20px;transition:all .3s ease}.sub-tab-btn:hover:not(.active){background:#f0f9ff!important;border-color:#0ea5e9!important;color:#0284c7!important}.sub-tab-btn.active{background:linear-gradient(135deg,#0ea5e9,#1e40af)!important;border:none!important;box-shadow:0 4px 12px #1e3a8a40;color:#fff!important;font-weight:600}.battle-container{background-color:#f8fafc;color:#1e293b;font-family:Inter,Sarabun,sans-serif;min-height:100vh;padding:40px 5%}.battle-header{margin-bottom:40px;text-align:center}.battle-header h1{color:#1e3a8a;font-size:2.8rem;font-weight:800;letter-spacing:-.02em;margin-bottom:10px}.battle-header p{color:#64748b;font-size:1.1rem}.battle-controls{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 10px 25px -5px #0000000d;margin-bottom:40px;padding:30px;text-align:center}.select-row{align-items:center;display:flex;gap:25px;justify-content:center;margin-bottom:25px}.select-row select{background-color:#f8fafc;border:2px solid #f1f5f9;border-radius:14px;color:#1e3a8a;cursor:pointer;font-size:1.1rem;font-weight:600;min-width:200px;padding:12px 20px;transition:all .3s ease}.select-row select:focus{background-color:#fff;border-color:#3b82f6;outline:none}.vs{color:#cbd5e1;font-size:1.8rem;font-style:italic}.btn-start{background:linear-gradient(135deg,#1e3a8a,#2563eb);border-radius:50px;box-shadow:0 10px 20px #2563eb33;font-size:1.1rem;padding:14px 45px;transition:all .3s ease}.btn-start:hover:not(:disabled){box-shadow:0 15px 30px #2563eb4d;transform:translateY(-2px)}.btn-reset{border:2px solid #e2e8f0;border-radius:50px;padding:12px 30px;transition:all .3s ease}.btn-reset:hover:not(:disabled){background:#f1f5f9}.btn-reset:disabled,.btn-start:disabled{opacity:.5}.battle-field{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.battle-card{background:#fff;border:2px solid #f1f5f9;border-radius:30px;box-shadow:0 4px 6px -1px #0000000d;padding:35px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.battle-card.is-winner{background:#fffdf5;border-color:#fbbf24;box-shadow:0 20px 40px #fbbf241a;transform:scale(1.02)}.card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.card-top h3{color:#1e293b;font-size:1.5rem}.card-top small{color:#94a3b8;display:block;font-size:.9rem;font-weight:400}.winner-tag{animation:bounce .5s infinite alternate;background:#fbbf24;border-radius:50px;color:#92400e;font-size:.75rem;font-weight:800;padding:6px 16px}.card-stats{background:#f8fafc;border-radius:20px;display:flex;gap:30px;margin-bottom:25px;padding:20px}.stat span{color:#64748b;display:block;font-size:.85rem;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.stat strong{color:#1e3a8a;font-family:JetBrains Mono,monospace;font-size:1.8rem}.visualizer{align-items:flex-end;border-bottom:2px solid #f1f5f9;display:flex;gap:8px;height:250px;justify-content:center;padding-bottom:10px}.bar{border-radius:6px 6px 2px 2px;transition:height .2s cubic-bezier(.4,0,.2,1),background-color .3s;width:100%}.verdict-box{background:#1e3a8a;border-radius:28px;box-shadow:0 20px 40px #1e3a8a33;color:#fff;margin-top:50px;padding:40px;text-align:center}.verdict-box h3{color:#fbbf24;font-size:1.8rem;margin-bottom:15px}.verdict-box p{font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:800px}.tips{border-top:1px solid #ffffff1a;font-size:.95rem;margin-top:25px!important;opacity:.7;padding-top:20px}.fade-in{animation:fadeIn .6s ease-out forwards}@media (max-width:992px){.battle-field{grid-template-columns:1fr}.vs{margin:10px 0;transform:rotate(90deg)}}.btn-reset{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 25px;transition:all .2s ease}.btn-reset:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.btn-start{background:#1e3a8a;border:none;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 35px;transition:all .2s ease}.btn-start:hover:not(:disabled){background:#1e40af;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.btn-start:active:not(:disabled){transform:translateY(0)}.btn-reset:disabled,.btn-start:disabled{background:#f1f5f9;border-color:#f1f5f9;color:#94a3b8;cursor:not-allowed;transform:none}@media (max-width:850px){.battle-header h1{font-size:1.8rem}.select-row{flex-direction:column;gap:10px}.vs{margin:5px 0;transform:rotate(90deg)}.battle-field{grid-template-columns:1fr}.battle-card{padding:20px}.stat strong{font-size:1.2rem}.visualizer{gap:3px;height:180px}}.verdict-card{align-items:center;background:#fff;border:1px solid #f1f5f9;border-left:6px solid #fbbf24;border-radius:12px;box-shadow:0 10px 25px -5px #0000000d;display:flex;margin:30px auto;max-width:700px;padding:20px 25px}.verdict-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:2.5rem;margin-right:20px}.verdict-content h4{color:#1e3a8a;font-size:1.1rem;font-weight:700;margin:0 0 5px}.verdict-content p{color:#475569;font-size:.95rem;line-height:1.5;margin:0}.verdict-content strong{color:#1e293b}.verdict-content span{background:#fef3c7;border-radius:6px;color:#92400e;font-size:.85rem;font-weight:700;margin-left:4px;padding:2px 8px}.verdict-content small{color:#64748b;display:block;font-style:italic;margin-top:6px}@media (max-width:600px){.verdict-card{flex-direction:column;padding:25px;text-align:center}.verdict-icon{margin-bottom:15px;margin-right:0}}.dropdown-trigger,.nav-lab-btn,.nav-menu li a{font-family:Inter,Sarabun,sans-serif;font-weight:600!important;transition:all .2s ease}.nav-lab-btn{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;color:#0284c7!important;padding:8px 15px!important}.nav-menu li a.active{font-weight:600!important}body,html{background-color:#f4f7f6;font-family:Kanit,sans-serif}.lesson-detail-hero{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:0 4px 10px #0000000d;display:flex;flex-direction:column;height:250px;justify-content:center;margin-bottom:40px;position:relative;width:100%}.hero-center{color:#fff;text-align:center;width:100%;z-index:2}.hero-sub{color:#fff;font-size:3rem;font-weight:800;margin:0;text-shadow:0 3px 6px #00000040}.hero-title{color:#fff;font-size:5rem;font-weight:900;margin:-5px 0 0;text-shadow:0 6px 25px #0000004d,0 0 30px #ffffff8c}.hero-desc{color:#e1f5fe;font-size:2rem;margin-top:5px;text-shadow:0 2px 4px #0000004d}@media (max-width:768px){.lesson-detail-hero{height:160px}.hero-title{font-size:3rem}.hero-sub{font-size:2rem}.hero-desc{font-size:1.2rem}}.lesson-detail-container{margin:0 auto 80px;max-width:1000px;width:90%}.section-header{color:#2d3748;display:inline-block;font-size:2rem;font-weight:800;margin:40px 0 20px;position:relative}.section-header:after{background:#4299e1;border-radius:2px;content:"";display:block;height:4px;margin-top:5px;width:50%}.concept-card{background:#fff;border-left:5px solid #4299e1;border-radius:15px;box-shadow:0 10px 25px #0000000d;color:#4a5568;font-size:1.25rem;line-height:1.8;padding:30px}.steps-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-top:20px}.step-item{background:#fff;border:1px solid #e1f5fe;border-radius:15px;box-shadow:0 5px 15px #0000000d;display:flex;flex-direction:column;overflow:hidden;padding:25px;position:relative;transition:transform .2s}.step-item:hover{border-color:#29b6f6;box-shadow:0 10px 20px #29b6f626;transform:translateY(-5px)}.step-number{color:#9ac8f6;font-size:3.5rem;font-weight:900;line-height:1;position:absolute;right:20px;top:10px;z-index:0}.step-content{position:relative;z-index:1}.step-content h4{color:#0277bd;font-size:1.3rem;font-weight:800;margin:0 0 10px}.step-content p{color:#546e7a;font-size:1rem;line-height:1.5;margin:0}.complexity-wrapper{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.stat-box{background:#2d3748;border-radius:10px;color:#fff;flex:1 1;min-width:150px;padding:20px;text-align:center;transition:.3s}.stat-box:hover{background:#4a5568;transform:scale(1.05)}.stat-label{font-size:.9rem;margin-bottom:5px;opacity:.8}.stat-value{color:#63b3ed;font-size:1.8rem;font-weight:700}.stat-desc{color:#a0aec0;font-size:.8rem;margin-top:5px}.pros-cons-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.pc-column{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000000d;padding:25px}.pc-column h4{align-items:center;display:flex;font-size:1.3rem;gap:10px;margin-top:0}.pc-list{list-style:none;padding:0}.pc-list li{align-items:start;border-bottom:1px solid #edf2f7;display:flex;gap:10px;padding:8px 0}.pc-list li:last-child{border-bottom:none}.lesson-detail-video h3{font-weight:900;margin-bottom:20px;text-shadow:0 4px 10px #0003}.video-btn-styled{background:#fff;border-radius:50px;box-shadow:0 4px 15px #0000001a;color:#0288d1;display:inline-block;font-size:1.2rem;font-weight:900;padding:15px 40px;text-decoration:none;transition:.3s}.video-btn-styled:hover{background:#f0f9ff;box-shadow:0 6px 20px #00000026;transform:scale(1.05)}.highlight-text{background:#e1f5fe;border-radius:4px;color:#0288d1;font-weight:700;padding:0 5px}.example-box{background:#fafafa;border:2px solid #e1f5fe;border-radius:20px;box-shadow:0 10px 30px #0000000d;margin-bottom:20px;padding:25px}.ex-row{align-items:center;border-bottom:1px dashed #eee;display:flex;flex-wrap:wrap;gap:10px;padding:15px 0}.ex-row:last-child{border-bottom:none}.ex-step-row{color:#333;font-size:.95rem;margin-bottom:12px}.badge-round{background:#eceff1;border-radius:12px;color:#455a64;font-size:.75rem;font-weight:700;margin-right:8px;text-align:center;width:50px}.array-result,.badge-round{display:inline-block;padding:2px 8px}.array-result{background:#fff;border:1px solid #eee;border-radius:4px;color:#555;font-family:monospace;margin-left:60px;margin-top:4px}.array-result.final{background:#e8f5e9;border-color:#c8e6c9;color:#2e7d32;font-weight:700}.math-formula-box{background:#fff3e0;border:2px dashed #ffb74d;border-radius:15px;margin-top:20px;padding:20px;text-align:center}.math-formula-box h3{color:#e65100;font-size:1.8rem;margin:10px 0}.math-formula-box p{color:#ef6c00;font-weight:500;margin:0}.fade-in-up{animation:fadeInUp .6s ease-out forwards;opacity:0;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.pros-cons-grid,.steps-grid{grid-template-columns:1fr}.complexity-wrapper{flex-direction:column}}.comparison-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:15px}.example-card{background:#fff;border:1px solid #eee;border-radius:15px;box-shadow:0 5px 15px #00000014;overflow:hidden}.card-header{color:#333;padding:20px}.example-card.asc .card-header{background:#e1f5fe;border-bottom:3px solid #4fc3f7}.example-card.desc .card-header{background:#fff3e0;border-bottom:3px solid #ffb74d}.card-header h4{font-size:1.1rem;margin:0 0 5px}.card-header p{color:#555;font-size:.9rem;margin:0}.card-body{padding:20px}.step-row{border-bottom:1px dashed #eee;display:flex;gap:15px;margin-bottom:15px;padding-bottom:10px}.step-row:last-child{border:none;margin:0}.step-row .label{background:#eceff1;border-radius:20px;color:#455a64;font-size:.75rem;font-weight:700;height:-webkit-fit-content;height:fit-content;padding:5px 10px;white-space:nowrap}.step-row.finish .label{background:#c8e6c9;color:#2e7d32}.step-row .detail{color:#333;font-size:.95rem;line-height:1.6}.array{background:#fafafa;border:1px solid #eee;border-radius:4px;color:#555;display:inline-block;font-family:monospace;margin-top:5px;padding:2px 8px}.array.final{background:#e8f5e9;border-color:#c8e6c9;color:#2e7d32;font-weight:700}.table-container h4{color:#37474f;margin-bottom:15px}.analysis-table{background:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 2px 8px #0000000d;font-size:.95rem;overflow:hidden;width:100%}.analysis-table th{background:#37474f;color:#fff;padding:12px;text-align:left}.analysis-table td{border-bottom:1px solid #eee;color:#333;padding:12px}.analysis-table tr:last-child td{border-bottom:none}.analysis-table tr:nth-child(2n){background:#fcfcfc}.analysis-table.big-o th{background:#263238;text-align:center}.analysis-table.big-o td{vertical-align:middle}.analysis-table.big-o td:nth-child(2){font-family:monospace;font-size:1.1rem;font-weight:700;text-align:center}.highlight-o{color:#e53e3e}.formula-card{background:#fff8e1;border:2px dashed #ffb300;border-radius:15px;margin-top:25px;padding:25px;text-align:center}.math-big{color:#e65100;font-size:2rem;margin:10px 0}.pc-clean-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.pc-card{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000000f;padding:30px}.pc-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;gap:10px;margin-bottom:20px;padding-bottom:15px}.pc-header h3{font-size:1.4rem;margin:0}.pc-card.pros .pc-header h3{color:#2e7d32}.pc-card.cons .pc-header h3{color:#c62828}.pc-clean-list{list-style:none;margin:0;padding:0}.pc-clean-list li{grid-gap:10px;color:#444;display:grid;font-size:1rem;gap:10px;grid-template-columns:150px 1fr;line-height:1.6;margin-bottom:15px}.pc-clean-list li strong{color:#333;font-weight:700}@media (max-width:768px){.comparison-grid,.pc-clean-grid,.pc-clean-list li{grid-template-columns:1fr}}.step-list{color:#546e7a;font-size:.9rem;list-style-type:disc;margin-top:5px;padding-left:20px}.step-list li{margin-bottom:5px}.pseudo-code-box{background:#282c34;border-left:5px solid #61dafb;border-radius:15px;box-shadow:0 10px 30px #0003;color:#abb2bf;font-family:Courier New,monospace;font-size:1rem;overflow-x:auto;padding:25px}.code-line{margin-bottom:5px;white-space:pre-wrap}.line-num{color:#5c6370;margin-right:15px;-webkit-user-select:none;user-select:none}.keyword{font-weight:700}.comment{color:#5c6370;font-style:italic}@media (max-width:480px){.step-number{font-size:2.5rem!important;opacity:.5;right:10px!important;top:5px!important}}.table-container{-webkit-overflow-scrolling:touch;margin-bottom:30px;overflow-x:auto;width:100%}.pseudo-code-box::-webkit-scrollbar{height:8px}.pseudo-code-box::-webkit-scrollbar-thumb{background:#4a5568;border-radius:10px}.concept-card p,.step-content p{margin-bottom:1rem}.concept-card p:last-child{margin-bottom:0}.pseudo-code-box{font-family:monospace}.code-line{display:flex;gap:12px;line-height:1.8}.line-num{font-feature-settings:"tnum";color:#888;flex-shrink:0;font-variant-numeric:tabular-nums;text-align:right;width:32px}.code-text{padding-left:calc(var(--level)*20px);white-space:nowrap}.keyword{color:#c678dd;font-weight:500}.comment{color:#6a9955}body,html{overflow-x:hidden}.test-hero{align-items:center;background-position:50%;background-size:cover;color:#fff;display:flex;flex-direction:column;height:200px;justify-content:center;margin-top:-80px;padding-top:100px;text-align:center}.test-title{font-size:4.5rem;font-weight:900;letter-spacing:2px;line-height:1.1;margin:0;text-transform:uppercase}.test-sub,.test-title{color:#fff;text-shadow:0 4px 15px #7779}.test-sub{font-size:2rem;font-weight:500;margin-top:15px;opacity:.9}.result-sub{color:#fff;font-size:2.6rem;font-weight:900;margin:0;text-shadow:0 4px 10px #00000040}.test-box{background:linear-gradient(180deg,#a0e4ff,#74d2f7);border-radius:40px;box-shadow:0 15px 35px #0000001a;flex-direction:column;gap:35px;margin:40px auto;max-width:1200px;padding:60px 50px;width:90%}.test-box,.test-number{align-items:center;display:flex}.test-number{background:#51b8ff;border-radius:50%;box-shadow:0 8px 20px #0003;color:#fff;font-size:1.6rem;font-weight:700;height:70px;justify-content:center;left:50px;position:absolute;top:-30px;width:70px}.test-question{background:#fff;border-radius:25px;box-shadow:0 4px 10px #00000014;font-size:1.4rem;font-weight:600;line-height:1.6;max-width:1000px;padding:25px 40px;text-align:center;width:100%}.choice-grid{grid-gap:25px 35px;display:grid;gap:25px 35px;grid-template-columns:repeat(2,1fr);max-width:1000px;width:100%}.choice-btn{background:#fff;border:none;border-radius:18px;box-shadow:0 4px 12px #0000001a;cursor:pointer;font-size:1.15rem;font-weight:600;line-height:1.4;padding:18px 24px;text-align:left;transition:.25s;width:100%}.choice-btn:hover{box-shadow:0 8px 18px #00000026;transform:translateY(-4px)}.result-container{padding-top:40px;text-align:center}.result-box{background:#fff;border-radius:35px;box-shadow:0 10px 30px #0000001f;margin:60px auto;padding:40px 20px;text-align:center;width:450px}.result-box h1{font-size:4rem;font-weight:900;margin:10px 0}.result-hero{background-image:url(/sortlearn/static/media/bg-pattern.92ccb7417c147e8f2862.png);background-position:50%;background-repeat:no-repeat;background-size:cover;padding:60px 0 40px;text-align:center;width:100%}.result-title{color:#fff;font-size:2.6rem;font-weight:900;margin:0;text-shadow:0 4px 10px #00000040}.result-label{color:#444;font-size:1.4rem;font-weight:600;margin-bottom:10px}.result-score{color:#0084d6;font-size:4.5rem;font-weight:900;margin:0}.result-score span{color:#666;font-size:2.2rem;font-weight:600}body,html{height:100%}#root,body,html{display:flex;flex-direction:column}#root{min-height:100vh}main{flex:1 1}footer{margin-top:auto}.go-lesson-btn{background:linear-gradient(135deg,#3bb3ff,#009dff);border-radius:50px;box-shadow:0 6px 20px #0096ff59;color:#fff;display:inline-block;font-size:1.25rem;font-weight:700;letter-spacing:.5px;margin-top:30px;overflow:hidden;padding:14px 32px;position:relative;text-decoration:none;transition:.25s ease}.go-lesson-btn:before{background:linear-gradient(120deg,#fff0,#ffffff73 50%,#fff0);content:"";height:100%;left:-120%;position:absolute;top:0;transform:skewX(-20deg);transition:.4s;width:80%}.go-lesson-btn:hover{box-shadow:0 10px 25px #0096ff73;transform:translateY(-4px) scale(1.04)}.go-lesson-btn:hover:before{left:120%}.result-card-fancy{animation:popUp .6s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:40px;box-shadow:0 0 0 10px #f0f9ff,0 0 0 14px #ade5f7,0 20px 60px #0092cc33;margin:30px auto;max-width:400px;padding:50px 20px;position:relative;text-align:center;width:100%}.result-icon{animation:floatIcon 3s ease-in-out infinite;display:inline-block;filter:drop-shadow(0 5px 5px rgba(0,0,0,.1));font-size:5rem;margin-bottom:20px}.result-score-circle{align-items:baseline;background:#0000;border:none;box-shadow:none;color:#0092cc;display:flex;flex-direction:row;gap:15px;height:auto;justify-content:center;margin:0 0 40px;width:auto}.score-big{color:#676767!important;font-size:5rem;line-height:1;text-shadow:none!important}.score-divider{color:#4d8fd6!important;font-size:3rem;font-weight:300}.score-total{color:#718096!important;font-size:3rem;font-weight:700}.result-btn-next{background:linear-gradient(90deg,#f6adad,#f687b3);border:none;border-radius:50px;box-shadow:0 10px 20px #f6adad66;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:15px 0;transition:transform .2s;width:80%}.result-btn-next:hover{transform:translateY(-3px)}.result-btn-next:active{transform:scale(.98)}@keyframes popUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){.test-hero{height:auto;margin-top:-60px;min-height:180px;padding:80px 15px 40px}.test-title{font-size:2.2rem;letter-spacing:1px}.result-sub,.result-title,.test-sub{font-size:1.4rem}.test-box{gap:25px;padding:40px 20px;width:95%}.test-number{font-size:1.2rem;height:50px;left:20px;top:-25px;width:50px}.test-question{font-size:1.1rem;padding:20px}.choice-grid{gap:15px;grid-template-columns:1fr}.choice-btn{font-size:1rem;padding:15px}.result-box{padding:30px 15px;width:90%}.result-score{font-size:3.5rem}.result-card-fancy{box-shadow:0 0 0 6px #f0f9ff,0 0 0 10px #ade5f7,0 15px 40px #0092cc33;padding:30px 15px;width:95%}.score-big{font-size:3.5rem!important}.score-divider,.score-total{font-size:2rem!important}.result-btn-next{width:100%}.test-title{font-size:2.8rem!important;line-height:1.1!important}.test-hero{height:auto!important;margin-top:0!important;padding:40px 15px!important}.choice-grid,.video-grid,[class*=grid]{gap:20px!important;grid-template-columns:1fr!important;justify-items:center;padding:10px!important}.game-style-card,[class*=card]{border-radius:30px!important;max-width:320px!important;width:100%!important}.card-image-frame{aspect-ratio:16/9}}@media screen and (max-width:768px){body .test-hero{height:auto!important;margin-top:0!important;min-height:140px!important;padding-top:50px!important}body .test-hero .test-title{display:block!important;font-size:1.8rem!important;line-height:1.2!important;text-align:center!important;width:100%!important}body .test-hero .test-sub{font-size:1.1rem!important;margin-top:5px!important;opacity:1!important}body,html{overflow-x:hidden!important;position:relative}}#ms-adventure-scoped .title-pink-fix,.lesson-header-badge{background:linear-gradient(90deg,#0098e2,#00a3b1)!important;border:2px solid #fff6!important;border-radius:50px!important;box-shadow:0 4px 15px #0098e266!important;color:#fff!important;padding:12px 35px!important;text-shadow:0 2px 4px #0003!important}.choice-btn{background:#fff!important;color:#333!important;filter:saturate(100%);opacity:1;transition:all .3s ease}.choice-btn.faded,.choice-btn:disabled{background:#f5f5f5!important;border-color:#ccc!important;box-shadow:none!important;color:#999!important;cursor:not-allowed!important;filter:saturate(30%)!important;opacity:.6!important;transform:none!important}.video-quiz-container{font-family:Kanit,sans-serif;margin:0 auto 80px;max-width:900px;text-align:center;width:95%}.section-title h3{color:#5f5f5f;font-size:3rem;font-weight:900;margin-bottom:25px;text-align:center;text-shadow:9px 9px 5px #0000001a}.pink-activity-wrapper{background-color:#fbd5d5;border-radius:25px;box-shadow:0 10px 30px #0000001a;padding:40px}.video-wrapper{aspect-ratio:16/9;background:#0000;border-radius:20px;box-shadow:0 4px 15px #0003;margin-bottom:30px;overflow:hidden;position:relative;width:100%}.video-wrapper iframe{height:100%;left:0;position:absolute;top:0;width:100%}.quiz-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px;padding:0 5px}.quiz-header-row h3{color:#4a5568;font-size:1.4rem;margin:0}.score-badge{background:#fff;border-radius:20px;box-shadow:0 2px 5px #0000001a;color:#ed8936;font-weight:700;padding:5px 15px}.quiz-card-blue{animation:fadeIn .5s ease;background-color:#81cedd;border-radius:20px;box-shadow:0 5px 15px #0000000d;padding:30px}.question-box{align-items:center;background:#fff;border-radius:15px;display:flex;justify-content:center;margin-bottom:20px;min-height:100px;padding:20px}.question-box p{color:#2d3748;font-size:1.4rem;font-weight:600;margin:0}.options-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.option-pill{background:#fff;border:3px solid #0000;border-radius:50px;cursor:pointer;font-size:1.1rem;padding:12px;transition:.2s}.option-pill:hover{transform:translateY(-3px)}.option-pill.active{background:#fefcbf;border-color:#ecc94b;color:#744210;font-weight:700}.submit-btn-pink{background-color:#f6adad;border:none;border-radius:50px;box-shadow:0 4px 0 #e09494;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:700;margin-top:20px;padding:12px 50px}.submit-btn-pink:hover{background-color:#fc8181}.submit-btn-pink:active{box-shadow:none;transform:translateY(4px)}.quiz-result h2,.quiz-result p{color:#fff}.restart-btn{background:#fff;border:none;border-radius:20px;color:#81cedd;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:15px;padding:10px 30px}.custom-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.custom-modal-box{animation:popIn .3s cubic-bezier(.175,.885,.32,1.275);background:#fff;border:4px solid #f6adad;border-radius:25px;box-shadow:0 10px 30px #0003;max-width:400px;padding:30px;text-align:center;width:90%}.custom-modal-icon{display:block;font-size:3rem;margin-bottom:15px}.custom-modal-title{color:#e53e3e;font-size:1.5rem;font-weight:800;margin:0 0 10px}.custom-modal-text{color:#4a5568;font-size:1.1rem;margin-bottom:25px}.custom-modal-btn{background:#81cedd;border:none;border-radius:50px;box-shadow:0 4px 0 #4299e1;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:10px 30px;transition:.2s}.custom-modal-btn:hover{background:#63b3ed;transform:translateY(-2px)}.custom-modal-btn:active{box-shadow:none;transform:translateY(2px)}.done-box{animation:fadeIn .4s ease-in-out;background:linear-gradient(135deg,#f4f4f4,#a8e0ee);border-radius:25px;box-shadow:0 12px 35px #00000026;margin:40px auto;max-width:650px;padding:40px;text-align:center}.done-icon{font-size:4rem;margin-bottom:10px}.done-title{color:#0b3c5d;font-size:1.8rem;font-weight:900;margin-bottom:10px}.done-text{color:#073b4c;font-size:1.1rem;margin-bottom:25px;opacity:.9}.done-btn{background:#fff;border:none;border-radius:30px;box-shadow:0 4px 0 #1c7ed6;color:#4aaae6;cursor:pointer;font-size:1.1rem;font-weight:700;padding:12px 35px;transition:.2s}.done-btn:hover{background:#f1f9ff;transform:translateY(-2px)}.done-btn:active{box-shadow:none;transform:translateY(3px)}@media (max-width:768px){.section-title h3{font-size:1.8rem;margin-bottom:15px;text-shadow:4px 4px 3px #0000001a}.pink-activity-wrapper{border-radius:15px;padding:20px 15px}.options-grid{gap:10px;grid-template-columns:1fr}.question-box p{font-size:1.1rem}.option-pill{font-size:1rem;padding:10px}.submit-btn-pink{font-size:1.1rem;padding:12px 0;width:100%}.done-box{margin:20px auto;padding:25px 15px}.done-title{font-size:1.5rem}}@media (max-width:480px){.quiz-header-row{flex-direction:column;gap:10px;text-align:center}.quiz-card-blue{padding:15px}}.game-container{align-items:center;background-color:#1a1a1a;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:center}.game-container:before{background:#000000a6;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.glass-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e1e1ee6;border:1px solid #ffffff26;border-radius:16px;box-shadow:0 8px 32px #00000080}.overlay-screen{max-width:1200px;padding:30px 20px;position:relative;text-align:center;width:100%;z-index:2}.title-wrapper{margin-bottom:40px}.game-title.main{color:#fff;font-size:3.8rem;font-weight:900;letter-spacing:2px;margin:0;text-shadow:0 4px 10px #000;text-transform:uppercase}.game-title.sub{color:gold;font-size:2.5rem;font-style:italic;font-weight:300;letter-spacing:6px;margin:-5px 0 0;text-shadow:0 4px 10px #000}.char-grid{gap:20px}.char-card{background:#000000b3;border:2px solid #444;border-radius:15px;display:flex;flex-direction:column;overflow:hidden}.char-card:hover{border-color:gold;box-shadow:0 0 25px #ffd70099;transform:translateY(-10px)}.char-img-box{align-items:center;background:#0000!important;background-image:none!important;border:none!important;box-shadow:none!important;display:flex;height:180px;justify-content:center;width:100%}.char-portrait{filter:drop-shadow(0 10px 15px rgba(0,0,0,.3));max-height:100%;object-fit:contain}@keyframes floatingEffect{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulseAura{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.char-card:hover .char-portrait{transform:scale(1.05)}.char-info{background:linear-gradient(0deg,#000000f2 20%,#0000);margin-top:-50px;padding:15px;position:relative;text-align:center;z-index:2}.char-info h3{color:#fff;font-size:1.4rem;margin:0 0 5px;text-shadow:2px 2px 4px #000}.char-skill{font-size:.9rem;font-weight:700;margin-bottom:8px;text-shadow:1px 1px 2px #000}.btn-select{background:#0288d1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:10px;width:100%}.map-panel{margin:0 auto;max-width:800px;padding:40px;text-align:center;width:90%}.map-score{color:gold;font-size:1.8rem;font-weight:900;margin-bottom:80px;text-shadow:0 2px 10px #00000080}.map-score span{color:#fff}.map-path-container{gap:30px;justify-content:center;margin-bottom:50px;padding-top:10px}.map-avatar{height:70px;left:50%;position:absolute;top:-85px;transform:translateX(-50%);width:70px;z-index:10}.avatar-bounce{animation:bounceAvatar 1.5s infinite alternate;background:#222;border:3px solid gold;border-radius:50%;box-shadow:0 0 20px #ffd70099;height:100%;object-fit:cover;width:100%}.map-node{background:#333;border:5px solid #555;color:#777;cursor:not-allowed;height:80px;transition:all .3s;width:80px}.map-node.unlocked{background:linear-gradient(135deg,#0288d1,#01579b);border-color:#4fc3f7;box-shadow:0 5px 15px #0000004d;color:#fff;cursor:pointer}.map-node.unlocked:hover{transform:scale(1.1)}.map-node.current{box-shadow:0 0 30px #29b6f699;transform:scale(1.15)}.map-label{bottom:-40px;color:#ccc;font-size:1rem;font-weight:700;left:50%;position:absolute;text-shadow:1px 1px 2px #000;transform:translateX(-50%);white-space:nowrap}.map-line{background:#444;border-radius:4px;height:8px;margin:0 5px;transition:.5s;width:70px}.map-line.active{background:#29b6f6;box-shadow:0 0 10px #29b6f6}.map-hint{color:#888;font-size:.9rem;margin-top:30px}.compact-hud{justify-content:space-between;margin-bottom:15px;max-width:900px;padding:8px 20px;position:relative;width:95%;z-index:20}.compact-hud,.hud-char{align-items:center;display:flex}.hud-char{gap:10px}.hud-avatar{border:2px solid #fff;border-radius:50%;height:45px;object-fit:cover;width:45px}.hud-info-box{align-items:flex-start;display:flex;flex-direction:column}.hud-name{color:#ccc;font-size:.85rem}.hud-skill{font-size:.9rem;font-weight:700;text-shadow:1px 1px 2px #000}.hud-center{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.hud-level-label{color:#81d4fa;font-size:.9rem;margin-bottom:-5px}.timer-text{color:#fff;font-family:monospace;font-size:2rem;font-weight:900;text-shadow:0 2px 5px #00000080}.timer-text.urgent{animation:pulse .8s infinite;color:#ff5252}.hud-stats{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.score-pill{color:gold;font-size:1.2rem;font-weight:900}.hp-bar{display:flex;gap:3px}.heart-icon{filter:grayscale(1);font-size:1.2rem;opacity:.2}.heart-icon.alive{filter:grayscale(0);opacity:1;text-shadow:0 0 5px red}.game-stage{align-items:center;display:flex;flex-direction:column;position:relative;width:100%;z-index:5}.feedback-bubble{background:#fff;border-radius:50px;box-shadow:0 5px 15px #0000004d;color:#333;font-size:1rem;font-weight:700;margin-bottom:15px;min-width:300px;padding:8px 25px;text-align:center}.feedback-bubble.bad{background:#ffebee;border:2px solid #e57373;color:#c62828}.feedback-bubble.good{background:#e8f5e9;border:2px solid #81c784;color:#2e7d32}.bookshelf-container{display:flex;justify-content:center;margin-bottom:20px;max-width:900px;width:100%}.bookshelf-wood{align-items:flex-end;background:linear-gradient(180deg,#5d4037,#3e2723);border-radius:0 0 15px 15px;border-top:8px solid #281814;box-shadow:0 15px 40px #0009;display:flex;gap:15px;height:260px;justify-content:center;min-width:550px;padding:0 30px 20px}.book-item{cursor:pointer;flex-shrink:0;height:200px;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:65px}.book-spine{align-items:center;background:linear-gradient(90deg,#333 5%,#222 20%,#3b3b3b);border-left:1px solid #ffffff1a;border-radius:4px 8px 8px 4px;box-shadow:inset 2px 0 4px #ffffff26,5px 5px 15px #00000080;display:flex;height:100%;justify-content:center;position:relative;width:100%;z-index:2}.book-val{color:gold;font-size:1.6rem;font-weight:900;text-shadow:1px 1px 3px #000c}.book-sorted .book-spine{background:linear-gradient(90deg,#2e7d32 10%,#1b5e20);filter:grayscale(.3);opacity:.9;transform:scale(.95)}.book-candidate .book-spine{background:linear-gradient(90deg,#fdd835,#f9a825)}.book-candidate .book-val{color:#3e2723;text-shadow:none}.book-candidate{transform:translateY(-30px);z-index:15}.book-comparing .book-spine{background:linear-gradient(90deg,#ec407a,#c2185b)}.book-comparing{transform:translateY(-15px)}.indicator{animation:bounce 1s infinite alternate;border-radius:6px;bottom:-40px;box-shadow:0 3px 8px #0006;font-size:.75rem;font-weight:700;left:50%;padding:3px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:20}.indicator.hold{background:gold;color:#333}.indicator.look{background:#ff4081;color:#fff}.control-panel{max-width:600px;padding:20px;text-align:center;width:100%}.prompt-text{color:#eee;font-size:1.1rem;margin-bottom:15px;text-shadow:1px 1px 2px #000}.btn-group{display:flex;gap:15px;justify-content:center}.btn-action{box-shadow:0 5px 10px #0000004d;font-size:1rem;padding:12px 25px;transition:all .2s}.btn-action:hover{transform:translateY(-3px)}.btn-action.pick{background:linear-gradient(90deg,#29b6f6,#039be5);color:#fff}.btn-action.keep{background:#bdbdbd;color:#444}.btn-swap{animation:pulse 1.5s infinite;background:linear-gradient(45deg,#66bb6a,#43a047);border:none;border-radius:50px;box-shadow:0 5px 15px #4caf5080;cursor:pointer;font-size:1.3rem;padding:14px;width:100%}.btn-swap,.win-header{color:#fff;font-weight:900}.win-header{border-bottom:2px solid #333;font-size:2rem;letter-spacing:2px;margin-bottom:20px;padding-bottom:10px}.star-row{font-size:3rem;margin-bottom:15px}.star{color:#444;transition:.3s}.star.filled{color:gold;text-shadow:0 0 20px gold}.score-label{color:#aaa;font-size:.9rem;letter-spacing:2px;text-transform:uppercase}.score-big{color:#fff;font-size:4rem;font-weight:900;margin:5px 0;text-shadow:0 0 30px #ffffff80}.win-desc{color:gold;font-size:1.1rem;margin-bottom:25px}.btn-group-center{display:flex;gap:15px;justify-content:center}.btn-primary{background:gold;border:none;border-radius:50px;box-shadow:0 5px 15px #ffd70066;color:#3e2723;cursor:pointer;font-weight:700;padding:10px 25px}.overlay-backdrop{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.modal-box{background:#f5f5f5;border-radius:20px;box-shadow:0 20px 60px #0009;color:#333;max-width:450px;padding:30px;text-align:center;width:90%}.paper-theme{background:#fffbe6;border:4px solid #8d6e63;color:#4e342e}.rules-content{background:#8d6e631a;border-radius:12px;font-size:1rem;margin:20px 0;padding:15px;text-align:left}.selected-preview{align-items:center;border-bottom:2px dashed #aaa;display:flex;gap:15px;margin-bottom:15px;padding-bottom:10px}.selected-preview img{border:3px solid #8d6e63;border-radius:50%;height:60px;object-fit:cover;width:60px}.btn-large{background:linear-gradient(90deg,#ff6f00,#ff8f00);border:none;border-radius:50px;box-shadow:0 5px 10px #ff6f0066;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:12px 40px}.btn-secondary{background:#0000;border:2px solid #555;border-radius:50px;color:#ddd;cursor:pointer;padding:10px 20px;transition:.2s}.btn-secondary:hover{background:#333}@keyframes bounceAvatar{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes bounce{0%{transform:translateY(0) translateX(-50%)}to{transform:translateY(-10px) translateX(-50%)}}.pop-in{animation:pop .4s cubic-bezier(.175,.885,.32,1.275)}.fade-in{animation:fadeIn .6s ease forwards}.win-card{background:linear-gradient(135deg,#222,#111);border:3px solid gold;border-radius:25px;box-shadow:0 0 50px #ffd7004d;margin:0 auto;max-width:450px;padding:40px;position:relative;text-align:center;width:90%}.map-path-container{align-items:center;display:flex;justify-content:space-between;margin-top:50px;padding:40px 50px;position:relative}.map-line-background{background:#ffffff26;background:#fff3;height:6px;left:50px;left:45px;right:50px;right:45px;z-index:1}.map-line-background,.map-line-progress{height:4px;position:absolute;top:50%;transform:translateY(-50%)}.map-line-progress{background:#ffeb3b;box-shadow:0 0 10px #ffeb3b99;left:50px}.map-node-wrapper{align-items:center;display:flex;flex-direction:column;position:relative;z-index:3}.map-node{background:#54bac8;border:4px solid #ffffff4d;cursor:pointer;font-size:2rem;font-weight:900}.map-node.current{border-color:#ffeb3b;box-shadow:0 0 25px #fdd83599;transform:scale(1.1)}.btn-group-container{gap:25px;margin-top:40px;padding:20px}.btn-ocean-action{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff26;border:2px solid #fff6;border-radius:25px;box-shadow:0 10px 20px #0003;cursor:pointer;min-width:220px;overflow:hidden;padding:12px 35px;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-content{gap:15px}.btn-icon{font-size:2rem}.btn-text-wrapper{color:#fff}.main-text{font-size:1.3rem;letter-spacing:.5px}.sub-text{font-size:.85rem;font-weight:400;opacity:.8}.btn-ocean-action.pick{border-color:#ffca28}.btn-ocean-action.pick .main-text{color:#ffca28}.btn-ocean-action.keep{border-color:#4caf50}.btn-ocean-action.keep .main-text{color:#81c784}.btn-ocean-action:hover{background:#ffffff40;box-shadow:0 15px 30px #0000004d;transform:translateY(-8px) scale(1.05)}.btn-ocean-action.pick:hover{box-shadow:0 0 20px #ffca2880}.btn-ocean-action.keep:hover{box-shadow:0 0 20px #4caf5080}.btn-glow{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.btn-ocean-action:hover .btn-glow{left:100%}.btn-group-container{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-left:auto;margin-right:auto;margin-top:5px;max-width:600px;padding:10px;width:100%}.btn-library-action{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#281e1466;border:2px solid #fff3;border-radius:20px;box-shadow:0 8px 25px #0000004d;cursor:pointer;flex:1 1;max-width:280px;min-width:200px;overflow:hidden;padding:10px 25px;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-content{align-items:center;display:flex;gap:12px;position:relative;z-index:5}.btn-icon{font-size:1.8rem}.btn-text-wrapper{color:#f5f5f5;display:flex;flex-direction:column;text-align:left}.main-text{font-size:1.15rem;font-weight:900;letter-spacing:.3px}.sub-text{font-size:.8rem;opacity:.7}.btn-library-action.pick{border-color:#ffca28}.btn-library-action.pick .main-text{color:#ffca28}.btn-library-action.keep{border-color:#81c784}.btn-library-action.keep .main-text{color:#b2ff59}.btn-library-action:hover{background:#3c2d1e99;border-color:#fff9;transform:translateY(-5px)}.btn-glow-gold,.btn-glow-green{height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:.6s;width:100%}.btn-library-action.pick:hover .btn-glow-gold{background:linear-gradient(90deg,#0000,#ffca2833,#0000);left:100%}.btn-library-action.keep:hover .btn-glow-green{background:linear-gradient(90deg,#0000,#81c78433,#0000);left:100%}@media (max-width:480px){.btn-library-action{min-width:100%}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.library-modal-box{background:#2d2319d9;border:2px solid #ffca284d;border-radius:40px;box-shadow:0 20px 60px #00000080;max-width:420px;padding:30px 40px;text-align:center;width:90%}.modal-header{margin-bottom:15px}.modal-icon-large{display:block;filter:drop-shadow(0 0 10px rgba(255,202,40,.5));font-size:3.5rem;margin-bottom:5px}.modal-title{color:#ffca28;font-size:2.2rem;font-weight:900;letter-spacing:1px;margin:0}.modal-content{background:#ffffff0d;border-radius:20px;margin-bottom:25px;padding:15px}.feedback-text{color:#f5f5f5;font-size:1.1rem;line-height:1.5;margin:0}.btn-library-action.retry{background:#ffffff1a;border-color:#fff6;width:100%}.btn-library-action.retry:hover{background:#fff3;transform:translateY(-3px)}.pop-in{animation:popIn .5s cubic-bezier(.26,.53,.74,1.48) forwards}.library-layout-v4{align-items:center;background-attachment:fixed;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding-top:50px}.game-title-white{color:#fff!important;font-size:3.5rem;margin:0;text-shadow:2px 4px 10px #000c}.char-grid-horizontal{display:flex;flex-direction:row;gap:25px;justify-content:center}.magic-book-card-v4{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e140fd9;border:2px solid #ffffff1a;border-radius:25px;height:350px;padding:25px 15px;width:250px}.char-img-box-transparent{align-items:center;background:#0000!important;display:flex;height:160px;justify-content:center;position:relative}.char-portrait-floating{animation:floatingChar 3s ease-in-out infinite;filter:drop-shadow(0 10px 15px rgba(0,0,0,.5));max-height:100%;z-index:2}.moonlight-glow{background:radial-gradient(circle,#ffffff26 0,#0000 70%);height:120px;position:absolute;width:120px}.char-name-bright{color:#fff!important;margin-bottom:10px}.char-desc-cream{color:#e0e0e0!important;font-size:.9rem;min-height:60px}.mahogany-select-btn{background:linear-gradient(180deg,#be8875,#3e2723);border-radius:12px;box-shadow:0 4px 0 #2b1d1a;color:#fff;cursor:pointer;margin-top:-15px;padding:10px;width:80%}@keyframes floatingChar{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){.game-title-white,.game-title.main{font-size:1.8rem!important;letter-spacing:1px!important}.game-title.sub{font-size:1rem!important;letter-spacing:2px!important}.char-grid,.char-grid-horizontal{align-items:center!important;flex-direction:column!important;gap:20px!important}.char-card,.magic-book-card-v4{height:auto!important;max-width:300px;width:90%!important}.map-panel{padding:20px 10px!important}.map-path-container{-webkit-overflow-scrolling:touch;justify-content:flex-start!important;overflow-x:auto;padding:60px 20px!important}.map-node{flex-shrink:0;font-size:1.5rem!important;height:65px!important;width:65px!important}.bookshelf-wood{gap:10px!important;height:220px!important;min-width:100%!important;overflow-x:auto;padding:0 10px 20px!important;width:100%}.book-item{height:160px!important;width:50px!important}.book-val{font-size:1.2rem!important}.btn-group-container{flex-direction:column!important;gap:12px!important;width:90%!important}.btn-library-action,.btn-ocean-action{max-width:none!important;min-width:0!important;min-width:auto!important;width:100%!important}.library-modal-box,.win-card{padding:25px 15px!important;width:95%!important}.score-big{font-size:3rem!important}}@media (max-width:380px){.timer-text{font-size:1.5rem!important}.book-item{width:42px!important}}.casino-wrapper{align-items:center;background-attachment:fixed;background-color:#ffecb3;background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;color:#5d4037;display:flex;flex-direction:column;font-family:Comic Sans MS,Chewy,cursive,sans-serif;min-height:100vh;padding:20px 10px;padding-top:80px!important;position:relative;width:100%;z-index:10}.casino-wrapper:before{background:#ffe69633;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.casino-header{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff9;border:3px solid #ffb300;border-radius:30px;margin-bottom:40px;padding:20px 40px;text-align:center;z-index:20}.casino-title{color:#ff6f00;font-size:3.5rem;font-weight:900;margin:0;text-shadow:2px 2px 0 #fff,0 0 15px #ffa000cc;text-transform:uppercase}.casino-subtitle{color:#795548;font-size:1.3rem;font-weight:700;letter-spacing:1px}.casino-panel{background:#fffde7f2;border:5px solid #ffc107;border-radius:30px;box-shadow:0 10px 30px #ffc10766;margin:20px auto;max-height:90vh;max-width:900px;overflow-y:auto;padding:20px;position:relative;text-align:center;width:95%}.casino-panel h2{color:#e65100;text-shadow:1px 1px 0 #fff}.dealer-grid{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;margin-top:20px}.dealer-card{background:linear-gradient(180deg,#fff8e1,#ffecb3);border:3px solid #ffb300;border-radius:20px;box-shadow:0 5px 15px #0000001a;cursor:pointer;padding:20px;transition:all .3s;width:220px}.dealer-card:hover{background:#fff;border-color:#ff6f00;box-shadow:0 15px 40px #ffa00080;transform:translateY(-10px) scale(1.05)}.dealer-img{background:#fff;border:4px solid #ffc107;border-radius:50%;height:110px;margin-bottom:15px;object-fit:cover;width:110px}.dealer-name{color:#e65100;font-size:1.3rem;font-weight:700;margin-bottom:5px}.dealer-skill{color:#795548;font-size:.95rem;font-weight:700}.map-container{gap:0;margin:40px 0}.map-container,.map-node{align-items:center;display:flex;justify-content:center}.map-node{background:#ffe082;border:5px solid #ffb300;border-radius:50%;box-shadow:0 5px 15px #0000001a;color:#fff;font-size:2.2rem;font-weight:700;height:90px;position:relative;text-shadow:1px 1px 2px #0000004d;transition:.3s;width:90px;z-index:2}.map-node.completed{background:#4caf50;border-color:#a5d6a7;color:#fff;cursor:default;opacity:.8}.map-node.current{animation:pulseNode 2s infinite;background:linear-gradient(135deg,gold,#ff8f00);border-color:#fff;box-shadow:0 0 25px #ffc107e6;cursor:pointer;transform:scale(1.2);z-index:10}@keyframes pulseNode{0%{box-shadow:0 0 15px #ffc10799}50%{box-shadow:0 0 30px #ffc107}to{box-shadow:0 0 15px #ffc10799}}.map-node.locked{background:#546e7a;border-color:#78909c;color:#b0bec5;cursor:not-allowed}.map-line{background:#cfd8dc;border:2px solid #fff;border-radius:10px;height:12px;margin:0 -10px;width:80px}.map-line.active{background:#ffb300;box-shadow:0 0 15px #ffc10780}.hud-container{align-items:center;background:#ffffffe6;border:3px solid #ffb300;border-radius:50px;box-shadow:0 5px 15px #0000001a;color:#5d4037;display:flex;font-weight:700;justify-content:space-between;margin-bottom:20px;padding:15px 30px;width:100%}.level-rule-display{animation:popIn .5s ease-out;background:#fffffff2;border:4px solid #ffb300;border-radius:20px;box-shadow:0 5px 15px #00000026;color:#e65100;font-size:1.6rem;font-weight:900;margin-bottom:25px;padding:15px 30px;text-align:center}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.game-legend{background:#fffc;border:3px solid #ffb300;border-radius:50px;box-shadow:0 4px 10px #0000001a;display:flex;gap:30px;justify-content:center;margin-bottom:20px;padding:10px 30px}.legend-item{align-items:center;color:#5d4037;display:flex;font-size:1.1rem;font-weight:900;gap:12px}.legend-box{border-radius:5px;height:42px;width:30px}.legend-box.key{background:#fffde7;border:3px solid gold;box-shadow:0 0 5px gold}.legend-box.compare{background:#ffebee;border:3px dashed #ef5350}.table-area{background:#00960080;border:12px solid #8d6e63;border-radius:80px;box-shadow:inset 0 0 50px #0032004d;flex-direction:column;margin-bottom:20px;min-height:350px;padding:30px 40px;position:relative;width:100%}.feedback-message,.table-area{align-items:center;display:flex;justify-content:center}.feedback-message{color:gold;font-size:1.8rem;font-weight:700;margin-bottom:40px;min-height:50px;text-shadow:2px 2px 4px #0009}.card-row{align-items:flex-end;flex-wrap:wrap;gap:15px;height:170px}.card-row,.poker-card{display:flex;justify-content:center}.poker-card{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:3px 5px 15px #0003;color:#333;font-size:2.8rem;font-weight:700;height:140px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:95px}.poker-card.sorted{background:#e8f5e9;border:4px solid #66bb6a;color:#2e7d32}.poker-card.key{background:#fffde7;border:5px solid gold;box-shadow:0 25px 40px #ffd70099;color:#ff6f00;transform:translateY(-40px) scale(1.2);z-index:10}.poker-card.compare{background:#ffebee;border:4px dashed #ef5350;color:#c62828;transform:scale(1.05)}.control-bar{display:flex;gap:25px;justify-content:center;margin-top:20px}.casino-btn{border:3px solid #fff;border-radius:60px;box-shadow:0 8px 15px #0003;color:#fff;cursor:pointer;font-size:1.4rem;font-weight:900;letter-spacing:1px;padding:15px 45px;text-transform:uppercase;transition:.2s}.casino-btn:hover{box-shadow:0 12px 20px #0000004d;transform:translateY(-3px)}.casino-btn:active{box-shadow:0 4px 8px #0003;transform:translateY(2px)}.btn-shift{background:linear-gradient(180deg,#4fc3f7,#039be5)}.btn-insert{background:linear-gradient(180deg,#ffb74d,#f57c00)}.btn-back{background:#78909c;font-size:1.1rem;padding:12px 30px}.casino-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@media (max-width:768px){.casino-wrapper{justify-content:flex-start;padding-top:60px}.casino-title{font-size:1.8rem!important}.casino-panel{border-width:3px;padding:15px}.dealer-grid{gap:10px}.dealer-card{padding:10px;width:140px}.dealer-img{height:70px;width:70px}}.casino-wrapper{justify-content:center;padding-bottom:20px!important;padding-top:10px!important}.hud-container{margin-bottom:10px!important;padding:10px 20px!important}.hud-container img{width:50px!important}.level-rule-display{font-size:1.2rem!important;margin-bottom:10px!important;padding:8px 20px!important}.game-legend{gap:15px!important;margin-bottom:10px!important;padding:5px 20px!important}.legend-item{font-size:.9rem!important}.legend-box{height:28px!important;width:20px!important}.table-area{border-width:8px!important;min-height:250px!important;padding:15px 30px!important}.feedback-message{font-size:1.4rem!important;margin-bottom:15px!important;min-height:30px!important}.poker-card{font-size:2rem!important;height:110px!important;width:75px!important}.poker-card.key{transform:translateY(-20px) scale(1.1)!important}.control-bar{margin-top:10px!important}.casino-btn{font-size:1.1rem!important;padding:10px 30px!important}@media (max-width:768px){.casino-wrapper{padding-top:20px!important}.casino-wrapper,.map-container{justify-content:flex-start!important}.map-container{-webkit-overflow-scrolling:touch;gap:15px!important;margin:20px 0!important;overflow-x:auto!important;padding:20px 10px!important;width:100%!important}.map-node{flex-shrink:0!important;font-size:1.5rem!important;height:65px!important;width:65px!important}.table-area{border-radius:40px!important;min-height:220px!important;padding:15px 10px!important}.card-row{align-items:center!important;gap:8px!important;overflow-x:auto!important;padding-bottom:10px;width:100%!important}.poker-card{flex-shrink:0!important;font-size:1.6rem!important;height:95px!important;width:65px!important}.control-bar{grid-gap:10px!important;display:grid!important;gap:10px!important;grid-template-columns:1fr 1fr!important;width:100%!important}.casino-btn{border-radius:15px!important;font-size:1rem!important;padding:12px 10px!important;width:100%!important}}@media (max-width:380px){.casino-title{font-size:1.5rem!important}.poker-card{font-size:1.4rem!important;height:80px!important;width:55px!important}}:root{--primary-blue:#00d2ff;--deep-blue:#3a7bd5;--gold:#ffca28;--coral:#ff7043;--glass:#fff3}.game-container{background-color:#54bac8;background-position:50%;background-size:cover;color:#fff;filter:brightness(1.1) saturate(1.1);font-family:Kanit,sans-serif;min-height:100vh;overflow:hidden}.game-container,.overlay-screen,.playing-container,.ui-screen{position:relative;width:100%}.overlay-screen,.ui-screen{pointer-events:auto}.game-container.playing .overlay-screen,.game-container.playing .ui-screen{pointer-events:none}.game-container.playing .bubble-stage,.game-container.playing .game-footer,.game-container.playing .playing-container{pointer-events:auto;z-index:20}.glass-ui{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff3;background:var(--glass);border:2px solid #ffffff4d;border-radius:40px;box-shadow:0 20px 50px #0003}.char-grid{margin-top:20px}.char-card{background:#fff3;background:var(--glass);border-radius:35px;transition:.3s}.char-card:hover{transform:translateY(-12px)}.map-glass{max-width:900px;padding:40px;width:95%}.map-path{justify-content:space-around;margin:60px 0}.hud-bar,.map-path{align-items:center;display:flex}.hud-bar{background:#0000004d;border-radius:50px;justify-content:space-between;padding:15px 30px;width:95%}.bubble-stage{align-items:center;display:flex;flex-direction:column;justify-content:center}.bubbles-row{display:flex;gap:25px;margin-bottom:40px}.bubble-item{align-items:center;background:radial-gradient(circle at 30% 30%,#81d4fa,#0288d1);border-radius:50%;display:flex;font-size:2rem;font-weight:700;height:90px;justify-content:center;transition:.4s;width:90px}.bubble-item.active-pair{border:5px solid #ffca28;border:5px solid var(--gold);box-shadow:0 0 30px #ffca28;box-shadow:0 0 30px var(--gold);transform:scale(1.15);z-index:5}.bubble-item.sorted{background:radial-gradient(circle at 30% 30%,#a5d6a7,#43a047);border:4px solid #2e7d32;transform:scale(.95)}.game-footer{display:flex;gap:30px;margin-bottom:50px}.btn-action{border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:700;padding:15px 60px}.btn-action.swap{background:linear-gradient(45deg,#2196f3,#00d2ff)}.btn-action.keep{background:linear-gradient(45deg,#4caf50,#8bc34a)}.btn-action:disabled{cursor:not-allowed;opacity:.5}.fade-in{animation:fadeIn .7s ease-out forwards}.map-overlay{align-items:center;background:#000f1e66;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.map-content-container{-webkit-backdrop-filter:blur(25px) saturate(160%);backdrop-filter:blur(25px) saturate(160%);background:#ffffff26;border:2px solid #ffffff4d;border-radius:60px;box-shadow:0 40px 100px #00000080,inset 0 0 20px #fff3;max-width:1000px;padding:60px 40px;position:relative;width:95%}.map-header{margin-bottom:80px;position:relative;text-align:center}.expedition-title{color:#fff;display:inline-block;font-size:4rem;font-weight:900;margin:0 20px;text-shadow:0 0 15px #00d2ffcc,0 5px 0 #2c86a166}.header-icon{filter:drop-shadow(0 0 10px rgba(255,255,255,.5));font-size:3.5rem;vertical-align:middle}.title-underline{background:linear-gradient(90deg,#0000,#fff,#0000);height:4px;margin:10px auto;opacity:.6;width:300px}.map-navigation-area{padding:40px 0;position:relative}.magic-path-line{background:#ffffff26;border-radius:10px;box-shadow:0 0 20px #ffffff1a;height:8px;left:10%;position:absolute;right:10%;top:50%;transform:translateY(-50%);z-index:1}.nodes-wrapper{display:flex;justify-content:space-around;position:relative;z-index:5}.node-button-wrapper{height:110px;margin-bottom:15px;position:relative;width:110px}.node-pearl{align-items:center;border:6px solid #fff;border-radius:50%;cursor:pointer;display:flex;font-size:2.2rem;font-weight:900;height:100%;justify-content:center;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100%;z-index:10}.node-pearl:disabled{background:linear-gradient(145deg,#717171,#454545);border-color:#fff3;box-shadow:inset 0 5px 10px #00000080;color:#ffffff4d}.current-pulse{background:radial-gradient(circle at 30% 30%,#fff,#fdd835);box-shadow:0 0 30px #fdd835,inset -5px -5px 15px #0000001a;color:#827717;transform:scale(1.1)}.node-pearl.completed{background:linear-gradient(145deg,#66bb6a,#2e7d32);border-color:#a5d6a7;color:#fff}.node-label-text{color:#fff;font-size:1.2rem;font-weight:800;text-shadow:0 2px 4px #00000080}.map-char-indicator{left:50%;position:absolute;top:-95px;transform:translateX(-50%);z-index:20}.floating-avatar{filter:drop-shadow(0 0 15px rgba(255,255,255,.8));height:85px;object-fit:contain;width:85px}.char-glow{background:radial-gradient(ellipse at center,#fff9 0,#0000 70%);bottom:0;bottom:-5px;height:15px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.btn-exit-ocean{background:linear-gradient(90deg,#ff8a80,#ff5252);border:3px solid #fff6;border-radius:100px;box-shadow:0 10px 20px #ff52524d;color:#fff;cursor:pointer;font-size:1.4rem;font-weight:900;margin-top:60px;padding:15px 50px;transition:.3s}.btn-exit-ocean:hover{background:linear-gradient(90deg,#ff5252,#ff8a80);box-shadow:0 15px 30px #ff525280;transform:scale(1.05)}@keyframes float{0%,to{transform:translateY(0) translateX(-50%)}50%{transform:translateY(-15px) translateX(-50%)}}.current-pulse{animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 #fdd835b3}70%{box-shadow:0 0 0 20px #fdd83500}to{box-shadow:0 0 0 0 #fdd83500}}.mission-banner{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:20px;box-shadow:0 5px 15px #0003;display:flex;gap:15px;margin-bottom:20px;padding:10px 30px}.mission-text{color:#fff;display:flex;flex-direction:column}.mission-text small{font-size:.8rem;opacity:.8}.mission-text strong{color:#ffeb3b;font-size:1.2rem}.analysis-panel{background:#001e3c99;border:1px solid #00d2ff66;border-radius:25px;color:#fff;margin-bottom:30px;max-width:600px;padding:20px;text-align:center;width:90%}.analysis-header{align-items:center;color:#00d2ff;display:flex;font-size:.9rem;gap:8px;justify-content:center;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.text-highlight{color:#ffeb3b;font-weight:700}.val-box{background:#fff;border-radius:8px;color:#0288d1;font-weight:900;margin:0 5px;padding:2px 10px}.logic-hint{color:#a5d6a7;font-size:1.1rem;font-weight:700;margin-top:10px}.active-glow{border:5px solid #ffeb3b!important;box-shadow:0 0 30px #ffeb3b99;transform:scale(1.15)}.scanner-line{animation:scan 1.5s infinite;background:#ffeb3b80;height:2px;position:absolute;top:50%;width:100%}@keyframes scan{0%{opacity:0;top:10%}50%{opacity:1}to{opacity:0;top:90%}}@media (max-width:768px){.expedition-title{font-size:1.8rem!important;margin:0 10px!important}.header-icon{font-size:1.5rem!important}.char-grid{align-items:center!important;flex-direction:column!important;gap:20px!important}.char-card{max-width:280px!important;padding:20px!important;width:90%!important}.map-content-container{border-radius:30px!important;padding:30px 15px!important}.map-navigation-area{-webkit-overflow-scrolling:touch;display:block!important;overflow-x:auto!important;padding:100px 0 40px!important}.nodes-wrapper{gap:40px!important;justify-content:flex-start!important;min-width:600px!important;padding:0 40px!important;width:-webkit-max-content!important;width:max-content!important}.node-button-wrapper{height:80px!important;width:80px!important}.node-pearl{border-width:4px!important;font-size:1.5rem!important}.bubbles-row{flex-wrap:wrap!important;gap:15px!important;justify-content:center!important;width:100%!important}.bubble-item{font-size:1.4rem!important;height:65px!important;width:65px!important}.hud-bar,.mission-banner{border-radius:20px!important;flex-direction:column!important;gap:10px!important;padding:15px!important;text-align:center}.game-footer{gap:15px!important;width:95%!important}.btn-action{flex:1 1;font-size:1.1rem!important;padding:12px 30px!important}}@media (max-width:380px){.bubble-item{height:55px!important;width:55px!important}.btn-action{font-size:.95rem!important}}.magical-home-container-wood{align-items:center;background:radial-gradient(ellipse at top,#2e7d3233,#0000 70%),radial-gradient(ellipse at bottom,#ffc1071a,#0000 70%);display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;overflow:hidden;padding-top:50px;width:100%}.home-header-capsule-wood{animation:capsuleFloat 4s ease-in-out infinite;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#1b5e20e6,#3e2723f2);border:3px solid #ffd70099;border-radius:80px;box-shadow:0 0 30px #4caf5066,0 0 15px #ffd7004d,inset 0 2px 10px #fff3;height:95px;margin-bottom:60px;margin-top:-10px;overflow:hidden;padding:20px 110px;position:relative;text-align:center}@keyframes capsuleFloat{0%,to{transform:translateY(0)}50%{box-shadow:0 0 40px #4caf5080,0 0 20px #ffd70066,inset 0 2px 10px #fff3;transform:translateY(-5px)}}.home-header-capsule-wood:before{animation:arcaneRotate 6s linear infinite;background:conic-gradient(#0000,#ffd7004d,#0000 30%);content:"";height:200%;left:-50%;opacity:.5;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes arcaneRotate{to{transform:rotate(1turn)}}.main-title-wood{align-items:center;color:#fff;display:flex;font-size:2.8rem;font-weight:900;gap:20px;justify-content:center;letter-spacing:5px;margin:0;text-shadow:2px 2px 0 #000c,0 0 15px #ffd70099,0 0 30px #fff3;text-transform:uppercase}.title-deco{animation:pulseStar 2s infinite;color:gold;filter:drop-shadow(0 0 5px #ffd700);font-size:1.8rem}@keyframes pulseStar{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.sub-title-wood{color:#f1f8e9;font-size:1.15rem;font-weight:600;letter-spacing:1px;margin-top:12px;text-shadow:1px 1px 4px #000000e6;text-shadow:0 0 5px #1b5e2080}.guardian-grid-row-wood{display:flex;gap:40px;justify-content:center;margin-top:-40px;max-width:1200px;padding-bottom:20px;width:100%}.guardian-card-wood{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2d190fe6;border:3px solid #ffd70080;border-radius:40px;box-shadow:0 10px 30px #0006,inset 0 0 20px #4caf5033;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:30px 25px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:290px}.guardian-card-wood:hover{border-color:gold;box-shadow:0 20px 50px #1b5e2080,0 0 30px #ffd70080,inset 0 0 30px #1b5e2066;transform:translateY(-15px) scale(1.03)}.guardian-card-wood:after{background:linear-gradient(45deg,#0000,gold,#0000);border-radius:40px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:3px;position:absolute;transition:opacity .4s}.guardian-card-wood:hover:after{animation:borderFlow 2s linear infinite;opacity:1}@keyframes borderFlow{0%{background-position:0 0}to{background-position:200% 0}}.portrait-wrap-wood{animation:portraitPulse 3s ease-in-out infinite;background:radial-gradient(circle,#fff9c4,#ffe082);border:4px solid gold;border-radius:50%;box-shadow:0 0 20px #ffd70080;height:150px;margin-bottom:20px;overflow:hidden;width:150px;z-index:2}@keyframes portraitPulse{0%,to{box-shadow:0 0 20px #ffd70080}50%{box-shadow:0 0 35px #ffd700cc}}.portrait-img-wood{height:100%;mix-blend-mode:multiply;object-fit:cover;transition:transform .4s ease;width:100%}.guardian-card-wood:hover .portrait-img-wood{transform:scale(1.1)}.guardian-name-frame-wood{margin-bottom:15px;position:relative;text-align:center;width:100%}.guardian-name-frame-wood:after{background:linear-gradient(90deg,#0000,gold,#0000);content:"";display:block;height:2px;margin:10px auto 0;width:60%}.name-text-wood{color:#fff;font-size:1.7rem;font-weight:900;margin:0;text-shadow:0 0 10px #1b5e20cc;text-transform:uppercase}.ability-badge-wood{background:linear-gradient(135deg,#d4af37,#ff8f00);border-radius:20px;box-shadow:0 0 10px #ffd70066;color:#fff;font-size:.95rem;font-weight:700;margin-bottom:20px;padding:6px 20px}.description-text-wood{color:#f1f8e9;font-size:1rem;font-weight:500;height:55px;line-height:1.6;margin-bottom:25px;text-align:center;text-shadow:0 1px 2px #00000080;z-index:2}.button-container-wood{margin-top:auto;width:100%;z-index:2}.start-mission-btn-wood{margin-top:-25px}.start-mission-btn-wood,.start-mission-btn-wood1{animation:gradientMove 3s linear infinite;background:linear-gradient(90deg,#1b5e20,#d4af37,#1b5e20);background-size:200% auto;border:none;border-radius:20px;box-shadow:0 0 20px #1b5e2099;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:900;letter-spacing:1px;padding:15px 0;text-transform:uppercase;transition:all .3s;width:100%}.start-mission-btn-wood1{margin-top:20px}@keyframes gradientMove{to{background-position:200%}}.start-mission-btn-wood:hover{box-shadow:0 0 30px #ffd700b3;filter:brightness(1.2);transform:translateY(-3px)}.start-mission-btn-wood:active{box-shadow:0 0 10px #ffd70080;transform:translateY(2px)}.rules-scroll-wrapper{display:flex;justify-content:center;margin-top:-30px;padding-bottom:40px;width:100%}.alchemy-rules-board{align-items:center;background:#fdfaf0;border:6px solid #3e2723;border-radius:40px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;padding:35px;position:relative;width:650px}.rules-title-frame{background:#efebe9;border:3px solid #8d6e63;border-radius:15px;margin-bottom:25px;padding:5px 40px}.rules-stage-name{color:#3e2723;font-size:1.8rem;font-weight:900;margin:0}.rules-content-area{text-align:center;width:100%}.mission-badge-emerald{background:linear-gradient(90deg,#1b5e20,#2e7d32);border-radius:50px;box-shadow:0 4px 10px #0000001a;color:#fff;display:inline-block;font-size:1.1rem;font-weight:800;margin-bottom:20px;padding:8px 30px}.stage-goal-highlight{color:#1b5e20;font-size:1.5rem;font-weight:900;line-height:1.4;margin-bottom:25px}.rules-detail-box{background:#e8f5e9b3;border:2px dashed #2e7d32;border-radius:25px;margin-bottom:30px;padding:25px 35px}.rules-checklist{list-style:none;margin:0;padding:0;text-align:left}.rules-checklist li{color:#3e2723;display:flex;font-size:1.05rem;font-weight:600;gap:15px;line-height:1.5;margin-bottom:15px}.star-bullet{filter:drop-shadow(0 0 2px rgba(0,0,0,.2));font-weight:700}.rules-footer{width:100%}.alchemy-rules-board-compact{align-items:center;background:#fdfaf0;border:5px solid #3e2723;border-radius:30px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;padding:20px 25px;width:440px}.stage-goal-text{color:#1b5e20;font-size:1.15rem;font-weight:900;line-height:1.4;margin-bottom:15px;text-align:center}.rules-detail-box-v3{background:#e8f5e999;border:2px dashed #2e7d32;border-radius:15px;padding:15px;width:92%}.rules-checklist-v3{list-style:none;margin:0;padding:0}.rules-checklist-v3 li{align-items:flex-start;display:flex;gap:10px;margin-bottom:8px;text-align:left}.rules-checklist-v3 li p{color:#3e2723;font-size:.88rem;font-weight:600;line-height:1.4;margin:0}.highlight-label{color:#5d4037;font-weight:800;margin-right:5px}.rules-checklist-v3 b{color:#1b5e20}.star-bullet{color:gold;font-size:.9rem;margin-top:2px}.victory-text-glow1{color:#fff;font-size:1.9rem;font-weight:900;letter-spacing:4px;margin-bottom:20px;margin-top:5px;text-shadow:0 0 10px gold,0 0 20px #2e7d32}.map-horizontal-view{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-start!important;padding-top:40px}.linear-map-container{align-items:center;display:flex;height:350px;justify-content:center;margin-top:20px;max-width:1100px;position:relative;width:90%}.magic-trail-line{background:#8d6e6326;border-radius:10px;height:4px;left:5%;position:absolute;top:50%;transform:translateY(-50%);width:90%;z-index:1}.nodes-linear-row{align-items:center;display:flex;justify-content:space-between;width:100%;z-index:5}.node-linear-item{align-items:center;display:flex;position:relative}.linear-connector{background:#8d6e6333;border-radius:4px;height:8px;left:100%;position:absolute;top:50%;transform:translateY(-50%);transition:.5s;width:250px;z-index:-1}.connector-active{background:linear-gradient(90deg,gold,#2e7d32);box-shadow:0 0 15px #ffd70066}.node-orb{align-items:center;background:radial-gradient(circle at 30% 30%,#4e342e,#2d1e17);border:4px solid #8d6e63;border-radius:50%;box-shadow:0 10px 20px #0006;cursor:pointer;display:flex;height:100px;justify-content:center;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100px}.orb-unlocked{background:radial-gradient(circle at 35% 35%,#4caf50,#1b5e20);border-color:#81c784}.orb-unlocked:hover{border-color:gold;box-shadow:0 15px 30px #00000080,0 0 20px #ffd70066;transform:scale(1.15) translateY(-5px)}.orb-active{animation:orbPulse 2s ease-in-out infinite;border-color:gold;box-shadow:0 0 30px #4caf5099}.orb-locked{cursor:not-allowed;filter:grayscale(.8);opacity:.7}.orb-inner{align-items:center;display:flex;justify-content:center}.orb-icon{filter:drop-shadow(0 4px 6px rgba(0,0,0,.3));font-size:3rem}.orb-label-frame{background:#3e2723;border:2px solid #8d6e63;border-radius:12px;bottom:-50px;box-shadow:0 4px 8px #0000004d;left:50%;padding:2px 18px;position:absolute;transform:translateX(-50%);white-space:nowrap}.orb-label-text{color:#fff;font-size:.85rem;font-weight:900;letter-spacing:1px}.orb-active .orb-label-frame{background:#1b5e20;border-color:gold}.orb-hover-info{background:#fffffff2;border:3px solid #1b5e20;border-radius:18px;box-shadow:0 10px 25px #0003;left:50%;opacity:0;padding:12px;pointer-events:none;position:absolute;text-align:center;top:-110px;transform:translateX(-50%);transition:.3s;width:200px;z-index:100}.node-orb:hover .orb-hover-info{opacity:1;top:-130px}.orb-hover-info h5{color:#1b5e20;font-size:1rem;font-weight:800;margin:0 0 5px}.orb-hover-info p{color:#3e2723;font-size:.8rem;line-height:1.3;margin:0}@keyframes orbPulse{0%,to{box-shadow:0 0 20px #4caf5066;transform:scale(1)}50%{box-shadow:0 0 40px #ffd70099;transform:scale(1.05)}}.fade-in{animation:fadeInAnim .8s ease-out forwards}@keyframes fadeInAnim{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-view-clean{background:radial-gradient(circle,#72c7774d 0,#0000 70%);justify-content:center!important;padding-top:0!important}.victory-medal-crest{animation:medalFloat 4s ease-in-out infinite}@keyframes medalFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.02)}}.medal-crown{filter:drop-shadow(0 0 10px #ffd700);font-size:3rem;margin-bottom:-20px;z-index:10}.medal-body{background:#ffffff1a;border:3px solid #ffd70080;box-shadow:0 20px 50px #0006,inset 0 0 20px #ffffff1a;padding:50px 40px 30px}.victory-text-glow{color:#fff;font-size:2.2rem;font-weight:900;letter-spacing:4px;margin-bottom:25px;text-shadow:0 0 10px gold,0 0 20px #2e7d32}.score-glass-circle{background:#0000004d;border:4px solid gold;border-radius:50%;display:flex;flex-direction:column;height:180px;justify-content:center;margin:0 auto 20px;overflow:hidden;position:relative;width:180px}.score-inner-glow{background:radial-gradient(circle,#4caf5066,#0000 70%);inset:0;position:absolute}.score-label-mini{color:gold;font-size:.8rem;font-weight:800;letter-spacing:2px;z-index:1}.score-number-big{color:#fff;font-size:4rem;font-weight:900;margin:0;text-shadow:0 2px 10px #00000080;z-index:1}.victory-rank-text{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1b5e2099;border:2px solid gold;border-radius:50px;box-shadow:0 0 15px #4caf5066,inset 0 0 10px #ffffff1a;color:#fff;font-size:1.1rem;font-weight:800;letter-spacing:1.5px;padding:6px 25px;text-shadow:0 2px 4px #0000004d;transition:.3s}.victory-rank-text:hover{background:#2e7d32cc;box-shadow:0 0 25px #4caf5099;transform:scale(1.05)}.result-btn-box{margin-top:30px;width:250px}.restart-btn-gold{background:linear-gradient(135deg,gold,#b8860b)!important;border-radius:50px!important;box-shadow:0 0 20px #ffd70066!important;color:#3e2723!important}.arena-container-v15{align-items:center;background:radial-gradient(circle at center,#1b5e2033,#0000);display:flex;flex-direction:column;height:100vh;padding:20px;position:relative;width:100%}.top-hud-capsule-v15{align-items:center;background:#2d1e17e6;border:3px solid gold;border-radius:50px;box-shadow:0 5px 15px #0006;display:flex;justify-content:space-between;margin:10px auto 15px;max-width:1000px;padding:8px 25px;width:95%}.hud-left-hero{align-items:center;display:flex;gap:12px}.avatar-mini-v15 img{background:#1b5e20;border:2px solid gold;border-radius:50%;height:55px;width:55px}.hero-name-v15{color:gold;font-size:1.2rem;font-weight:900;text-shadow:0 2px 4px #000}.hud-right-stats{color:#fff;font-size:1.1rem;font-weight:800;letter-spacing:1px}.alchemy-main-card-v15{align-items:center;background:#fdfaf0fa;border:5px solid #3e2723;border-radius:40px;box-shadow:0 15px 40px #00000080;display:flex;flex-direction:column;height:500px;margin:0 auto;margin-top:-3px!important;max-width:1020px;min-height:0!important;padding:15px 20px 25px;width:95%}.array-input-phase .feedback-bar-v15,.array-input-phase .shelf-row-v15{display:none!important}.orb-input-v15{background:#fff;border:4px solid #3e2723;border-radius:50%;color:#1b5e20;font-size:1.8rem;font-weight:900;height:65px;margin:0 10px;outline:none;text-align:center;transition:.3s;width:65px}.orb-input-v15:focus{border-color:gold;box-shadow:0 0 15px #4caf5080;transform:scale(1.1)}.tree-area-v15{height:350px;width:550px}.tree-lines-v15{stroke:#8d6e6366;stroke-width:3;inset:0;pointer-events:none;position:absolute}.tree-lines-v15 line{stroke:#8d6e63;stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 2px rgba(0,0,0,.3));opacity:.7;transition:all .5s ease}.drop-zone-v15{align-items:center;background:#fff3;border:3px dashed #8d6e63;border-radius:50%;display:flex;height:75px;justify-content:center;position:absolute;transform:translate(-50%,-50%);transition:.3s;width:75px}.drop-zone-v15.filled{background:#1b5e20;border:4px solid gold;box-shadow:0 5px 15px #0000004d}.drop-zone-v15.error{animation:shake .5s;border-color:#f44336}.drag-orb-v15{align-items:center;background:radial-gradient(circle at 30% 30%,#43a047,#1b5e20);border:3px solid gold;border-radius:50%;box-shadow:0 5px 15px #0006;color:#fff;cursor:grab;display:flex;font-size:1.5rem;font-weight:900;height:60px;justify-content:center;width:60px}.shelf-row-v15{background:#3e2723;border:2px solid #8d6e63;border-radius:15px;display:flex;gap:10px;margin-top:10px;padding:15px}.slot-v15{align-items:center;background:#0000004d;border:1px solid #5d4037;border-radius:10px;color:#fff;display:flex;font-weight:800;height:50px;justify-content:center;width:50px}.slot-v15.got{background:gold;box-shadow:0 0 10px gold;color:#3e2723}.feedback-bar-v15{align-items:center;background:#1b5e20d9;border-radius:0 0 35px 35px;border-top:1px solid #ffd70080;color:#fff;display:flex;font-size:.9rem;font-weight:700;justify-content:center;margin-top:10px;min-height:40px;padding:8px 15px;text-align:center;transition:background .4s ease}.feedback-bar-v15.warning-active{background:#b71c1ce6;border-top-color:#ff5252}.array-input-zone-v1{align-items:center;display:flex;flex-direction:column;gap:20px;margin-top:10px}.array-shelf{background:#3e2723;border:4px solid #8d6e63;border-radius:20px;box-shadow:0 10px 20px #0006;display:flex;gap:8px;padding:15px}.array-slot-input{background:#fdfaf0;border:3px solid gold;border-radius:12px;color:#3e2723;font-size:1.5rem;font-weight:900;height:55px;text-align:center;width:55px}.node-pos{position:absolute;transform:translate(-50%,-50%);z-index:10}.top-hud-capsule-v15{margin-bottom:10px}.node-pos-static{background:radial-gradient(circle at 30% 30%,#a5d6a7,#2e7d32);border:3px solid #1b5e20;box-shadow:0 4px 15px #0000004d}.orb-val-static{font-size:1.5rem;font-weight:700}.node-pos-static.picked{transform:translate(-50%,-50%) scale(1.15)}.array-shelf{background:linear-gradient(180deg,#4e342e,#2d1e17)!important;border:5px solid #8d6e63!important;border-radius:25px!important;box-shadow:0 15px 40px #00000080!important;padding:20px!important}.array-slot-input{background:#fff!important;border:3px solid #3e2723!important;border-radius:12px!important;box-shadow:inset 0 2px 5px #0003!important}.footer-area-v15{align-items:center;flex-direction:column;gap:15px;padding-bottom:10px}.node-pos-static{background:radial-gradient(circle at 30% 30%,#a5d6a7,#1b5e20);border:4px solid #3e2723;border-radius:50%;box-shadow:0 10px 20px #0006,inset -5px -5px 12px #0006,inset 5px 5px 12px #fff3;cursor:pointer;height:70px;transition:.3s cubic-bezier(.175,.885,.32,1.275);width:70px}.node-pos-static.picked{background:radial-gradient(circle at 30% 30%,#fff176,#f9a825);border-color:gold;box-shadow:0 0 30px gold;transform:scale(1.1)}.orb-val-static{color:#fff;font-size:1.8rem;font-weight:900;text-shadow:0 2px 4px #00000080}.extra-bar-bottom{display:none!important}.action-btn-v15{background:linear-gradient(145deg,#2e7d32,#1b5e20);border:3px solid gold;border-radius:50px;box-shadow:0 6px 0 #3e2723,0 10px 20px #0006,inset 0 4px 10px #ffffff4d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:900;letter-spacing:1px;margin-top:-250px;overflow:hidden;padding:12px 35px;position:relative;text-shadow:0 2px 4px #00000080;text-transform:uppercase;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.action-btn-v15:before{background:linear-gradient(45deg,#0000,#fff6,#0000);content:"";height:200%;left:-150%;position:absolute;top:-50%;transform:rotate(45deg);transition:.5s;width:200%}.action-btn-v15:hover{background:linear-gradient(145deg,#388e3c,#1b5e20);box-shadow:0 9px 0 #3e2723,0 15px 30px #ffd7004d;transform:translateY(-3px)}.action-btn-v15:hover:before{left:150%}.action-btn-v15:active{box-shadow:0 2px 0 #3e2723,0 5px 10px #00000080;transform:translateY(4px)}.game-layout-flex{align-items:stretch;display:flex;flex-direction:row;gap:20px;width:100%}.game-side-info{display:flex;width:160px}.feedback-bar-v15{border-radius:20px;height:100%;width:100%}.arena-main-layout{align-items:flex-start;display:flex;flex-direction:row;gap:25px;justify-content:center;padding:0 20px;width:100%}.mission-tablet-v15{perspective:1000px;width:200px}.tablet-content{background:linear-gradient(145deg,#1b5e20,#0d2e10);border:3px solid gold;border-radius:15px;box-shadow:0 15px 35px #00000080,0 0 15px #1b5e2066;color:#fff;display:flex;flex-direction:column;min-height:250px;padding:20px;transform:rotateY(-5deg)}.tablet-divider{height:2px}.tablet-goal{font-size:.95rem;line-height:1.5}.tablet-footer{border-top:1px solid #ffd70033;color:#a5d6a7;font-size:.75rem;margin-top:15px;padding-top:10px;text-align:right}.tablet-content.warning{animation:shake .5s ease-in-out;background:linear-gradient(145deg,#7f0000,#300);border-color:#ff5252;box-shadow:0 0 25px #ff525280}.arena-play-zone{align-items:flex-start;display:flex;flex-direction:row;gap:25px;justify-content:center;width:100%}.tablet-magic{background:linear-gradient(145deg,#1b5e20,#0d2e10);border:3px solid gold;border-radius:20px;box-shadow:0 15px 35px #00000080,0 0 15px #1b5e2066;color:#fff;display:flex;flex-direction:column;min-height:300px;padding:25px 20px;position:relative}.tablet-header{font-size:1.1rem;font-weight:900;text-align:center;text-transform:uppercase}.tablet-line{background:linear-gradient(90deg,#0000,gold,#0000);height:2px;margin:15px 0}.tablet-goal{color:#e8f5e9;flex:1 1;font-size:1rem;font-style:italic;line-height:1.6;margin:0;text-align:left}.tablet-decoration{font-size:1.5rem;margin-top:15px;opacity:.6;text-align:center}.tablet-magic.warning-active{background:linear-gradient(145deg,#7f0000,#300);border-color:#ff5252;box-shadow:0 0 25px #ff525280}.mission-sidebar-v15{flex-shrink:0;perspective:1000px;width:200px;z-index:10}.tablet-magic-mini{min-height:180px}.tablet-inner-glow{background:radial-gradient(circle,#a5d6a71a 0,#0000 70%)}.tablet-divider-v2{margin:8px 0}.goal-text-v2{line-height:1.4}.tablet-magic-mini.warning-active{box-shadow:0 0 20px #ff525266}.tree-area-v15{flex-shrink:0;height:380px;overflow:visible!important;width:600px!important}.node-pos-static{transition:none!important}.sorting-shelf-container{background:#3e272326;border:2px solid #8d6e63;border-radius:20px;margin-top:30px;padding:15px;width:90%}.shelf-slots-row{gap:10px;margin-top:10px}.magic-slot,.shelf-slots-row{display:flex;justify-content:center}.magic-slot{align-items:center;background:#fff9c4;border:3px solid #fbc02d;border-radius:12px;box-shadow:inset 0 2px 4px #0000001a;color:#5d4037;font-size:1.2rem;font-weight:900;height:50px;width:50px}.magic-slot.filled{animation:crystalAppear .4s ease-out;background:radial-gradient(circle at 30% 30%,#a5d6a7,#1b5e20);border-color:gold;box-shadow:0 0 10px #4caf5080;color:#fff}@keyframes crystalAppear{0%{opacity:0;transform:scale(.5) rotate(-15deg)}to{opacity:1;transform:scale(1) rotate(0)}}.tablet-magic-mini{background:linear-gradient(145deg,#1b5e20,#09200a);border:2px solid gold;border-radius:18px;box-shadow:0 8px 25px #0009,inset 0 0 10px #ffd70033;color:#fff;display:flex;flex-direction:column;min-height:200px;overflow:hidden;padding:15px 12px;position:relative;transition:all .4s ease}.tablet-inner-glow{background:radial-gradient(circle,#a5d6a726 0,#0000 70%);height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.tablet-header-v2{color:gold;font-size:.9rem;font-weight:900;letter-spacing:2px;text-align:center;text-shadow:0 2px 4px #00000080;text-transform:uppercase}.tablet-divider-v2{background:linear-gradient(90deg,#0000,#ffd70099,#0000);height:1px;margin:10px 0}.tablet-body{align-items:center;display:flex;flex:1 1;justify-content:center}.goal-text-v2{color:#e8f5e9;font-size:.85rem;font-weight:500;line-height:1.5;margin:0;text-align:center;text-shadow:0 1px 2px #0000004d}.tablet-decoration-mini{animation:leafFloat 3s ease-in-out infinite;filter:drop-shadow(0 0 5px rgba(165,214,167,.5));font-size:1.2rem;margin-top:10px;text-align:center}.tablet-magic-mini.warning-active{background:linear-gradient(145deg,#4b0000,#200000);border-color:#ff5252;box-shadow:0 0 20px #ff525266,inset 0 0 15px #ff525233}.tablet-magic-mini.warning-active .tablet-header-v2{color:#ff8a80}@keyframes leafFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(10deg)}}.tablet-refined{background:linear-gradient(135deg,#26572a 50%,#1c4d1f);border:2px solid #b8860b;border-radius:15px;box-shadow:0 10px 30px #00000080;display:flex;min-height:200px;padding:8px}.tablet-inner-border{align-items:center;border:1px solid #b8860b4d;border-radius:10px;display:flex;flex:1 1;flex-direction:column;padding:15px 10px}.tablet-header{color:gold;font-size:1rem;font-weight:700;letter-spacing:1px;text-shadow:0 2px 4px #00000080}.tablet-divider{background:linear-gradient(90deg,#0000,gold,#0000);height:1px;margin:12px 0;width:60%}.goal-text{color:#e0e0e0;font-size:.9rem;line-height:1.5;margin:0}.tablet-refined.warning-active{background:linear-gradient(135deg,#420a0a,#1a0404);border-color:#ff5252}.tablet-refined.warning-active .tablet-inner-border{border-color:#ff52524d}.tablet-refined.warning-active .tablet-header{color:#ff8a80}.game-toast-v15{animation:toastSlideIn .4s cubic-bezier(.18,.89,.32,1.28);top:50px;z-index:9999}.toast-content{align-items:center;background:linear-gradient(135deg,#4a0d0d,#1a0404);border:2px solid #f44;border-radius:12px;box-shadow:0 10px 30px #0009,0 0 15px #f446;display:flex;gap:15px;padding:12px 25px}.toast-content p{color:#fff;font-size:1rem;font-weight:600;margin:0;text-shadow:0 2px 4px #00000080}.toast-icon{filter:drop-shadow(0 0 5px #ff4444);font-size:1.2rem}@keyframes toastSlideIn{0%{opacity:0;top:-100px}to{opacity:1;top:50px}}.game-toast-v15{left:50%;pointer-events:none;position:fixed;top:40px;transform:translateX(-50%);z-index:10000!important}.node-pos-static{align-items:center;display:flex;height:60px;justify-content:center;position:absolute;transform:translate(-50%,-50%);width:60px;z-index:5}.tree-area-v15{height:450px;margin:0 auto;max-width:600px;position:relative;width:100%}.node-pos-static.selected{animation:pulseSelected 1.5s ease-in-out infinite;border-color:#ffeb3b!important;box-shadow:0 0 25px #fbc02d,inset 0 0 10px #fff176;filter:brightness(1.2);transform:translate(-50%,-50%) scale(1.15);z-index:100}@keyframes pulseSelected{0%,to{transform:translate(-50%,-50%) scale(1.15)}50%{transform:translate(-50%,-50%) scale(1.2)}}.footer-area-v15{display:flex;justify-content:center;margin-top:20px!important;width:100%;z-index:50}.goal-text{animation:textUpdate .3s ease-out;color:#fff;font-size:.95rem;font-weight:600;line-height:1.6;text-align:center}@keyframes textUpdate{0%{opacity:.7;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.result-screen-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:999}.medal-body{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a!important;border:3px solid gold;border-radius:50px;box-shadow:0 20px 50px #00000080;padding:60px 40px 40px;text-align:center;width:400px}.victory-medal-crest{align-items:center;display:flex;flex-direction:column;position:relative}@media screen and (max-width:768px){.home-header-capsule-wood{border-radius:30px!important;height:auto!important;margin-bottom:40px!important;padding:15px 25px!important;width:90%!important}.main-title-wood{font-size:1.6rem!important;gap:10px!important;letter-spacing:2px!important}.sub-title-wood{font-size:.9rem!important}.guardian-grid-row-wood{align-items:center!important;flex-direction:column!important;gap:30px!important;margin-top:0!important}.guardian-card-wood{border-radius:30px!important;max-width:300px;padding:25px 20px!important;width:90%!important}.description-text-wood{font-size:.9rem!important;height:auto!important;margin-bottom:20px!important}.alchemy-rules-board,.alchemy-rules-board-compact{border-radius:25px!important;padding:25px 20px!important;width:95%!important}.rules-stage-name{font-size:1.4rem!important}.stage-goal-highlight{font-size:1.2rem!important}.rules-detail-box,.rules-detail-box-v3{padding:15px!important;width:100%!important}.rules-checklist li{font-size:.9rem!important;gap:10px!important}.medal-body{padding:40px 20px 30px!important;width:95%!important}.score-number-big{font-size:3rem!important}.victory-text-glow,.victory-text-glow1{font-size:1.5rem!important;letter-spacing:2px!important}}@media (max-width:380px){.main-title-wood{font-size:1.4rem!important}.guardian-card-wood{width:95%!important}}@media screen and (max-width:768px){.arena-container-v15,.arena-main-layout,.arena-play-zone{align-items:center!important;flex-direction:column!important;gap:15px!important;height:auto!important;justify-content:flex-start!important;min-height:100vh;padding:10px!important}.top-hud-capsule-v15{border-radius:20px!important;flex-wrap:wrap!important;gap:8px!important;height:auto!important;justify-content:center!important;padding:8px 15px!important;width:95%!important}.hud-left-hero{justify-content:center;width:100%}.alchemy-main-card-v15{border-radius:25px!important;height:auto!important;margin-top:5px!important;max-width:none!important;min-height:450px!important;padding:20px 10px!important;width:100%!important}.alchemy-main-card-v15 h2,.stage-goal-text{font-size:1.2rem!important;line-height:1.3!important;margin-bottom:10px!important;text-align:center}.array-shelf{-webkit-overflow-scrolling:touch;justify-content:flex-start!important;overflow-x:auto!important;padding:15px 10px!important;width:100%!important}.array-slot-input{flex-shrink:0!important;font-size:1.2rem!important;height:45px!important;width:45px!important}.mission-sidebar-v15,.mission-tablet-v15{margin:10px auto!important;max-width:320px!important;perspective:none!important;width:100%!important}.tablet-magic-mini{min-height:auto!important;padding:15px!important;transform:none!important}.tree-area-v15{height:320px!important;margin:0 auto!important;max-width:340px!important;transform:scale(.85)!important;width:100%!important}.action-btn-v15{font-size:1.1rem!important;margin-top:15px!important;padding:12px 0!important;width:90%!important}}.quick-container{background-attachment:fixed;background-position:50%;background-size:cover;color:#fff;font-family:Trebuchet MS,sans-serif;min-height:100vh;padding:40px;position:relative;text-align:center}.quick-container:before{background:linear-gradient(180deg,#0a0a1ee6,#190028e6);content:"";inset:0;position:absolute;z-index:0}.quick-container>*{position:relative;z-index:1}.quick-container h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ffd54f,#ff6ec7);-webkit-background-clip:text;font-size:42px;letter-spacing:2px;margin-bottom:20px;text-shadow:0 0 20px #ffd70099}.char-grid{display:flex;flex-wrap:wrap;justify-content:center;margin-top:30px}.char-card{background:linear-gradient(145deg,#1a1a3a,#2d0066);border-radius:20px;box-shadow:0 0 25px #ab47bc99;padding:20px;transition:.3s ease;width:220px}.char-card:hover{box-shadow:0 0 40px #ffca28e6}.char-card img{height:180px;margin-bottom:15px;object-fit:contain;width:100%}.char-card h3{font-size:20px;margin-bottom:10px}.char-card p{font-size:14px;opacity:.85}.array-row{flex-wrap:wrap;margin:40px 0}.array-box{background:linear-gradient(145deg,#311b92,#512da8);border-radius:15px;box-shadow:0 0 15px #4fc3f799;font-size:22px}.array-box:hover{transform:scale(1.1)}.array-box.pivot{background:linear-gradient(145deg,#ffca28,#ff6f00);box-shadow:0 0 30px #ffca28}.array-box.left{border:3px solid #4fc3f7;box-shadow:0 0 25px #4fc3f7}.array-box.right{border:3px solid #ef5350;box-shadow:0 0 25px #ef5350}button:hover{background:linear-gradient(90deg,#ff4081,#7b1fa2);box-shadow:0 0 25px #ff4081;transform:translateY(-3px)}.quick-container p{font-size:18px;margin:8px 0}.controls{margin-top:20px}.quick-container h2+p{color:#ffd54f;font-size:22px;font-weight:700}@keyframes pulseRed{0%{text-shadow:0 0 5px red}50%{text-shadow:0 0 20px red}to{text-shadow:0 0 5px red}}.quick-container p:nth-child(3){animation:pulseRed 1.5s infinite}.mine-screen{background-position:50%;background-size:cover;min-height:100vh;overflow:hidden;padding:80px 20px;position:relative;text-align:center}.mine-overlay{background:#00000073}.mine-header{color:#ffcc80;font-size:48px;font-weight:700;margin-bottom:20px;position:relative;text-shadow:0 0 25px #ff8c00cc;z-index:2}.mine-subtitle{color:#ffe0b2;font-size:18px;margin-top:15px}.mine-grid{display:flex;flex-wrap:wrap;gap:50px;justify-content:center;margin-top:50px;position:relative;z-index:2}.mine-card{background:linear-gradient(145deg,#3e2723,#1b0f0b);border:2px solid #ffb74d;border-radius:20px;box-shadow:0 0 30px #ff8c0080;cursor:pointer;padding:35px;transition:.4s ease;width:300px}.mine-card:hover{box-shadow:0 0 60px #ff8c00e6;transform:translateY(-12px) scale(1.05)}.mine-avatar{background:radial-gradient(circle,#ffb74d,#e65100);border-radius:50%;box-shadow:0 0 30px #ff8c00cc;height:160px;margin:0 auto 20px;padding:6px;width:160px}.mine-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.mine-card h3{color:#ffcc80;margin-bottom:10px}.mine-card p{color:#ffe0b2;font-size:14px;margin-bottom:20px}.mine-btn{background:linear-gradient(90deg,#ff9800,#e65100);border-radius:30px;color:#fff;font-weight:700;padding:12px 25px;transition:.3s}.mine-btn:hover{box-shadow:0 0 30px #ff5722e6;transform:scale(1.1)}.mine-map-screen-v2{align-items:center;background-position:50%;background-size:cover;display:flex;justify-content:center;min-height:100vh;position:relative}.mine-overlay-dark{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;inset:0;position:absolute}.mine-map-panel-v2{background:linear-gradient(145deg,#3c1e0ff2,#23120af2);border:2px solid #ff8c0080;border-radius:30px;box-shadow:0 0 60px #ff8c0066,inset 0 0 80px #ff572226;color:#ffe0b2;padding:70px 60px;position:relative;text-align:center;width:1000px}.mine-progress-container{margin-top:70px}.mine-track-base{background:#ffffff14;border-radius:10px;height:8px;left:10%;right:10%;top:40px}.mine-track-progress{box-shadow:0 0 25px orange;height:8px;left:10%;top:40px;transition:width .4s ease}.mine-node-wrapper-v2{position:relative;text-align:center;z-index:2}.mine-node-v2{background:linear-gradient(145deg,#ff9800,#ff5722);box-shadow:0 0 25px #ff5722cc;font-size:22px;font-weight:700;height:80px;width:80px}.mine-node-v2:hover{transform:scale(1.15)}.mine-node-v2.completed{background:linear-gradient(145deg,#4caf50,#2e7d32);box-shadow:0 0 25px #4caf50cc}.mine-node-v2.current{animation:pulseMine 1.5s infinite}@keyframes pulseMine{0%{box-shadow:0 0 15px orange}50%{box-shadow:0 0 40px orange}to{box-shadow:0 0 15px orange}}.mine-node-v2.locked{background:#333;box-shadow:none;cursor:not-allowed;opacity:.5}.mine-node-info-v2{margin-top:14px;opacity:.9}.mine-map-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ffd180,#ff9800,#ff5722);-webkit-background-clip:text;font-size:38px;font-weight:800;letter-spacing:1px;margin-bottom:12px;text-shadow:0 0 25px #ff8c0099}.mine-map-sub{color:#ffcc80;font-size:16px;letter-spacing:.5px;opacity:.9}.mine-node-v2{background:radial-gradient(circle at 30% 30%,#ffb74d,#ff5722);border:none;border-radius:50%;box-shadow:0 0 30px #ff5722e6,inset 0 0 15px #ffffff4d;color:#fff;cursor:pointer;font-size:26px;font-weight:800;height:90px;transition:.3s;width:90px}.mine-node-v2.completed{background:radial-gradient(circle at 30% 30%,#81c784,#2e7d32);box-shadow:0 0 25px #4caf50e6,inset 0 0 10px #fff3}.mine-node-info-v2{color:#ffe0b2;font-size:15px;font-weight:600;letter-spacing:.3px;margin-top:16px}.mine-node-info-v2 span.time{color:#ffd54f}.mine-node-info-v2 span.gem{color:#4fc3f7}.mine-rule-overlay{background-blend-mode:multiply;background-color:#000000b3}.mine-rule-card{background:linear-gradient(145deg,#2e1b12,#4e342e);border:2px solid #ff9800;border-radius:30px;box-shadow:0 0 50px #ff8c0099;color:#ffe0b2;padding:50px;width:900px}.mine-rule-title{font-size:27px;margin-bottom:30px;margin-top:-10px;text-align:center;text-shadow:0 0 20px #ff8c00e6}.mine-rule-layout{align-items:center;display:flex;gap:50px;justify-content:space-between}.mine-char-panel{background:linear-gradient(145deg,#3e2723,#5d4037);border-radius:25px;box-shadow:0 0 30px #ff8c0066;padding:25px;text-align:center;width:40%}.mine-char-avatar{background:radial-gradient(circle,#ff9800,#0000);border-radius:50%;height:130px;margin:0 auto 15px;padding:6px;width:130px}.mine-char-avatar img{border-radius:50%;height:100%;width:100%}.mine-char-stats{font-size:14px;line-height:1.8;margin-top:12px}.mine-rule-panel{width:55%}.mine-rule-steps{font-size:15px;line-height:2;margin-bottom:25px}.mine-warning{color:#ffcc80;font-size:14px;margin-bottom:20px}.mine-start-btn{background:linear-gradient(90deg,#ff9800,#ff5722);border:none;border-radius:40px;color:#fff;cursor:pointer;font-size:17px;font-weight:700;padding:15px 40px;transition:.3s}.mine-start-btn:hover{box-shadow:0 0 25px #ff5722e6;transform:scale(1.08)}@media (max-width:768px){.mine-rule-layout{flex-direction:column}.mine-char-panel,.mine-rule-panel{width:100%}}.hud-capsule-wrapper{display:flex;justify-content:center;width:100%;z-index:50}.hud-capsule-landscape{align-items:center;background:#1a1a1a;border:2px solid #333;border-radius:12px;display:flex;justify-content:space-around;margin:10px auto;max-width:800px;padding:10px 20px;width:90%}.soft-mint-text{color:#b2fab4;text-shadow:0 0 5px #b2fab466}.soft-purple-text{color:#d7bdf2;text-shadow:0 0 5px #d7bdf266}.soft-pink-text{color:#ffb3ba;text-shadow:0 0 5px #ffb3ba66}.soft-blue-text{color:#bae1ff;text-shadow:0 0 5px #bae1ff66}.hud-stat{color:#fff;font-size:1.2rem;font-weight:700;text-shadow:0 0 5px #00f2ff80}.hud-tag-center{background:linear-gradient(180deg,#f0f,#7000ff);border-radius:20px;box-shadow:0 0 15px #f0f6;color:#fff;font-weight:800;padding:5px 30px}.game-main-area{flex-grow:1;margin-top:-190px;padding:0;z-index:10}.crystal-row{align-items:flex-end;display:flex;gap:15px;justify-content:center;min-height:180px}.crystal-item-v4{align-items:center;display:flex;flex-direction:column;position:relative;width:90px}.pivot-label-v4{background:#f0f;border-radius:5px;box-shadow:0 0 10px #f0f;color:#fff;font-size:.8rem;font-weight:900;height:30px;margin-bottom:10px;padding:2px 12px}.crystal-box-v4{background:#ffffff0d;border:2px solid #fff3;border-radius:15px;color:#fff;font-size:2.2rem;font-weight:700;height:100px;transition:all .3s ease;width:80px}.active .crystal-box-v4{border-color:#00f2ff;box-shadow:0 0 20px #00f2ff}.pivot .crystal-box-v4{border-color:#f0f;box-shadow:0 0 20px #f0f}.pointer-space-v4{display:flex;gap:5px;height:40px;margin-top:15px}.ptr-v4{border-radius:6px;color:#fff;font-size:.9rem;font-weight:900;padding:4px 12px}.ptr-v4.l{background:#00d2ff;box-shadow:0 0 10px #00d2ff}.ptr-v4.r{background:#ff4b2b;box-shadow:0 0 10px #ff4b2b}.controls-panel-landscape{grid-gap:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000f19e6;border:2px solid #00f2ff99;border-radius:25px;box-shadow:0 -20px 40px #000000b3,0 0 25px #00f2ff4d;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-top:-100px;max-width:950px;padding:20px 30px;position:relative;transform:translateY(-100px);width:90%;z-index:2000}.btn-ctrl-v2{border:none;border-radius:15px;color:#fff;font-size:1.1rem;font-weight:900;gap:8px;padding:16px 10px;text-transform:uppercase;transition:all .2s ease}.btn-ctrl-v2.b{background:linear-gradient(135deg,#00d2ff,#3a7bd5);box-shadow:0 0 20px #00d2ffb3}.btn-ctrl-v2.r{background:linear-gradient(135deg,#ff4b2b,#ff416c);box-shadow:0 0 20px #ff4b2bb3}.btn-ctrl-v2.y{background:linear-gradient(135deg,#f1c40f,#f39c12);box-shadow:0 0 20px #f1c40fb3;color:#000}.btn-ctrl-v2.g{background:linear-gradient(135deg,#a8ff78,#78ffd6);box-shadow:0 0 20px #a8ff78b3;color:#000}.btn-ctrl-v2:disabled{background:#ffffff14!important;border:1px solid #ffffff1a;box-shadow:none;color:#3e24b433!important}.hud-capsule-container{display:flex;justify-content:center;margin-bottom:40px;max-width:900px;width:100%;z-index:10}.hud-capsule{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00141eb3;border:2px solid #00f2ff80;border-radius:50px;box-shadow:0 0 20px #00f2ff33,inset 0 0 10px #00f2ff1a;gap:40px;padding:5px 30px}.hud-capsule,.hud-item{align-items:center;display:flex}.hud-item{color:#fff;font-size:1.1rem;font-weight:600;gap:10px}.hud-level-tag{background:linear-gradient(180deg,#00f2ff,#007bff);border-radius:20px;box-shadow:0 0 15px #00f2ff66;font-weight:700;padding:5px 25px}.mine-array-wrapper{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;width:100%}.crystal-container{align-items:flex-end;display:flex;gap:20px;height:250px}.crystal-unit{align-items:center;display:flex;flex-direction:column;position:relative;width:80px}.pivot-badge{animation:pulse 1.5s infinite;background:#f0f;border-radius:5px;box-shadow:0 0 10px #f0f;color:#fff;font-size:.75rem;font-weight:800;margin-bottom:10px;padding:2px 10px}.crystal-box{align-items:center;background:#ffffff0d;border:2px solid #fff3;border-radius:12px;color:#fff;display:flex;font-size:1.8rem;font-weight:700;height:90px;justify-content:center;transition:all .3s ease;width:70px}.crystal-unit.active .crystal-box{border-color:#00f2ff;box-shadow:0 0 15px #00f2ff80}.crystal-unit.is-pivot .crystal-box{border-color:#f0f;box-shadow:0 0 15px #ff00ff80}.pointer-label{align-items:center;border-radius:8px;color:#fff;display:flex;height:35px;justify-content:center;margin-top:15px;width:35px}.pointer-label.l{background:#00d2ff;box-shadow:0 0 10px #00d2ff}.pointer-label.r{background:#ff4b2b;box-shadow:0 0 10px #ff4b2b}.controls-glass-panel{grid-gap:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:1px solid #ffffff1a;border-radius:25px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:30px;padding:25px 40px;z-index:100}.btn-neon{border:none;border-radius:12px;cursor:pointer;font-weight:700;padding:15px 25px;text-transform:uppercase;transition:.3s}.btn-neon:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.2}.mine-array-container{flex-wrap:wrap;gap:15px;margin-bottom:40px;margin-top:30px}.mine-controls-panel{max-width:1100px}.mine-overlay{background:#000000a6;inset:0;position:absolute}.mine-hud{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:2}.timer.urgent{animation:pulse .6s infinite alternate;color:#ff5252}.array-row{gap:15px;margin-top:60px;z-index:2}.array-box,.array-row{display:flex;justify-content:center;position:relative}.array-box{align-items:center;background:linear-gradient(145deg,#444,#222);border-radius:12px;cursor:pointer;font-size:20px;font-weight:700;height:70px;transition:.2s;width:70px}.array-box:hover{transform:translateY(-6px)}.array-box.active-range{border:2px solid #ffa726}.array-box.pivot{background:linear-gradient(145deg,#ffca28,#ff8f00)}.array-box.i-pointer{border:2px solid #00e5ff}.array-box.j-pointer{border:2px solid #69f0ae}.label{bottom:-20px;font-size:14px;position:absolute}.label.i{color:#00e5ff}.label.j{color:#69f0ae}.mine-controls{position:relative;text-align:center;z-index:2}.mine-next-btn{background:linear-gradient(145deg,#ffb300,#ff6f00);border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:700;padding:12px 30px;transition:.2s}.mine-next-btn:hover{transform:scale(1.05)}.mine-array-container{display:flex;gap:12px;justify-content:center;margin-top:40px}.mine-crystal{align-items:center;background:#2c1a12;border:2px solid #ff9800;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:70px;justify-content:center;position:relative;transition:.2s;width:70px}.mine-crystal.active{background:#3b2317}.mine-crystal.pivot{border-color:gold;box-shadow:0 0 15px gold}.mine-crystal.left{border-color:#42a5f5;box-shadow:0 0 12px #42a5f5}.mine-crystal.right{border-color:#ef5350;box-shadow:0 0 12px #ef5350}.pointer-label{font-size:14px;font-weight:700;position:absolute;top:-18px}.pivot-label{color:gold}.left-label{color:#42a5f5}.right-label{color:#ef5350}.mine-controls{display:flex;gap:20px;justify-content:center;margin-top:40px}.btn-blue{background:#42a5f5}.btn-red{background:#ef5350}.btn-gold{background:gold}.mine-controls button{border:none;border-radius:8px;cursor:pointer;font-weight:700;padding:12px 24px;transition:.2s}.mine-controls button:hover{transform:scale(1.05)}.mine-controls-panel{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-top:30px}.control-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;border:1px solid #ffffff1a;border-radius:16px;padding:18px;text-align:center;transition:.2s;width:200px}.control-card:hover{transform:translateY(-3px)}.control-desc{color:#ccc;font-size:13px;margin-top:10px}.control-card button{border:none;border-radius:10px;cursor:pointer;font-weight:700;padding:10px;transition:.2s;width:100%}.btn-blue{background:#2196f3;color:#fff}.btn-red{background:#f44336;color:#fff}.btn-orange{background:#ff9800;color:#fff}.btn-gold{background:linear-gradient(45deg,#fc0,#ff9800);color:#000}.control-card button:hover:not(:disabled){transform:scale(1.05)}.control-card button:disabled{cursor:not-allowed;opacity:.3;transform:none}.mine-gameover-screen{align-items:center;background-position:50%;background-size:cover;display:flex;justify-content:center;min-height:100vh;position:relative}.mine-dark-overlay{background:#000000bf;inset:0;position:absolute}.gameover-card{background:linear-gradient(145deg,#2a0000,#3a0000);border:2px solid #ff5252;border-radius:20px;box-shadow:0 0 40px #f006;padding:50px;position:relative;text-align:center;width:420px;z-index:2}.skull-icon{animation:shake 1s infinite alternate;font-size:70px;margin-bottom:10px}.gameover-title{color:#ff5252;font-size:28px;margin-bottom:10px}.gameover-sub{color:#ddd;margin-bottom:20px}.gameover-score{color:gold;font-size:20px;margin-bottom:25px}.gameover-buttons{display:flex;gap:15px;justify-content:center}.retry-btn{background:#ff5252;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:12px 20px;transition:.2s}.retry-btn:hover{background:#ff1744;transform:scale(1.05)}.map-btn{background:#424242;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:12px 20px;transition:.2s}.map-btn:hover{background:#616161;transform:scale(1.05)}.pop-in{animation:pop .3s ease-out}.hud-glass{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 30px;width:800px}.crystal-grid{gap:15px;margin:40px 0}.crystal,.crystal-grid{display:flex;justify-content:center}.crystal{align-items:center;background:#ffffff26;border:2px solid #0000;border-radius:10px;font-size:1.5rem;font-weight:700;height:80px;position:relative;transition:.3s;width:60px}.crystal.active{border-color:#00f2ff;box-shadow:0 0 15px #00f2ff}.crystal.pivot{border-color:#f0f;box-shadow:0 0 15px #f0f}.crystal.dim{opacity:.3}.ptr{border-radius:4px;bottom:-35px;font-size:.8rem;padding:2px 8px;position:absolute}.ptr.l{background:#007bff;left:0}.ptr.r{background:#dc3545;right:0}.ptr.p{background:#f0f;bottom:auto;top:-35px}.controls-glass{grid-gap:10px;background:#0006;border-radius:20px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);padding:20px}.btn-ctrl{border:none;border-radius:10px;cursor:pointer;font-weight:700;padding:15px}.btn-ctrl:disabled{cursor:not-allowed;opacity:.2}.btn-ctrl.b{background:#00d2ff}.btn-ctrl.r{background:#ff4b2b}.btn-ctrl.y{background:#f9d423}.btn-ctrl.g{background:#a8ff78}.instruction-container-v5{animation:fadeInDown .6s ease-out;display:flex;justify-content:center;margin-bottom:20px;width:100%}.instruction-box-v5{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000f19b3;border:1.5px solid #00f2ff66;border-radius:20px;box-shadow:0 0 20px #00f2ff26,inset 0 0 10px #00f2ff1a;display:flex;gap:20px;max-width:850px;padding:15px 30px}.instruction-box-v5.pivot-mode{border-color:#f0f9;box-shadow:0 0 20px #f0f3}.instr-icon-circle{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;display:flex;font-size:1.6rem;height:50px;justify-content:center;width:50px}.instr-content{text-align:left}.instr-label{color:#00f2ff;display:block;font-size:.75rem;font-weight:800;letter-spacing:2px;margin-bottom:2px;text-transform:uppercase}.instr-main-text{color:#fff;display:block;font-size:1.1rem;font-weight:500;text-shadow:0 0 10px #fff3}.mine-result-screen-centered{align-items:center;background-image:url(/sortlearn/static/media/bg-quick.2b936360932ac85685a6.png);background-position:50%;background-size:cover;display:flex;inset:0;justify-content:center;position:fixed;z-index:2500}.result-card-v7{background:#000a14f2;box-shadow:0 0 40px #00f2ff80,inset 0 0 20px #00f2ff1a;width:90%}.neon-text-white{color:#fff;font-size:2.5rem;text-shadow:0 0 10px #00f2ff,0 0 20px #00f2ff}.score-display-v7{margin-bottom:25px}.score-label-v7{font-size:.9rem}.score-number-v7{color:#fff;font-size:4rem;text-shadow:0 0 20px #fff9}.total-score-v7{font-size:1.1rem}.btn-action-v7{transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-action-v7.next-step{box-shadow:0 0 20px #00f2ff80}.btn-action-v7.next-step:hover{transform:scale(1.05)}.btn-action-v7.submit{background:#f0f3}.status-msg-v7{color:#a8ff78;font-weight:700;margin-bottom:15px}.result-card-v7{animation:cardPop .5s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000a19e6;border:2px solid #00f2ff;border-radius:40px;box-shadow:0 0 50px #00f2ff66,inset 0 0 20px #00f2ff1a;max-width:500px;padding:50px 40px;text-align:center;width:100%}.neon-text-white{color:#fff!important;font-size:2.8rem;font-weight:900;margin-bottom:30px;text-shadow:0 0 10px #00f2ff,0 0 20px #00f2ff,0 0 30px #00f2ff}.score-display-v7{background:#ffffff0d;border:1px solid #00f2ff4d;border-radius:25px;margin-bottom:20px;padding:30px}.score-label-v7{color:#00f2ff;display:block;font-size:1rem;font-weight:800;letter-spacing:2px;margin-bottom:10px;text-transform:uppercase}.score-number-v7{color:#fff!important;font-size:4.5rem;font-weight:900;line-height:1;text-shadow:0 0 20px #fffc}.total-score-v7{color:#a8ff78;font-weight:700;margin-bottom:40px}.btn-action-v7,.total-score-v7{align-items:center;display:flex;font-size:1.2rem;gap:10px;justify-content:center}.btn-action-v7{border:none;border-radius:15px;cursor:pointer;font-weight:900;margin-bottom:15px;padding:20px;transition:all .3s ease;width:100%}.btn-action-v7.next-step{background:linear-gradient(135deg,#00f2ff,#007bff);box-shadow:0 0 25px #00f2ff80;color:#fff}.btn-action-v7.next-step:hover{filter:brightness(1.2);transform:translateY(-5px) scale(1.02)}.btn-action-v7.submit{background:#ff00ff26;border:1px solid #f0f;color:#f0f;font-size:1rem}.result-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00050fb3}.result-card-v8{animation:cardPop .5s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000a19e6;border:2px solid #00f2ff;border-radius:40px;box-shadow:0 0 50px #00f2ff66,inset 0 0 20px #00f2ff1a;max-width:500px;padding:50px 40px;position:relative;text-align:center;width:100%;z-index:10}.neon-text-white-bold{color:#fff!important;font-size:2.8rem;font-weight:900;margin-bottom:30px;text-shadow:0 0 10px #00f2ff,0 0 20px #00f2ff,0 0 30px #00f2ff}.score-main-v8{background:#ffffff0d;border:1px solid #00f2ff33;border-radius:20px;display:flex;flex-direction:column;margin-bottom:25px;padding:20px}.score-label-v8{color:#00f2ff;font-size:1rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}.score-number-v8{color:#fff;font-size:4rem;font-weight:900;line-height:1;margin:10px 0;text-shadow:0 0 15px #ffffff80}.score-footer-v8{color:#a8ff78;font-size:1.1rem;font-weight:700;margin-bottom:40px}.result-actions-v8{display:flex;flex-direction:column;gap:15px}.btn-v8-next{background:linear-gradient(135deg,#00f2ff,#007bff);border:none;border-radius:15px;box-shadow:0 5px 15px #00f2ff66;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:900;padding:18px 25px;transition:transform .2s cubic-bezier(.4,0,.2,1);width:100%}.btn-v8-next:hover{filter:brightness(1.2);transform:translateY(-5px) scale(1.05)}.btn-v8-submit{background:#ff00ff26;border:1px solid #f0f;border-radius:12px;color:#f0f;cursor:pointer;font-size:1rem;font-weight:700;padding:14px 25px;transition:.3s;width:100%}.btn-v8-submit:hover{background:#ff00ff4d}@keyframes cardPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.mine-game-screen{background-position:50%;background-size:cover;min-height:100vh;padding:20px}.game-main-area,.mine-game-screen{align-items:center;display:flex;flex-direction:column;justify-content:center}.game-main-area{gap:30px;width:100%}.crystal-box-v4{align-items:center;background:#000000d9;border:3px solid #00f2ff;border-radius:12px;box-shadow:0 0 15px #00f2ff66;color:#00f2ff!important;cursor:pointer;display:flex;font-size:1.8rem;font-weight:900;height:90px;justify-content:center;text-shadow:0 0 10px #00f2ff,0 0 20px #00f2ff;transition:.3s;width:70px}.crystal-item-v4.pivot .crystal-box-v4{border-color:#f0f;color:#f0f!important;text-shadow:0 0 10px #f0f}.controls-wrapper-bottom{display:flex;justify-content:center;margin-top:auto;padding-bottom:30px;width:100%}.btn-ctrl-v2{align-items:center;background:#000c;border:1.5px solid #fff3;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;font-family:Kanit,sans-serif;font-size:.95rem;font-weight:600;gap:5px;justify-content:center;padding:12px 5px;transition:all .2s}.btn-ctrl-v2.b{border-color:#bae1ff;color:#bae1ff}.btn-ctrl-v2.g{border-color:#b2fab4;color:#b2fab4}.btn-ctrl-v2.r{border-color:#ffb3ba;color:#ffb3ba}.btn-ctrl-v2.y{border-color:#ffffba;color:#ffffba}.btn-ctrl-v2:disabled{border-color:#ffffff1a;cursor:not-allowed;filter:grayscale(1);opacity:.2}.btn-ctrl-v2:not(:disabled):hover{background:#ffffff1a;box-shadow:0 0 15px currentColor;transform:translateY(-2px)}.mine-progress-container{align-items:center;display:flex;justify-content:space-between;position:relative}.mine-track-base{background:#ffffff26;right:0;z-index:1}.mine-track-base,.mine-track-progress{height:6px;left:0;position:absolute;top:50%;transform:translateY(-50%)}.mine-track-progress{background:linear-gradient(90deg,#ff9800,#ff5722);border-radius:10px;z-index:2}.mine-node-v2{position:relative;z-index:5}.mine-rule-card{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000eb;border:2px solid #fa09;border-radius:22px;box-shadow:0 0 30px #ff960059;color:#fff;display:flex;flex-direction:column;max-width:95%;padding:35px;width:520px}.mine-rule-layout-balanced{display:flex;margin-top:25px;width:100%}.rule-left{flex:1 1;text-align:center}.rule-avatar-wrapper img{height:auto;margin-top:-50px;width:160px}.rule-char-name{font-size:1.4rem;margin-top:15px}.rule-char-stats{font-size:1rem;margin-top:15px;opacity:.9}.rule-right{display:flex;flex:1.2 1;flex-direction:column;gap:20px}.rule-steps-box{background:#ffffff0f;border-radius:15px;line-height:1.8;padding:18px;width:100%};.rule-warning-box{background:#ff505026;border-radius:12px;font-weight:700;padding:12px 20px;text-align:center}.rule-start-btn{background:linear-gradient(135deg,#00f2ff,#007bff);border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:15px;transition:.2s;width:100%}.rule-start-btn:hover{transform:scale(1.05)}.mine-rule-overlay{align-items:center;background-position:50%;background-size:cover;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.mine-rule-layout-balanced{align-items:center;flex-direction:column;gap:25px}.final-mine-overlay{align-items:center;background-position:50%;background-size:cover;display:flex;justify-content:center;min-height:100vh;position:relative}.final-dark-layer{background:#000000bf;inset:0;position:absolute}.final-mine-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#140a00d9;border:2px solid #ff960099;border-radius:25px;box-shadow:0 0 40px #ff960066;color:#fff;max-width:92%;padding:60px 40px;position:relative;text-align:center;width:450px;z-index:2}.final-trophy{font-size:60px;margin-bottom:15px}.final-mine-title{color:#ffb347;font-size:2rem;font-weight:900;margin-bottom:30px;text-shadow:0 0 15px #ffb432cc}.final-mine-score{color:#fff;font-size:3.8rem;font-weight:900;margin-bottom:10px;text-shadow:0 0 25px #ffc800cc}.final-mine-sub{font-size:1rem;margin-bottom:35px;opacity:.8}.final-mine-btn{background:linear-gradient(135deg,#ffb347,#ff7300);border:none;border-radius:18px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:15px;transition:.25s;width:100%}.final-mine-btn:hover{box-shadow:0 0 20px #ff9600cc;transform:scale(1.05)}@media (max-width:768px){.mine-header,.mine-map-title,.quick-container h2{font-size:1.8rem!important;letter-spacing:1px!important}.char-grid,.mine-grid{align-items:center!important;flex-direction:column!important;gap:25px!important}.char-card,.mine-card{max-width:300px;padding:20px!important;width:90%!important}.mine-avatar{height:120px!important;width:120px!important}.hud-capsule,.hud-capsule-landscape,.hud-glass{flex-wrap:wrap;gap:10px!important;justify-content:center!important;padding:10px!important;width:95%!important}.hud-item,.hud-stat{font-size:.9rem!important}.game-main-area{margin-top:20px!important;padding:0 10px!important}.crystal-container,.crystal-grid,.crystal-row{-webkit-overflow-scrolling:touch;gap:8px!important;justify-content:flex-start!important;overflow-x:auto;padding:40px 10px!important;width:100%}.crystal,.crystal-box,.crystal-box-v4{border-width:2px!important;font-size:1.2rem!important;height:60px!important;width:45px!important}.crystal-item-v4,.crystal-unit{width:50px!important}.pivot-badge,.pivot-label-v4,.ptr.p{font-size:.6rem!important;padding:2px 6px!important;top:-25px!important}.pointer-label,.ptr,.ptr-v4{bottom:-30px!important;font-size:.7rem!important;padding:2px 6px!important}.controls-glass,.controls-glass-panel,.controls-panel-landscape{gap:12px!important;grid-template-columns:repeat(2,1fr)!important;margin-top:20px!important;padding:15px!important;transform:translateY(0)!important;width:100%!important}.btn-ctrl-v2,.btn-neon{font-size:.85rem!important;padding:12px 5px!important}.final-mine-card,.gameover-card,.result-card-v7,.result-card-v8{padding:30px 20px!important;width:95%!important}.final-mine-score,.score-number-v7,.score-number-v8{font-size:3rem!important}}@media (max-width:380px){.crystal-box-v4{height:55px!important;width:40px!important}.btn-ctrl-v2{font-size:.75rem!important}}:root{--ice-blue:#e0f7fa;--crystal-blue:#00d2ff;--deep-ocean:#3a7bd5;--frost-white:#fffc;--glass-bg:#ffffff26;--glass-border:#ffffff4d;--accent-gold:gold;--error-red:#ff4b2b;--success-green:#00ff87}.merge-game-play,.snow-theme-bg{align-items:center;background-attachment:fixed;background-position:50%;background-size:cover;color:#fff;display:flex;flex-direction:column;font-family:Kanit,sans-serif;min-height:100vh;overflow-x:hidden;padding:20px}.glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff26;background:var(--glass-bg);border:1px solid #ffffff4d;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px 0 #0000004d}#ms-adventure-scoped .title{-webkit-text-fill-color:#0000;animation:titleFloatSmall 3s ease-in-out infinite alternate;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background:#fff;-webkit-background-clip:text;background-image:linear-gradient(180deg,#1e3a8a 0,#0369a1 50%,#0ea5e9);border:2px solid #84a3ec;border-radius:15px;box-shadow:0 4px 15px #0000001a;display:block;font-family:Mitr,sans-serif;font-size:3.5rem;font-weight:700;letter-spacing:3px;margin:30px auto 20px;padding:10px 40px;position:relative;text-align:center;text-transform:uppercase;width:-webkit-fit-content;width:fit-content;z-index:10}@keyframes titleFloatSmall{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.char-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));max-width:9000px;width:120%}.char-card{cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.char-card:hover{background:#ffffff40;box-shadow:0 0 30px #00d2ff;box-shadow:0 0 30px var(--crystal-blue);transform:translateY(-10px) scale(1.05)}.char-card{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:var(--glass-high-contrast)!important;border:2px solid #fff9;border-radius:24px;box-shadow:0 20px 40px #0000001a;padding:30px;text-align:center;width:250px}.char-card h2,.char-card h3{color:var(--text-primary)!important;font-family:Mitr,sans-serif;font-size:1.5rem;font-weight:700;margin:15px 0;text-shadow:0 2px 4px #ffffff80}.char-card p,.stat-row-pro{background:#ffffff80;border-radius:50px;color:var(--text-secondary)!important;display:inline-block;font-size:1.1rem;font-weight:600;padding:5px 15px}.level-panel{min-width:350px;padding:50px;text-align:center}.lvl-btn{border:none;border-radius:50px;cursor:pointer;display:block;font-size:1.2rem;font-weight:600;margin:15px 0;padding:15px;transition:.3s;width:100%}.lvl-btn.active{background:linear-gradient(45deg,#00d2ff,#3a7bd5);background:linear-gradient(45deg,var(--crystal-blue),var(--deep-ocean));color:#fff}.lvl-btn.locked{background:#666;cursor:not-allowed;opacity:.5}.game-hud{animation:fadeInDown .5s ease;display:flex;font-size:1.5rem;font-weight:700;gap:30px;margin-bottom:20px;padding:15px 40px}.mode-tag{color:gold;color:var(--accent-gold)}.instruction-box{background:#0006;font-size:1.2rem;margin-bottom:30px;padding:15px 30px}.tree-area{display:flex;justify-content:center;padding:40px;width:100%}.tree-node-wrapper{align-items:center;display:flex;flex-direction:column;margin:0 10px}.node-box{background:#fff;border:3px solid #0000;border-radius:12px;box-shadow:0 4px 15px #0003;color:#333;cursor:pointer;font-weight:700;margin-bottom:30px;min-width:60px;padding:10px 20px;position:relative;text-align:center;transition:all .3s}.node-box:hover{box-shadow:0 0 20px #00d2ff;box-shadow:0 0 20px var(--crystal-blue);transform:scale(1.1)}.node-box.active{animation:pulse 1.5s infinite;border-color:gold;border-color:var(--accent-gold)}.node-box.merged{background:#00ff87;background:var(--success-green);color:#004d40}.node-box.leaf{background:#e0f7fa;background:var(--ice-blue)}.tree-children{display:flex;justify-content:center;position:relative}.merge-battle-area{align-items:center;animation:zoomIn .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;gap:30px;padding:40px}.compare-slots{gap:40px}.compare-slots,.slot{align-items:center;display:flex}.slot{background:#fff;border-radius:15px;color:#333;font-size:2rem;font-weight:800;height:80px;justify-content:center;transition:.5s;width:80px}.slot.hidden{filter:blur(10px);opacity:.5;transform:scale(.8)}.vs{color:gold;color:var(--accent-gold);font-size:1.5rem;font-weight:900}.merge-controls{display:flex;gap:20px}.merge-controls button{border:none;border-radius:10px;cursor:pointer;font-weight:700;padding:12px 25px;transition:.2s}.btn-compare{background:gold;background:var(--accent-gold);color:#333;font-size:1.1rem}.merge-result-tray{border-bottom:4px solid #00ff87;border-bottom:4px solid var(--success-green);font-size:1.4rem;padding:15px;text-align:center;width:100%}@keyframes pulse{0%{box-shadow:0 0 0 0 #ffd700b3}70%{box-shadow:0 0 0 15px #ffd70000}to{box-shadow:0 0 0 0 #ffd70000}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.tree-node-wrapper:before{background:#ffffff4d;background:var(--glass-border);content:"";height:20px;position:absolute;top:-20px;width:2px}#ms-adventure-scoped .rules-container{background:#ffffffe6;border-radius:40px;box-shadow:0 20px 50px #0003;margin:40px auto;max-width:1000px;padding:40px}#ms-adventure-scoped .rules-content{align-items:center;display:flex;gap:40px;margin-top:30px}#ms-adventure-scoped .rules-char-preview{border-right:2px dashed #00f2ff;flex:1 1;padding-right:40px;text-align:center}#ms-adventure-scoped .rules-steps{display:flex;flex:1.5 1;flex-direction:column;gap:15px}#ms-adventure-scoped .step-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;display:flex;gap:20px;padding:15px 20px;transition:.3s}#ms-adventure-scoped .step-card:hover{background:#fff;border-color:#00f2ff;transform:translateX(10px)}#ms-adventure-scoped .step-number{align-items:center;background:linear-gradient(135deg,#0369a1,#00f2ff);border-radius:50%;box-shadow:0 4px 10px #00f2ff66;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;width:40px}#ms-adventure-scoped .step-card p{color:#334155;font-size:1rem;line-height:1.4;margin:0}#ms-adventure-scoped .step-card span{color:#0ea5e9;font-weight:700;text-decoration:underline}#ms-adventure-scoped .rules-actions{margin-top:40px;text-align:center}#ms-adventure-scoped .start-btn{background:linear-gradient(90deg,#0369a1,#7000ff);border:none;border-radius:100px;box-shadow:0 10px 25px #7000ff66;color:#fff;cursor:pointer;font-size:1.5rem;padding:15px 60px;transition:.4s}#ms-adventure-scoped .start-btn:hover{box-shadow:0 0 40px #00f2ff;transform:scale(1.1)}#ms-adventure-scoped{--dark-navy:#0f172a;--pure-white:#fff}#ms-adventure-scoped .char-grid{flex-wrap:wrap;gap:30px;padding:10px 20px 40px}#ms-adventure-scoped .char-tablet{background:var(--pure-white);border:2px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 25px #0000001a;transition:all .3s ease-out;width:260px}#ms-adventure-scoped .char-tablet:hover{border-color:var(--ice-blue-dark);box-shadow:0 20px 40px #00000026;transform:translateY(-10px)}#ms-adventure-scoped .char-header{background:var(--dark-navy);border-bottom:2px solid var(--gold-vivid);padding:12px 10px}#ms-adventure-scoped .char-header h3{font-size:1.1rem;letter-spacing:1px}#ms-adventure-scoped .char-body{background:#f8fafc}#ms-adventure-scoped .char-body img{filter:drop-shadow(0 10px 10px rgba(0,0,0,.1));width:130px}#ms-adventure-scoped .char-footer{background:var(--pure-white);gap:8px;padding:15px}#ms-adventure-scoped .stat-pill{background:#f1f5f9;border:1px solid #e2e8f0;color:var(--dark-navy);font-size:.85rem;padding:6px 12px}#ms-adventure-scoped{--navy-deep:#1e3a8a;--gold-vivid:#fbbf24;--aurora-gradient:linear-gradient(135deg,#1e3a8a,#0369a1 50%,#7000ff);--neon-cyan:#00f2ff;--glass-blur:blur(25px)}#ms-adventure-scoped .char-grid{align-items:center;display:flex;flex-direction:row;gap:35px;justify-content:center;padding:20px 20px 60px}#ms-adventure-scoped .char-tablet{background:var(--aurora-gradient);border:3px solid var(--neon-cyan);border-radius:40px;box-shadow:0 20px 50px #0000004d;cursor:pointer;display:flex;flex-direction:column;height:430px;margin-top:-25px;overflow:hidden;position:relative;transition:all .5s cubic-bezier(.175,.885,.32,1.275);width:305px}#ms-adventure-scoped .char-tablet:after{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:#ffffff1a;content:"";inset:0;position:absolute;z-index:1}#ms-adventure-scoped .char-tablet:hover{border-color:#fff;box-shadow:0 40px 80px #00f2ff66;transform:translateY(-25px) scale(1.03)}#ms-adventure-scoped .char-header{background:var(--navy-deep);border-bottom:3px solid var(--gold-vivid);padding:18px 10px;position:relative;z-index:2}#ms-adventure-scoped .char-header h3{color:var(--gold-vivid)!important;font-family:Mitr,sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:2px;margin:0;text-align:center;text-transform:uppercase}#ms-adventure-scoped .char-body{align-items:center;display:flex;flex:1 1;justify-content:center;padding:20px;position:relative;z-index:2}#ms-adventure-scoped .char-platform{background:#00f2ff33;border-radius:50%;bottom:40px;filter:blur(10px);height:15px;position:absolute;width:140px}#ms-adventure-scoped .char-body img{animation:charFloatPremium 4s ease-in-out infinite;filter:drop-shadow(0 15px 25px rgba(0,0,0,.4));height:auto;width:190px}#ms-adventure-scoped .char-footer{background:#0f172a99;display:flex;flex-direction:column;gap:12px;padding:25px;position:relative;z-index:2}#ms-adventure-scoped .stat-pill{background:#fffffff2;border-radius:50px;box-shadow:0 4px 15px #0000001a;color:var(--navy-deep);font-size:1rem;font-weight:700;margin-top:-5px;padding:10px 20px;text-align:center}@keyframes charFloatPremium{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}#ms-adventure-scoped .mission-map-pro{align-items:center;display:flex;flex-direction:column;padding:40px 20px}#ms-adventure-scoped .status-banner-compact{background:#0f172af2;border:3px solid #00f2ff;border-radius:40px;margin-bottom:120px;padding:25px 50px;text-align:center}#ms-adventure-scoped .banner-stats{color:#fbbf24;display:flex;font-size:1.6rem;font-weight:800;gap:40px;justify-content:center;margin-top:10px}#ms-adventure-scoped .level-highway-pro{display:flex;justify-content:center;max-width:900px;position:relative;width:100%}#ms-adventure-scoped .highway-line-pro{background:#ffffff26;height:6px;left:5%;position:absolute;right:5%;top:50%;transform:translateY(-50%);z-index:1}#ms-adventure-scoped .nodes-flex-row{justify-content:space-between;z-index:2}#ms-adventure-scoped .mission-point-wrapper{align-items:center;display:flex;flex-direction:column;position:relative;width:220px}#ms-adventure-scoped .giant-circle-btn{background:#334155;border:5px solid #fff;border-radius:50%;color:#fff;cursor:pointer;font-size:2.8rem;font-weight:900;height:115px;margin-top:5px;transition:.4s cubic-bezier(.175,.885,.32,1.275);width:115px}#ms-adventure-scoped .giant-circle-btn.active{background:linear-gradient(135deg,#1e3a8a,#0ea5e9);box-shadow:0 0 35px #00f2ff99}#ms-adventure-scoped .avatar-pointer{align-items:center;bottom:115%;display:flex;flex-direction:column;position:absolute}#ms-adventure-scoped .avatar-mini-pro{animation:floatBounce 3s ease-in-out infinite;filter:drop-shadow(0 0 15px #00f2ff);margin-top:-50px;width:80px}#ms-adventure-scoped .tag-you{background:#fbbf24;border-radius:10px;color:#0f172a;font-size:.8rem;font-weight:900;margin-bottom:-50px;padding:3px 12px}#ms-adventure-scoped .node-info-pill{background:#0f172af2;border:2px solid #fbbf24;border-radius:20px;box-shadow:0 8px 15px #0000004d;margin-left:15px;margin-right:15px;margin-top:40px;padding:12px 20px;text-align:center;transition:all .3s ease;width:190px}#ms-adventure-scoped .nodes-flex-row{display:flex;gap:60px;justify-content:center;margin:0 auto;max-width:1000px;width:100%}#ms-adventure-scoped .node-info-pill strong{color:#fbbf24;display:block;font-size:1.1rem}#ms-adventure-scoped .node-info-pill p{color:#fff;font-size:.8rem;margin:5px 0 0}@keyframes floatBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}#ms-adventure-scoped .rules-compact-card{background:#0f172ad9;border:2px solid #fff3;border-radius:40px;margin:20px auto 50px;max-width:800px;padding:30px}#ms-adventure-scoped .rules-header{margin-bottom:30px;text-align:center}#ms-adventure-scoped .rules-main-content{align-items:center;display:flex;gap:40px;padding:0 20px}#ms-adventure-scoped .rules-side-profile{border-right:1px solid #ffffff1a;flex:1 1;padding-right:40px;text-align:center}#ms-adventure-scoped .mini-frost-avatar img{filter:drop-shadow(0 0 15px var(--neon-cyan));margin-bottom:15px;width:120px}#ms-adventure-scoped .char-mini-info h3{color:#fbbf24;margin-bottom:10px}#ms-adventure-scoped .rules-steps-list{display:flex;flex:2 1;flex-direction:column;gap:15px}#ms-adventure-scoped .compact-step-item{align-items:center;background:#ffffff0d;border-radius:20px;display:flex;gap:15px;padding:12px 20px}#ms-adventure-scoped .step-num-icon{align-items:center;background:var(--neon-cyan);border-radius:50%;color:#0f172a;display:flex;flex-shrink:0;font-weight:800;height:35px;justify-content:center;width:35px}#ms-adventure-scoped .step-text{color:#fff;font-size:.95rem}#ms-adventure-scoped .step-text strong{color:var(--neon-cyan)}#ms-adventure-scoped .rules-footer{display:flex;justify-content:center;margin-top:40px}#ms-adventure-scoped .btn-mission-start{background:linear-gradient(135deg,#1e3a8a,#0ea5e9);border:2px solid #00f2ff;border-radius:50px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:800;padding:15px 60px;transition:.3s}#ms-adventure-scoped .btn-mission-start:hover{box-shadow:0 0 25px #00f2ff80;transform:scale(1.05)}#ms-adventure-scoped .game-hud-v2{border:2px solid #00f2ff;border-radius:50px;margin:10px auto;padding:15px 40px;width:95%;z-index:10}#ms-adventure-scoped .hud-stat{font-size:1.5rem;font-weight:800;margin:0 15px}#ms-adventure-scoped .timer-pill{border:2px solid #fbbf24;border-radius:30px;font-size:1.8rem;padding:8px 30px}#ms-adventure-scoped .merge-battle-v2{border-radius:40px;box-shadow:0 20px 50px #00000080;margin:50px auto;max-width:800px;padding:40px;text-align:center}#ms-adventure-scoped .compare-arena{align-items:center;display:flex;gap:30px;justify-content:center;margin:40px 0}#ms-adventure-scoped .crystal-slot{align-items:center;background:#ffffff1a;border:3px solid #fff;border-radius:20px;display:flex;flex-direction:column;height:150px;justify-content:center;width:120px}#ms-adventure-scoped .crystal-slot.reveal .slot-val{color:#fbbf24;font-size:3rem;text-shadow:0 0 15px #fbbf2499}#ms-adventure-scoped .slot-val{color:#0000;font-size:3rem}#ms-adventure-scoped .vs-emblem{color:#ff4757;font-size:2.5rem;font-style:italic;font-weight:900;text-shadow:0 0 10px #ff4757}#ms-adventure-scoped .btn-action{border:none;border-radius:15px;cursor:pointer;font-weight:700;padding:15px 25px;transition:.3s}#ms-adventure-scoped .btn-compare-v2{background:linear-gradient(135deg,#fbbf24,#d97706);border:3px solid #fff;border-radius:50px;color:#000;cursor:pointer;font-weight:900;margin:0 20px;padding:15px 40px}#ms-adventure-scoped .tree-exploration{display:flex;justify-content:center;overflow-x:auto;padding:40px}#ms-adventure-scoped .game-hud-v2{align-items:center;background:#0f172aeb;border:1.5px solid #00f2ff80;box-shadow:0 4px 15px #0006;display:flex;justify-content:space-between;margin:5px auto;max-width:850px;padding:8px 25px}#ms-adventure-scoped .hud-stat{align-items:center;color:#fff;display:flex;font-size:1.1rem;font-weight:700;gap:8px}#ms-adventure-scoped .score-number{color:#fbbf24}#ms-adventure-scoped .timer-pill{background:#000;border:1px solid #fbbf2480;border-radius:12px;color:#fbbf24;font-family:Courier New,monospace;font-size:1.3rem;padding:4px 15px}#ms-adventure-scoped .mode-indicator{line-height:1.2;text-align:right}#ms-adventure-scoped .mode-indicator small{color:#94a3b8;display:block;font-size:.75rem}#ms-adventure-scoped .mode-indicator strong{color:#00f2ff;font-size:.95rem}#ms-adventure-scoped .urgent{animation:pulse-red 1s infinite;border-color:#ff4757;color:#ff4757}@keyframes pulse-red{0%{opacity:1}50%{opacity:.7}to{opacity:1}}#ms-adventure-scoped .instruction-crystal-wrapper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid #fff3;border-radius:25px;margin:15px auto;max-width:650px;overflow:hidden;padding:14px 40px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:10}#ms-adventure-scoped .instruction-crystal-wrapper.action{background:#1e3a8af2;border-color:#60a5fa;box-shadow:0 0 20px #60a5fa66}#ms-adventure-scoped .instruction-crystal-wrapper.alert{background:#451a03f2;border-color:#fbbf24;box-shadow:0 0 25px #fbbf2480;transform:scale(1.05)}#ms-adventure-scoped .instruction-inner{align-items:center;display:flex;gap:15px;justify-content:center}#ms-adventure-scoped .mood-icon{font-size:1.5rem}#ms-adventure-scoped .instruction-text{color:#fff;font-size:1.2rem;font-weight:800;margin:0;text-align:center;text-shadow:0 2px 5px #000000b3}#ms-adventure-scoped .crystal-shimmer{animation:shine-sweep 5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);height:100%;left:-100%;position:absolute;top:0;transform:skewX(-30deg);width:50%}@keyframes shine-sweep{0%{left:-100%}25%{left:150%}to{left:150%}}#ms-adventure-scoped .gameplay-container{align-items:center;display:flex;flex-direction:column;gap:20px;min-height:100vh;padding:20px}#ms-adventure-scoped .game-hud-v2{background:#0f172ae6;border:1px solid #00f2ff;border-radius:20px;max-width:800px;padding:10px 30px;position:relative;width:90%}#ms-adventure-scoped .instruction-master-v2{background:#0f172ad9;border:2px solid #00f2ff;border-radius:15px;color:#fff;font-weight:700;max-width:600px;padding:12px 25px;text-align:center;width:100%}#ms-adventure-scoped .instruction-master-v2.alert{background:#451a03e6;border-color:#fbbf24}#ms-adventure-scoped .instruction-master-v2.success{border-color:#10b981}#ms-adventure-scoped .main-workspace-v2{align-items:flex-start;display:flex;flex-grow:1;justify-content:center;width:100%}#ms-adventure-scoped .battle-crystal-frame{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172ae6;border:4px solid #fff;border-radius:40px;box-shadow:0 0 30px #00f2ff66;display:flex;flex-direction:column;margin:0 auto;max-width:950px;padding:40px;width:95%}#ms-adventure-scoped .comparison-row{align-items:center;display:flex;gap:70px;justify-content:center;margin-bottom:50px}#ms-adventure-scoped .crystal-node-pro.hide .number-val{filter:blur(20px);opacity:0;transform:scale(.6)}#ms-adventure-scoped .crystal-node-pro.hide:before{color:#ffffff26;content:"？";font-size:4rem;font-weight:900;position:absolute;z-index:2}#ms-adventure-scoped .crystal-node-pro.reveal .number-val{color:#fbbf24;filter:blur(0);font-size:4rem;font-weight:900;opacity:1;text-shadow:0 0 20px #fbbf24cc;transform:scale(1)}#ms-adventure-scoped .btn-compare-gem-main{background:linear-gradient(135deg,#fbbf24,#d97706);border:4px solid #fff;border-radius:60px;box-shadow:0 10px 30px #fbbf2480;color:#0f172a;cursor:pointer;font-size:1.5rem;font-weight:900;overflow:hidden;padding:15px 70px;position:relative;transition:.3s cubic-bezier(.175,.885,.32,1.275)}#ms-adventure-scoped .btn-compare-gem-main:hover{box-shadow:0 15px 45px #fbbf24b3;transform:scale(1.1) translateY(-5px)}#ms-adventure-scoped .btn-gem{background:#ffffff1a;border:2px solid #00f2ff80;border-radius:20px;color:#fff;cursor:pointer;font-weight:700;padding:15px 35px;transition:.3s}#ms-adventure-scoped .btn-gem:hover:not(:disabled){background:#00f2ff33;box-shadow:0 0 15px #00f2ff80}#ms-adventure-scoped .persistent-output-tray{align-items:center;background:#0006;border:1px solid #fff3;border-radius:25px;display:flex;gap:25px;margin-top:40px;padding:25px 35px;width:100%}#ms-adventure-scoped .output-crystal{animation:slideInUp .5s ease-out;background:linear-gradient(135deg,#0ea5e9,#2563eb);border:1px solid #fff;border-radius:12px;box-shadow:0 5px 15px #00f2ff66;color:#fff;font-size:1.4rem;font-weight:800;padding:8px 22px}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gameplay-container{align-items:center;background-position:50%;background-size:cover;display:flex;flex-direction:column;min-height:100vh;padding:20px;position:relative}.snow-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(circle at 20% 30%,#ffffff26,#0000 40%),radial-gradient(circle at 80% 70%,#ffffff1f,#0000 40%)}.ambient-glow,.snow-overlay{inset:0;pointer-events:none;position:absolute}.ambient-glow{background:linear-gradient(180deg,#0a142866,#000000b3)}.glass-dark-pro{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#141e3c99;border:1px solid #ffffff26;border-radius:16px;box-shadow:0 10px 30px #00000080,inset 0 0 20px #ffffff0d}.glass-dark{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0f23b3;border:1px solid #ffffff1a;border-radius:12px}.game-hud-v2{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px;max-width:900px;padding:10px 20px;width:100%}.hud-left,.hud-right{gap:14px}.hud-left,.hud-right,.hud-stat{align-items:center;display:flex}.hud-stat{font-size:18px;font-weight:600;gap:6px}.gold-text{color:#ffd86b}.timer-pill{background:#0b1c3a;border:1px solid #fff3;border-radius:30px;box-shadow:0 0 10px #00c8ff66;color:#fff;font-weight:600;padding:6px 18px}.timer-pill.urgent{animation:pulseDanger 1s infinite;background:#3a0000}@keyframes pulseDanger{0%{box-shadow:0 0 8px red}50%{box-shadow:0 0 20px red}to{box-shadow:0 0 8px red}}.instruction-master-v2{background:#1e325aa6;border:1px solid #ffffff26;border-radius:14px;margin-bottom:25px;max-width:700px;overflow:hidden;padding:14px 22px;position:relative;text-align:center;width:100%}.instruction-master-v2.action{box-shadow:0 0 20px #00ffff80}.instruction-master-v2.calm{box-shadow:0 0 14px #b4dcff66}.instruction-text{color:#fff;font-size:16px;font-weight:500}.mood-icon{margin-right:6px}.battle-crystal-frame{display:flex;flex-direction:column;gap:20px;max-width:850px;padding:25px;width:100%}.comparison-row{gap:40px}.comparison-row,.crystal-node-pro{align-items:center;display:flex;justify-content:center}.crystal-node-pro{background:linear-gradient(145deg,#1f3b75,#091a3a);border-radius:16px;box-shadow:inset 0 0 15px #ffffff1a,0 0 15px #00c8ff66;color:#fff;flex-direction:column;font-size:28px;font-weight:700;height:110px;transition:.3s;width:110px}.crystal-node-pro.hide{filter:blur(4px);opacity:.6}.crystal-node-pro.reveal{transform:scale(1.05)}.label{font-size:12px;opacity:.7}.vs-emblem-neon{color:#00eaff;font-size:28px;font-weight:800;text-shadow:0 0 6px #00eaff,0 0 12px #00eaff,0 0 20px #09f}.control-action-panel{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.btn-gem{border:none;border-radius:10px;cursor:pointer;font-weight:600;padding:10px 18px;transition:.2s}.btn-gem:hover{transform:translateY(-2px)}.pick-left{background:#2040a8;color:#fff}.pick-right{background:#7a2da8;color:#fff}.btn-compare-gem-main{background:linear-gradient(120deg,#00d2ff,#3a7bd5);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:700;overflow:hidden;padding:10px 24px;position:relative}.shine-sweep{animation:shine 2.5s infinite;background:linear-gradient(120deg,#0000,#fff6,#0000);inset:0;position:absolute;transform:translateX(-100%)}@keyframes shine{to{transform:translateX(200%)}}.output-sequence-stable{border-radius:12px;padding:14px}.tray-info{font-size:14px;opacity:.8}.sequence-container-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.output-crystal-pill{background:#1a3f7c;border-radius:8px;box-shadow:0 0 8px #00c8ff80;color:#fff;font-weight:600;padding:6px 12px}.fade-in{animation:fadeIn .5s ease}.fade-in-pop{animation:pop .3s ease}@keyframes pop{0%{transform:scale(.6)}to{transform:scale(1)}}.tree-exploration-v2{position:relative}.tree-exploration-v2 :after,.tree-exploration-v2 :before{display:none!important}.fail-scene{align-items:center;display:flex;justify-content:center;min-height:100vh;position:relative}.fail-overlay{background:radial-gradient(circle,#0000004d,#000c);inset:0;position:absolute}.fail-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;box-shadow:0 20px 40px #0009,inset 0 0 20px #ffffff14;padding:40px;position:relative;text-align:center;width:420px}.fail-icon{animation:shake 1.5s infinite;font-size:60px;margin-bottom:10px}.fail-title{color:#ff5a5a;font-size:34px;font-weight:800;margin-bottom:10px;text-shadow:0 0 10px #ff3232b3,0 0 20px #ff000080}.fail-desc{color:#d9e6ff;font-size:15px;line-height:1.6;margin-bottom:20px}.fail-stats{border-radius:10px;display:flex;justify-content:space-around;margin-bottom:25px;padding:12px}.f-stat{font-size:14px;text-align:center}.f-stat span{display:block;font-size:20px;font-weight:700;margin-top:4px}.fail-actions{display:flex;flex-direction:column;gap:12px}.btn-retry{background:linear-gradient(120deg,#ff7b7b,#ff2e2e);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:.2s}.btn-retry:hover{box-shadow:0 6px 14px #ff000080;transform:translateY(-2px)}.btn-map{background:#1f3a6d;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:10px}.btn-map:hover{background:#2a4c8a}@keyframes shake{0%{transform:rotate(0deg)}25%{transform:rotate(5deg)}50%{transform:rotate(-5deg)}75%{transform:rotate(3deg)}to{transform:rotate(0deg)}}.result-overlay{background:radial-gradient(circle,#0003,#000000bf)}.result-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;box-shadow:0 20px 40px #0009,inset 0 0 20px #ffffff1a;padding:40px;width:420px}.result-icon{animation:floatTrophy 2s ease-in-out infinite;font-size:64px}.result-title{color:#ffd86b;font-size:32px;text-shadow:0 0 10px #ffd700b3,0 0 20px #ffb40080}.result-sub{color:#dfeaff;font-size:15px;margin-bottom:20px}.result-stats{border-radius:10px;display:flex;justify-content:space-around;margin-bottom:25px;padding:12px}.r-stat{font-size:14px;text-align:center}.r-stat span{display:block;font-size:20px;font-weight:700;margin-top:4px}.result-actions{display:flex;justify-content:center}.next-btn{background:linear-gradient(120deg,#00c6ff,#0072ff);border-radius:10px;font-size:16px;padding:12px 22px;transition:.2s}.next-btn:hover{box-shadow:0 6px 14px #0096ff99;transform:translateY(-2px)}.result-scene{align-items:center;background-position:50%;background-size:cover;display:flex;justify-content:center;min-height:100vh;position:relative}.result-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;inset:0;position:absolute}.result-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1f;border:2px solid #ffffff59;border-radius:35px;box-shadow:0 20px 60px #00000073,inset 0 0 25px #ffffff26;margin-top:-90px;padding:55px 50px;position:relative;text-align:center;width:520px;z-index:2}.result-icon{font-size:55px;margin-bottom:10px}.result-title{color:#fff6b0;font-size:34px;font-weight:800;margin-bottom:10px;text-shadow:0 0 10px #ffe664b3,0 0 20px #ffdc5080}.result-sub{color:#e6f6ff;margin-bottom:30px;opacity:.9}.final-avatar{align-items:center;border:6px solid #ffd94c;border-radius:50%;box-shadow:0 0 20px #ffdc50cc,0 0 40px #ffdc5080;display:flex;height:120px;justify-content:center;margin:0 auto 25px;width:120px}.final-avatar img{width:85px}.final-score{color:#fff;font-size:72px;font-weight:900;letter-spacing:3px;margin-bottom:8px;text-shadow:0 0 12px #ffffffe6,0 0 30px #b4dcffb3}.result-desc{color:#d6e8ff;margin-bottom:35px;opacity:.9}.next-btn{background:linear-gradient(90deg,#21d4fd,#2a7fff);border:none;border-radius:50px;box-shadow:0 8px 18px #0000004d,0 0 15px #32b4ff80;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:16px 35px;transition:all .25s ease}.next-btn:hover{box-shadow:0 12px 25px #00000073,0 0 20px #32c8ffe6;transform:translateY(-3px) scale(1.05)}.fade-in{animation:fadeIn .6s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){#ms-adventure-scoped .level-highway-pro{-webkit-overflow-scrolling:touch;display:block!important;overflow-x:auto!important;padding:100px 0 60px!important;width:100%!important}#ms-adventure-scoped .nodes-flex-row{display:flex!important;gap:60px!important;justify-content:flex-start!important;padding:0 80px!important;width:-webkit-max-content!important;width:max-content!important}#ms-adventure-scoped .mission-point-wrapper{flex-shrink:0!important;width:200px!important}#ms-adventure-scoped .giant-circle-btn{font-size:1.8rem!important;height:80px!important;width:80px!important}}@media screen and (max-width:768px){#ms-adventure-scoped .title{font-size:1.8rem!important;letter-spacing:1px!important;margin:20px auto!important;padding:8px 20px!important}#ms-adventure-scoped .char-grid{align-items:center!important;display:flex!important;flex-direction:column!important;gap:20px!important;width:100%!important}#ms-adventure-scoped .char-tablet{height:auto!important;margin-top:0!important;max-width:280px;width:90%!important}#ms-adventure-scoped .level-highway-pro{-webkit-overflow-scrolling:touch;display:block!important;overflow-x:auto!important;padding:100px 0 50px!important;width:100%!important}#ms-adventure-scoped .nodes-flex-row{display:flex!important;gap:50px!important;min-width:700px!important;padding:0 60px!important;width:-webkit-max-content!important;width:max-content!important}#ms-adventure-scoped .mission-point-wrapper{flex:0 0 180px!important}#ms-adventure-scoped .game-hud-v2{flex-direction:column!important;gap:10px!important;padding:10px 15px!important;width:95%!important}#ms-adventure-scoped .battle-crystal-frame{padding:15px!important;width:98%!important}#ms-adventure-scoped .comparison-row{gap:20px!important}#ms-adventure-scoped .crystal-node-pro{font-size:1.8rem!important;height:80px!important;width:80px!important}#ms-adventure-scoped .control-action-panel{grid-gap:10px!important;display:grid!important;gap:10px!important;grid-template-columns:1fr 1fr!important;width:100%!important}#ms-adventure-scoped .btn-compare-gem-main,#ms-adventure-scoped .btn-gem{font-size:.9rem!important;margin:0!important;padding:12px 5px!important;width:100%!important}#ms-adventure-scoped .btn-compare-gem-main{grid-column:span 2}#ms-adventure-scoped .tree-exploration-v2{overflow-x:auto!important;padding-bottom:20px;width:100%!important}#ms-adventure-scoped .level-highway-pro,#ms-adventure-scoped .map-path-container{-webkit-overflow-scrolling:touch;display:block!important;overflow-x:auto!important;padding:100px 0 60px!important;width:100vw!important}#ms-adventure-scoped .nodes-flex-row{display:flex!important;gap:40px!important;min-width:850px!important;padding:0 50px!important;width:-webkit-max-content!important;width:max-content!important}#ms-adventure-scoped .mission-point-wrapper{flex:0 0 220px!important}#ms-adventure-scoped .title,.pretest-hero .pretest-title,.test-hero .test-title{font-size:2rem!important;line-height:1.2!important;margin-top:10px!important;white-space:normal!important}.nav-menu .dropdown-list{background:#0000000d!important;box-shadow:none!important;display:none;position:static!important;transform:none!important;width:100%!important}.nav-item-dropdown:hover .dropdown-list{display:block!important}.nav-menu{gap:5px!important;justify-content:flex-start!important;padding:80px 20px!important}body,html{max-width:100%!important;overflow-x:hidden!important}#ms-adventure-scoped .mission-map-pro{height:auto!important;padding:40px 10px!important;width:100%!important}#ms-adventure-scoped .level-highway-pro{display:block!important;height:auto!important;overflow-x:visible!important;padding:20px 0!important;width:100%!important}#ms-adventure-scoped .nodes-flex-row{align-items:center!important;flex-direction:column!important;gap:120px!important;min-width:0!important;min-width:auto!important;padding:60px 0!important;width:100%!important}#ms-adventure-scoped .highway-line-pro{height:80%!important;left:50%!important;top:10%!important;transform:translateX(-50%)!important;width:6px!important}#ms-adventure-scoped .mission-point-wrapper{flex:none!important;position:relative;width:100%!important}#ms-adventure-scoped .avatar-pointer{bottom:auto!important;top:-65px!important;z-index:10}#ms-adventure-scoped .title,.pretest-hero .pretest-title,.test-hero .test-title{font-size:1.6rem!important;margin:10px 0!important;text-shadow:0 2px 5px #0000004d!important;white-space:nowrap!important}#ms-adventure-scoped .node-info-pill{margin-top:15px!important;position:relative;width:180px!important;z-index:5}.tree-exploration-v2{-webkit-overflow-scrolling:touch;display:block!important;overflow-x:auto!important;padding:40px 20px!important;width:100vw!important}.tree-node-wrapper{align-items:center;display:flex;flex-direction:column;min-width:-webkit-max-content!important;min-width:max-content!important}.lesson-detail-hero,.pretest-hero,.test-hero{height:auto!important;margin-top:0!important;min-height:140px!important;padding:60px 15px 20px!important}.hero-main-title,.hero-title,.pretest-title,.test-title{display:block!important;font-size:1.8rem!important;line-height:1.1!important;margin:5px 0!important;width:100%!important}.hero-sub,.lesson-hero-sub,.pretest-subtitle{font-size:1rem!important;margin-bottom:5px!important;opacity:.9}.node-box{font-size:.9rem!important;min-width:40px!important;padding:8px 12px!important}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.lesson-detail-video{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(90deg,#0098e280,#00a3b180);border:2px solid #fff6;border-radius:25px;box-shadow:0 15px 35px #0098e233;color:#fff;margin-top:60px;padding:50px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.lesson-detail-video:hover{box-shadow:0 20px 40px #0098e24d;transform:translateY(-5px)}.lesson-detail-video h3{font-size:2.2rem;font-weight:800;margin-bottom:15px;text-shadow:0 2px 10px #00000026}
/*# sourceMappingURL=main.78168058.css.map*/