.auth-page{background:radial-gradient(circle at -4% 4%,rgba(20,85,244,.08) 0 130px,transparent 132px),radial-gradient(circle at 100% 100%,rgba(20,85,244,.08) 0 180px,transparent 182px),linear-gradient(135deg,#f7fbff,#fff 52%,#f5f9ff);color:var(--ink);min-height:100vh}.auth-nav{align-items:center;background:hsla(0,0%,100%,.92);border-bottom:1px solid #e1e8f4;display:grid;grid-gap:28px;gap:28px;grid-template-columns:auto auto minmax(300px,560px) auto auto;min-height:68px;padding:0 38px}.auth-nav nav{display:flex;gap:34px}.auth-nav a{color:var(--ink);font-weight:500;text-decoration:none}.auth-search{align-items:center;background:#f8faff;border:1px solid #dce4f1;border-radius:10px;color:#7b88a4;display:flex;gap:12px;height:44px;padding:0 16px}.auth-search input{background:transparent;border:0;outline:0;width:100%}.auth-login,.auth-submit{background:#0956ff;border:0;border-radius:9px;color:#fff!important;box-shadow:0 16px 34px rgba(9,86,255,.28);font-weight:600;padding:13px 24px}.auth-grid-page{align-items:center;display:grid;grid-gap:70px;gap:70px;margin:0 auto;max-width:1260px;min-height:calc(100vh - 68px);padding:54px 34px}.register-grid{grid-template-columns:520px 1fr}.login-grid{grid-template-columns:1fr 540px}.auth-card{background:#fff;border:1px solid #e3e9f4;border-radius:22px;box-shadow:0 24px 70px rgba(15,23,42,.08);padding:48px 46px}.auth-card h1,.auth-showcase h1,.login-copy h1{font-size:clamp(38px,4vw,56px);line-height:1.08;margin:0;font-weight:500}.auth-card>p,.auth-showcase>p,.login-copy>p{color:#52607a;font-size:20px;line-height:1.6;margin:14px 0 34px}.auth-card{text-align:center}.auth-field,.auth-form,.role-section{display:grid;grid-gap:12px;gap:12px;text-align:left}.role-section{margin-bottom:24px}.role-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.role-card{align-content:center;background:#fff;border:1px solid #dce4f1;border-radius:10px;color:var(--ink);display:grid;grid-gap:10px;gap:10px;min-height:110px;padding:12px;position:relative}.role-card.active{border-color:#0956ff;box-shadow:inset 0 0 0 1px #0956ff;color:#0956ff}.check-dot{align-items:center;background:#0956ff;border-radius:999px;color:#fff;display:flex;height:24px;justify-content:center;position:absolute;right:8px;top:8px;width:24px}.auth-field span{font-weight:500}.signup-identity-switch{background:#f4f7ff;border:1px solid #dce4f1;border-radius:12px;grid-gap:6px;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr));padding:5px}.signup-identity-switch button{border-radius:9px;display:inline-flex;font:inherit;font-weight:700;gap:7px;padding:8px 10px}.signup-identity-switch button.active{box-shadow:0 8px 20px rgba(15,23,42,.08)}.signup-identity-switch svg{flex:0 0 auto}.field-box{align-items:center;border:1px solid #dce4f1;border-radius:10px;display:flex;gap:12px;min-height:54px;padding:0 14px}.field-box svg{color:#7b88a4;flex:0 0 auto}.field-box input,.field-box select{background:transparent;border:0;color:var(--ink);flex:1 1;min-width:0;outline:0}.field-box button{background:transparent;border:0;color:#7b88a4;display:inline-flex}.forgot-link{color:#0956ff;font-weight:500;justify-self:end;text-decoration:none}.auth-submit{min-height:58px;width:100%}.divider{align-items:center;color:#7b88a4;display:flex;gap:16px;margin:22px 0}.divider:after,.divider:before{background:#dce4f1;content:"";flex:1 1;height:1px}.google-button{align-items:center;background:#fff;border:1px solid #0956ff;border-radius:10px;color:var(--ink);display:flex;font-weight:500;gap:16px;justify-content:center;min-height:56px;width:100%}.admin-dev-button{background:#0f172a;border:1px solid #0f172a;border-radius:10px;color:#fff;font-weight:600;margin-top:12px;min-height:52px;width:100%}.admin-dev-button:disabled{cursor:wait;opacity:.75}.google-mark{color:#e94235;font-size:26px;font-weight:600}.switch-auth{color:#52607a;font-size:18px;margin:24px 0 0}.policy-note a,.switch-auth a{color:#0956ff;font-weight:500;text-decoration:none}.auth-showcase,.login-copy{min-width:0}.path-card{background:hsla(0,0%,100%,.86);border:1px solid #e3e9f4;border-radius:20px;box-shadow:0 26px 70px rgba(15,23,42,.1);display:grid;grid-gap:20px;gap:20px;margin-top:34px;padding:28px}.course-strip{align-items:center;background:#f8fbff;border:1px solid #e3e9f4;border-radius:14px;display:grid;grid-gap:18px;gap:18px;grid-template-columns:auto 1fr auto;padding:16px}.book-badge{align-items:center;background:#e7f0ff;border-radius:999px;color:#1f6bff;display:flex;height:86px;justify-content:center;width:86px}.course-strip h2,.course-strip p,.metric-card span,.metric-card strong,.momentum h3,.momentum p{margin:0}.course-strip strong{align-items:center;border:8px solid #2bc58f;border-left-color:#e0e8f4;border-radius:999px;display:grid;height:92px;justify-items:center;padding-top:18px;width:92px}.course-strip small{color:#52607a;font-size:10px}.mini-progress{background:#dfe7f2;border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.mini-progress span{background:#0956ff;display:block;height:100%;width:72%}.metric-row{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{background:#fff;border:1px solid #e3e9f4;border-radius:12px;display:grid;grid-gap:10px;gap:10px;padding:18px}.metric-card strong{font-size:26px}.metric-card small{color:#52607a;font-size:14px}.momentum{align-items:center;background:#eaf3ff;border-radius:12px;display:flex;gap:18px;padding:18px}.momentum svg{color:#f5b51b;flex:0 0 auto}.benefit-row{display:grid;grid-gap:22px;gap:22px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:34px}.benefit-item{display:grid;grid-gap:8px;gap:8px;grid-template-columns:58px 1fr}.benefit-item div{align-items:center;background:#eaf3ff;border-radius:999px;color:#0956ff;display:flex;grid-row:span 2;height:58px;justify-content:center;width:58px}.benefit-item:nth-child(2) div{background:#f1eaff;color:#7c4dff}.benefit-item:nth-child(3) div{background:#ffeaf1;color:#f0447a}.benefit-item h3,.benefit-item p{margin:0}.benefit-item p{color:#52607a;line-height:1.5}.login-copy h1{max-width:560px}.feature-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:34px;max-width:620px}.login-feature{align-items:center;border-radius:16px;display:grid;grid-gap:18px;gap:18px;grid-template-columns:82px 1fr;min-height:154px;padding:22px}.login-feature.blue{background:#eaf3ff}.login-feature.violet{background:#f1eaff}.login-feature.yellow{background:#fff4d9}.login-feature.pink{background:#ffeaf1}.login-feature svg{background:#fff;border-radius:14px;box-shadow:0 12px 30px rgba(15,23,42,.12);color:#0956ff;height:78px;padding:14px;width:78px}.login-feature h2,.login-feature p{margin:0}.login-feature h2{color:#0956ff;font-size:20px}.login-feature p{color:#52607a;line-height:1.45}.policy-note{color:#52607a;font-size:16px;line-height:1.7;margin:26px auto 0;max-width:480px;text-align:center}.auth-message{background:#fff2f2;border:1px solid #ffc9c9;border-radius:10px;color:#d92d20;font-size:14px;font-weight:700;margin:0;padding:10px 12px}.auth-submit:disabled{cursor:wait;opacity:.72}.password-reset-page{align-items:center;background:#f5f8ff;display:flex;justify-content:center;min-height:calc(100vh - 72px);padding:48px 20px}.password-reset-card{max-width:520px;width:100%}.password-reset-icon{align-items:center;background:#e9f0ff;border-radius:8px;color:#0956ff;display:inline-flex;height:52px;justify-content:center;margin-bottom:16px;width:52px}.password-reset-card .password-reset-step{color:#0956ff;font-size:14px;font-weight:700;margin:0 0 8px}.password-reset-card h1{font-size:34px}.password-reset-card>p:not(.password-reset-step):not(.auth-message):not(.password-reset-help){font-size:16px;margin-bottom:26px}.password-reset-resend{background:transparent;border:0;color:#0956ff;font-weight:700;justify-self:end;padding:2px 0}.password-reset-resend:disabled{color:#7b88a4}.auth-message-success{background:#ecfdf3;border-color:#abefc6;color:#067647;margin-top:16px}.password-reset-help{color:#52607a;font-size:14px;margin:14px 0 0}.password-reset-help a{color:#0956ff;font-weight:700}.password-reset-legacy{background:#f8fafc;border:1px solid #dce4f1;border-radius:8px;display:grid;grid-gap:6px;gap:6px;margin-top:20px;padding:14px;text-align:left}.password-reset-legacy span{color:#52607a;font-size:14px}.password-reset-legacy a{align-items:center;color:#0956ff;display:inline-flex;font-weight:700;gap:7px;margin-top:4px;text-decoration:none}.password-reset-result{text-align:center}.password-reset-result .password-reset-icon.success{background:#ecfdf3;color:#067647}.password-reset-result .password-reset-icon.error{background:#fff2f2;color:#d92d20}.password-reset-result .password-reset-icon.loading svg{animation:auth-spin 1s linear infinite}.password-reset-result-link{align-items:center;display:flex;justify-content:center;margin-top:20px;text-decoration:none}@keyframes auth-spin{to{transform:rotate(1turn)}}.password-reset-back{align-items:center;color:#344054;display:inline-flex;font-weight:600;gap:7px;margin-top:24px;text-decoration:none}@media (max-width:980px){.auth-nav{grid-template-columns:1fr auto auto}.auth-nav nav,.auth-search{display:none}.login-grid,.register-grid{gap:34px;grid-template-columns:1fr}.login-grid>div{order:1}.login-copy{order:2}.auth-card{justify-self:center;max-width:560px;width:100%}}@media (max-width:760px){.auth-nav{gap:14px;padding:0 16px}.auth-login{padding:11px 14px}.auth-grid-page{padding:30px 16px}.auth-card{padding:30px 22px}.password-reset-page{align-items:flex-start;min-height:calc(100vh - 64px);padding:24px 16px}.password-reset-card h1{font-size:30px}.benefit-row,.course-strip,.feature-grid,.metric-row,.role-grid{grid-template-columns:1fr}.login-feature{grid-template-columns:70px 1fr}.login-grid{display:flex;flex-direction:column;gap:18px}.login-copy{display:grid;grid-gap:12px;gap:12px;order:2}.login-copy h1{order:1}.login-copy>p{order:2;margin-bottom:4px}.login-grid>div{order:1}.login-copy .feature-grid{order:4;margin-top:10px}}.auth-zalo-support{align-items:center;background:linear-gradient(135deg,#f7fbff,#eef8ff);border:1px solid #b9ddff;border-radius:11px;color:#075985;display:flex;gap:11px;min-height:58px;padding:8px 12px;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;width:100%}.auth-zalo-support:focus-visible,.auth-zalo-support:hover{border-color:#38a8f8;box-shadow:0 10px 26px rgba(14,165,233,.14);outline:none;transform:translateY(-1px)}.auth-zalo-support-icon{align-items:center;background:#fff;border:1px solid #d8efff;border-radius:10px;display:flex;flex:0 0 auto;height:40px;justify-content:center;width:40px}.auth-zalo-support-copy{display:grid;flex:1 1;grid-gap:2px;gap:2px;min-width:0}.auth-zalo-support-copy strong{color:#075985;font-size:14px;line-height:1.3}.auth-zalo-support-copy small{color:#52738c;font-size:12px;line-height:1.35}.auth-zalo-support>svg{color:#0ea5e9;flex:0 0 auto}@media (max-width:760px){.auth-zalo-support{gap:9px;min-height:56px;padding:7px 10px}.auth-zalo-support-icon{height:36px;width:36px}.auth-zalo-support-copy strong{font-size:13px}.auth-zalo-support-copy small{font-size:11px}}.signup-layout{align-items:stretch;display:grid;grid-gap:24px;gap:24px;grid-template-columns:minmax(390px,500px) minmax(420px,1fr);margin:0 auto;max-width:1320px;min-height:calc(100vh - 68px);padding:28px 24px 44px}.signup-card,.signup-hero{background:hsla(0,0%,100%,.94);border:1px solid #e2e9f4;border-radius:22px;box-shadow:0 24px 70px rgba(15,23,42,.08)}.signup-card{align-self:center;padding:34px 42px 26px}.signup-card h1,.signup-hero h1{color:#071433;font-size:clamp(34px,3.6vw,48px);font-weight:500;line-height:1.08;margin:0;text-align:center}.signup-card>p,.signup-hero>p{color:#52607a;font-size:16px;line-height:1.6;margin:12px 0 24px;text-align:center}.signup-form{display:grid;grid-gap:14px;gap:14px}.signup-identity-switch{background:#f1f4f9;border:1px solid #d8e1ef;border-radius:8px;display:grid;grid-gap:4px;gap:4px;grid-template-columns:1fr 1fr;padding:4px}.signup-identity-switch button{align-items:center;background:transparent;border:0;border-radius:6px;color:#52607a;display:flex;font-weight:600;gap:8px;justify-content:center;min-height:38px}.signup-identity-switch button.active{background:#fff;box-shadow:0 2px 8px rgba(15,23,42,.08);color:#0956ff}.signup-field{color:#071433;display:grid;font-weight:500;grid-gap:8px;gap:8px}.signup-field div{align-items:center;border:1px solid #d8e1ef;border-radius:9px;display:flex;gap:12px;min-height:44px;padding:0 13px}.signup-field div.invalid{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.signup-field input,.signup-field select{background:transparent;border:0;color:#071433;flex:1 1;min-width:0;outline:0}.signup-field select{cursor:pointer}.signup-field div>button{align-items:center;background:transparent;border:0;cursor:pointer;display:inline-flex;padding:0}.birth-field{position:relative}.birth-selects{gap:8px}.birth-field div button{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;padding:0}.birth-field input[type=date]::-webkit-calendar-picker-indicator{display:none}.field-error{color:#dc2626;font-size:12px;font-weight:600}.signup-submit{background:#0956ff;border:0;border-radius:9px;box-shadow:0 14px 34px rgba(9,86,255,.25);color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-height:48px}.signup-submit:disabled{cursor:wait;opacity:.72}.signup-verification-actions{display:grid;grid-gap:10px;gap:10px}.signup-resend{background:#fff;border:1px solid #0956ff;border-radius:9px;color:#0956ff;font-weight:600;min-height:44px}.signup-verification-error{color:#c4320a;font-size:14px;line-height:1.45;margin:0;text-align:center}.signup-divider{align-items:center;color:#7b88a4;display:flex;gap:20px;margin:18px 0 12px}.signup-divider:after,.signup-divider:before{background:#dce4f1;content:"";flex:1 1;height:1px}.signup-social{align-items:center;background:#fff;border:1px solid #d8e1ef;border-radius:9px;color:#071433;display:flex;font-weight:500;gap:14px;justify-content:center;margin-top:10px;min-height:45px;width:100%}.signup-social.facebook{border-color:#0956ff}.signup-switch{color:#52607a;font-size:17px;margin:20px 0 0;text-align:center}.signup-switch a{color:#0956ff;font-weight:500;text-decoration:none}.signup-hero{overflow:hidden;padding:36px 12px 14px;position:relative}.signup-hero h1{margin:0 auto;max-width:650px}.signup-hero h1 span{color:#0956ff}.signup-hero>p{font-size:19px;margin-left:auto;margin-right:auto;max-width:620px}.signup-illustration{background:linear-gradient(180deg,#fff,#f0f6ff);min-height:410px;position:relative}.hero-card,.hero-main,.sparkles{position:absolute;z-index:2}.sparkles{left:46%;opacity:.8;top:22px;transform:translateX(-50%);z-index:1}.hero-card.vocab{left:8%;top:42px;transform:rotate(-5deg)}.hero-card.progress{right:6%;top:78px;transform:rotate(5deg)}.hero-main.laptop{bottom:56px;left:42%;transform:translateX(-50%);width:min(220px,32vw)}.hero-main.books{bottom:36px;left:10%}.hero-main.trophy{bottom:78px;right:11%}.hero-main.shield{bottom:50px;right:23%}.hero-main.mug{bottom:38px;right:8%}.hero-main.plant{bottom:72px;left:8%}.signup-benefits{background:hsla(0,0%,100%,.92);border-radius:20px;display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin:-10px 10px 0;padding:22px 18px;position:relative;z-index:3}.signup-benefits article{display:grid;grid-gap:8px;gap:8px;justify-items:center;text-align:center}.signup-benefits h2,.signup-benefits p{margin:0}.signup-benefits h2{font-size:13px;font-weight:600}.signup-benefits p{color:#52607a;font-size:12px;line-height:1.45}@media (max-width:980px){.signup-layout{grid-template-columns:1fr}.signup-card{justify-self:center;max-width:560px;width:100%}}@media (max-width:720px){.signup-layout{padding:24px 14px}.signup-card{padding:28px 20px}.signup-benefits{grid-template-columns:1fr 1fr}.signup-illustration{min-height:330px}}.arena-page{background:radial-gradient(circle at 2% 13%,rgba(65,135,255,.08) 0 90px,transparent 92px),radial-gradient(circle at 98% 20%,rgba(65,135,255,.08) 0 70px,transparent 72px),linear-gradient(180deg,#f7fbff,#fff 52%,#f7fbff);color:#071433;min-height:100vh}.arena-nav{align-items:center;background:hsla(0,0%,100%,.94);border-bottom:1px solid #e2e9f5;display:grid;grid-gap:28px;gap:28px;grid-template-columns:auto auto minmax(320px,540px) auto auto;min-height:66px;padding:0 32px}.arena-nav nav{align-items:center;display:flex;gap:34px;height:66px}.arena-nav a{color:#071433;font-weight:700;text-decoration:none}.arena-nav nav a{align-items:center;display:flex;height:100%}.arena-nav nav a.active{border-bottom:3px solid #0956ff;color:#0956ff}.arena-search{align-items:center;background:#f8faff;border:1px solid #dbe3f1;border-radius:10px;color:#7a87a2;display:flex;gap:12px;height:40px;padding:0 14px}.arena-search input{background:transparent;border:0;outline:0;width:100%}.arena-login,.arena-primary{background:#0956ff;border-radius:9px;box-shadow:0 14px 34px rgba(9,86,255,.26);color:#fff!important;font-weight:800;padding:12px 24px}.arena-shell{margin:0 auto;max-width:1248px;padding:30px 24px 24px}.arena-hero{display:grid;grid-gap:28px;gap:28px;grid-template-columns:.78fr 1fr}.hero-copy h1{font-size:clamp(44px,5vw,64px);font-weight:800;letter-spacing:-.02em;line-height:1.08;margin:10px 0 14px}.hero-copy h1 span{color:#ffc400}.hero-copy p{color:#52607a;font-size:17px;font-weight:400;line-height:1.65;margin:0;max-width:500px}.arena-benefits article,.battle-mode-card,.hero-actions-row,.leader-heading,.leader-heading div,.reward-card header{align-items:center;display:flex}.hero-actions-row{gap:14px;margin:18px 0 20px}.arena-primary,.arena-secondary,.start-match{align-items:center;display:inline-flex;gap:10px;justify-content:center;min-height:46px;text-decoration:none}.arena-primary,.arena-secondary{min-width:220px}.arena-secondary{background:#fff;border:1px solid #dbe3f1;border-radius:9px;color:#071433;font-weight:800}.arena-benefits,.battle-mode-card,.leader-card,.quick-card,.rank-card,.reward-card,.step-strip{background:hsla(0,0%,100%,.9);border:1px solid #dfe7f4;border-radius:18px;box-shadow:0 18px 50px rgba(15,23,42,.06)}.step-strip{display:grid;grid-gap:0;gap:0;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;padding:10px}.arena-step{align-items:center;display:grid;grid-gap:10px;gap:10px;grid-template-columns:auto 1fr auto;padding:8px 10px}.arena-step strong{background:#eaf2ff;border-radius:999px;color:#0956ff;display:grid;height:36px;place-items:center;width:36px}.arena-step:nth-child(2) strong{background:#f2eaff;color:#7b3ff3}.arena-step:nth-child(3) strong{background:#e8fbef;color:#21b56b}.arena-step h3,.arena-step p{margin:0}.arena-step h3{font-size:14px;font-weight:700}.arena-step p{color:#52607a;font-size:12px}.rank-card{align-items:center;display:grid;grid-gap:12px 24px;gap:12px 24px;grid-template-columns:96px 1fr 1fr 1fr;margin-top:16px;padding:16px 18px}.rank-card strong{color:#6738ee;display:block;font-size:26px;font-weight:800}.rank-card small,.rank-card span{color:#52607a;font-size:12px}.rank-progress{background:#dfe6f1;border-radius:999px;grid-column:2/5;height:8px;overflow:hidden}.rank-progress span{background:linear-gradient(90deg,#7a37ff,#0a66ff);display:block;height:100%;width:82%}.rank-card small{grid-column:2/5;text-align:center}.leader-card{align-self:start;overflow:hidden;padding:22px 20px 16px}.leader-heading{justify-content:space-between;margin-bottom:4px}.leader-heading div{gap:12px}.leader-heading h2{font-size:22px;font-weight:700;margin:0}.leader-heading svg{color:#7b3ff3}.leader-heading span{background:#eadcff;border-radius:999px;color:#7b3ff3;font-size:13px;font-weight:700;padding:10px 16px}.leader-card img{height:auto;margin:8px auto 0;max-width:100%}.leader-card>a{align-items:center;border:1px solid #dfe7f4;border-radius:12px;color:#0956ff;display:flex;font-weight:800;gap:10px;justify-content:center;min-height:44px;text-decoration:none}.battle-mode-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr));margin:22px 4px 12px}.battle-mode-card{align-items:center;display:grid;grid-gap:16px;gap:16px;grid-template-columns:86px minmax(0,1fr);min-height:156px;overflow:hidden;padding:18px}.mode-icon{align-items:center;background:hsla(0,0%,100%,.58);border-radius:14px;display:flex;height:86px;justify-content:center;width:86px}.mode-icon svg{color:#0956ff}.battle-mode-card.orange .mode-icon svg{color:#f97316}.battle-mode-card.purple .mode-icon svg{color:#7b3ff3}.battle-mode-card.green .mode-icon svg{color:#16a35d}.battle-mode-card>div{display:grid;grid-gap:8px;gap:8px;min-width:0}.battle-mode-card h2,.battle-mode-card p{margin:0}.battle-mode-card h2{font-size:20px;font-weight:700;line-height:1.2}.battle-mode-card p{color:#52607a;font-size:15px;line-height:1.45}.battle-mode-card a{align-items:center;border:1px solid #d7e1ef;border-radius:10px;color:#0956ff;display:inline-flex;font-weight:800;gap:8px;justify-content:center;margin-top:2px;min-height:38px;min-width:0;text-decoration:none;width:100%}.battle-mode-card.blue{background:#edf6ff}.battle-mode-card.orange{background:#fff7eb}.battle-mode-card.purple{background:#f5f0ff}.battle-mode-card.green{background:#effcf6}.arena-lower{display:grid;grid-gap:24px;gap:24px;grid-template-columns:1fr 1fr;margin:12px 0 18px}.arena-brand{align-items:center;color:#0956ff!important;display:inline-flex;font-size:28px;gap:8px}.mode-icon img{height:auto;max-height:78px;max-width:78px;object-fit:contain}.quick-card,.reward-card{padding:22px 24px}.quick-card h2,.reward-card h2{align-items:center;display:flex;font-size:22px;font-weight:700;gap:10px;margin:0 0 14px}.quick-layout{align-items:center;display:grid;grid-template-columns:1fr 180px}.quick-group{display:grid;grid-gap:10px;gap:10px;margin-bottom:16px}.quick-group h3{color:#071433;font-size:15px;margin:0}.quick-group div{display:flex;flex-wrap:wrap;gap:12px}.quick-group button{background:#fff;border:1px solid #d8e2ef;border-radius:10px;color:#0956ff;font-weight:700;min-height:38px;min-width:112px}.quick-group button.selected{background:#eafbf1;border-color:#25bd70;color:#159452}.start-match{background:#0956ff;border-radius:10px;color:#fff;font-size:22px;font-weight:800;min-height:58px;width:100%}.reward-card header{justify-content:space-between}.reward-card header a{color:#0956ff;font-weight:800;text-decoration:none}.reward-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.reward-item{background:#fff;border:1px solid #e1e9f4;border-radius:12px;display:grid;grid-gap:5px;gap:5px;grid-template-columns:34px 1fr;min-height:88px;padding:12px}.reward-item strong{font-size:13px}.reward-item img{grid-row:1/4;height:auto;margin-top:2px;object-fit:contain}.reward-item span{color:#0956ff;font-weight:800}.reward-item small{color:#52607a}.arena-leader-list{display:grid;grid-gap:8px;gap:8px;margin:12px 0}.arena-leader-list div{align-items:center;background:#f8fbff;border:1px solid #dfe7f2;border-radius:8px;display:grid;grid-gap:10px;gap:10px;grid-template-columns:48px 1fr auto;padding:10px 12px}.arena-leader-list strong{color:#1261e8}.arena-leader-list em{color:#16a34a;font-style:normal;font-weight:800}.goal-card{align-items:center;background:#f4f9ff;border-radius:14px;display:grid;grid-gap:16px;gap:16px;grid-template-columns:1fr 120px;margin-top:16px;padding:14px 20px}.goal-card h3,.goal-card p{margin:0}.goal-card p{color:#52607a}.goal-card div div{background:#dfe6f1;border-radius:999px;height:12px;margin:12px 0 6px;overflow:hidden}.goal-card div div span{background:#19bd6b;display:block;height:100%;width:66%}.goal-card small{color:#52607a;display:block;font-weight:700;text-align:center}.arena-benefits{display:grid;grid-gap:0;gap:0;grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0 4px;padding:24px}.arena-benefits article{gap:18px;padding:0 24px}.arena-benefits article:not(:last-child){border-right:1px solid #dfe7f4}.arena-benefits article>div{align-items:center;background:#eaf3ff;border-radius:999px;color:#0956ff;display:flex;flex:0 0 58px;height:58px;justify-content:center;width:58px}.arena-benefits article:nth-child(2)>div{background:#f1eaff;color:#7b3ff3}.arena-benefits article:nth-child(3)>div{background:#fff4d9;color:#f5a400}.arena-benefits h2,.arena-benefits p{margin:0}.arena-benefits h2{font-size:18px;font-weight:700}.arena-benefits p{color:#52607a;line-height:1.5}@media (max-width:1180px){.arena-nav{grid-template-columns:1fr auto auto}.arena-nav nav,.arena-search{display:none}.battle-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.battle-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.arena-hero,.arena-lower{grid-template-columns:1fr}}@media (max-width:720px){.arena-nav{padding:0 16px}.arena-shell{padding:22px 14px}.arena-benefits,.battle-mode-grid,.goal-card,.hero-actions-row,.quick-layout,.rank-card,.reward-grid,.step-strip{grid-template-columns:1fr}.hero-actions-row{align-items:stretch;flex-direction:column}.rank-card small,.rank-progress{grid-column:auto}.arena-benefits article{border-right:0!important;border-bottom:1px solid #dfe7f4;padding:18px 0}}:root{--font-family-main:"Be Vietnam Pro",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-hero-title-mobile:24px;--font-hero-subtitle-mobile:13px;--font-section-title-mobile:20px;--font-card-title-mobile:18px;--font-card-body-mobile:13px;--font-button-mobile:14px;--font-badge-mobile:12px;--font-bottom-nav-mobile:12px;--font-leaderboard-name-mobile:13px;--font-leaderboard-score-mobile:13px;--font-mission-title-mobile:14px;--font-mission-body-mobile:12px;--font-hero-title-desktop:40px;--font-hero-subtitle-desktop:18px;--font-section-title-desktop:28px;--font-card-title-desktop:24px;--font-card-body-desktop:16px;--font-button-desktop:16px;--font-badge-desktop:13px;--line-hero-title:1.08;--line-body:1.35;--line-button:1.2;--weight-hero-title:900;--weight-section-title:900;--weight-card-title:800;--weight-body:500;--weight-button:800}.uclass-arena-page{--font-hero-title-mobile:26px;--font-hero-subtitle-mobile:14px;--font-section-title-mobile:20px;--font-card-title-mobile:20px;--font-card-body-mobile:14px;--font-button-mobile:14px;--font-hero-title-desktop:38px;--font-hero-subtitle-desktop:16px;--font-section-title-desktop:24px;--font-card-title-desktop:22px;--font-card-body-desktop:15px;--font-button-desktop:15px;--line-hero-title:1.12;--line-body:1.5;--weight-hero-title:800;--weight-section-title:800;--weight-card-title:750;--weight-body:500;--weight-button:700}.arena-gift-hero h1,.uclass-arena-hero-mobile-copy h1{letter-spacing:0}.arena-mobile-section-header h2,.arena-mode-content h2,.uclass-arena-mode-card h2,.uclass-arena-panel h2{letter-spacing:0;text-wrap:balance}.arena-mobile-mission-row p,.arena-mode-content p,.uclass-arena-mode-card p,.uclass-arena-panel p{color:#334155;letter-spacing:0}.arena-gift-actions a,.arena-mode-button,.uclass-arena-mode-card a,.uclass-arena-primary,.uclass-arena-secondary{letter-spacing:0;white-space:nowrap}@media (max-width:767px){.arena-gift-hero h1,.uclass-arena-hero-mobile-copy h1{font-size:26px;font-weight:800;line-height:1.14}.arena-gift-hero p,.uclass-arena-hero-mobile-copy p{font-size:14px;font-weight:500;line-height:1.5}.arena-mode-content h2,.uclass-arena-mode-card h2{font-size:20px;font-weight:750;line-height:1.18}.arena-mode-content p,.uclass-arena-mode-card p{font-size:14px;font-weight:500;line-height:1.5}.arena-mode-button,.uclass-arena-mode-card a{font-size:14px;font-weight:700}}.uclass-arena-page{background:#f8fbff;color:#0f172a;font-family:var(--font-family-main);min-height:100vh}.uclass-arena-page *,.uclass-arena-page :after,.uclass-arena-page :before{box-sizing:border-box;letter-spacing:0}.uclass-arena-shell{display:grid;grid-gap:20px;gap:20px;margin:0 auto;max-width:1440px;padding:24px clamp(18px,3vw,38px) 40px}.uclass-arena-hero{aspect-ratio:2048/683;border:1px solid #b8d4ff;border-radius:16px;box-shadow:0 16px 38px rgba(37,99,235,.12);min-height:326px;overflow:hidden;position:relative}.uclass-arena-hero-banner{object-fit:cover;object-position:center;z-index:0}.uclass-arena-hero-mobile-copy{display:none}.uclass-arena-hero-actions{bottom:clamp(28px,5vw,52px);display:flex;flex-wrap:wrap;gap:20px;left:clamp(42px,5vw,72px);position:absolute;z-index:2}.uclass-arena-link,.uclass-arena-mode-card a,.uclass-arena-primary,.uclass-arena-profile-link,.uclass-arena-secondary{align-items:center;border-radius:8px;display:inline-flex;font-weight:850;gap:10px;justify-content:center;min-height:56px;padding:14px 24px;text-decoration:none}.uclass-arena-primary{background:#0769ff;color:#fff;box-shadow:0 12px 22px rgba(7,105,255,.24)}.uclass-arena-mode-card a>img,.uclass-arena-primary>img{filter:brightness(0) invert(1)}.uclass-arena-secondary{background:#fff;border:2px solid #2374ff;color:#0f62ff}.uclass-arena-rewards{display:grid;grid-gap:14px;gap:14px;position:absolute;right:clamp(28px,3.6vw,42px);top:50%;transform:translateY(-50%);width:min(270px,22vw);z-index:2}.uclass-arena-rewards article{align-items:center;background:#fff;border-radius:14px;box-shadow:0 14px 26px rgba(37,99,235,.18);display:grid;grid-gap:11px;gap:11px;grid-template-columns:42px 1fr 36px;min-height:70px;padding:11px 14px}.uclass-arena-mode-card p,.uclass-arena-panel span,.uclass-arena-rewards span{color:#2f365f}.uclass-arena-rewards strong{color:#1958df;display:block;font-size:14px;line-height:1.28;margin-top:4px}.uclass-arena-mode-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.uclass-arena-mode-card{align-items:center;background:#fff;border:1px solid #dce8f8;border-radius:14px;display:grid;grid-gap:20px;gap:20px;grid-template-columns:160px 1fr;min-height:220px;padding:26px 28px}.uclass-arena-mode-card.green{background:linear-gradient(100deg,#faffff,#f2fffb)}.uclass-arena-mode-card.gold{background:linear-gradient(100deg,#fffdf7,#fff8e6)}.uclass-arena-mode-visual{align-items:center;background:#eaf2ff;border-radius:24px;color:#2563eb;display:flex;height:96px;justify-content:center;width:96px}.uclass-arena-mode-card.green .uclass-arena-mode-visual{background:#e8fff6;color:#10b981}.uclass-arena-mode-card.gold .uclass-arena-mode-visual{background:#fff7df;color:#f59e0b}.uclass-arena-mode-copy{display:grid;grid-gap:12px;gap:12px}.uclass-arena-mode-card h2,.uclass-arena-panel h2{color:#0b102c;font-size:23px;font-weight:900;line-height:1.2;margin:0}.uclass-arena-mode-card p{font-size:15px;font-weight:750;line-height:1.55;margin:0}.uclass-arena-mode-card span{align-items:center;background:#fff;border:1px solid #e0e8f5;border-radius:8px;color:#15204f;display:inline-flex;font-size:13px;font-weight:800;gap:8px;justify-self:start;padding:9px 13px}.uclass-arena-mode-card a{background:#096bff;color:#fff;justify-self:start;min-height:48px;padding:11px 20px}.uclass-arena-mode-card.green a{background:#0abf75}.uclass-arena-mode-card.gold a{background:#096bff}@media (max-width:1180px){.uclass-arena-rewards{display:none}.uclass-arena-mode-card{grid-template-columns:1fr}}@media (max-width:820px){.uclass-arena-page{padding-bottom:88px}.uclass-arena-shell{gap:16px;padding:14px 14px 28px}.uclass-arena-hero{aspect-ratio:auto;background:linear-gradient(145deg,#f6fbff,#eaf3ff);border-radius:20px;min-height:220px;padding:20px 16px}.uclass-arena-hero-banner{height:130px!important;inset:auto 0 0 auto!important;object-fit:cover;object-position:right bottom;opacity:.28;width:62%!important}.uclass-arena-hero-mobile-copy{display:grid;grid-gap:8px;gap:8px;max-width:300px;position:relative;z-index:2}.uclass-arena-hero-mobile-copy span{align-items:center;background:#e6f0ff;border-radius:999px;color:#2563eb;display:inline-flex;font-size:12px;font-weight:850;justify-self:start;min-height:28px;padding:0 12px}.uclass-arena-hero-mobile-copy h1{font-size:25px;line-height:1.14;margin:0}.uclass-arena-hero-mobile-copy p{color:#334155;font-size:14px;font-weight:700;line-height:1.5;margin:0}.uclass-arena-hero-actions{bottom:16px;gap:10px;left:16px;right:16px}.uclass-arena-primary,.uclass-arena-secondary{flex:1 1 140px;font-size:14px;min-height:46px;padding:10px 12px}.uclass-arena-mode-grid{grid-template-columns:1fr}.uclass-arena-mode-card{border-radius:20px;gap:16px;min-height:0;padding:20px}.uclass-arena-mode-visual{border-radius:20px;height:78px;min-height:0;width:78px}.uclass-arena-mode-card h2{font-size:22px}.uclass-arena-mode-card p{font-size:14px;line-height:1.5}.uclass-arena-mode-card a{min-height:46px;width:100%}}.arena-mobile-page{display:none}@media (max-width:767px){.uclass-arena-page{background:#fff;color:#071b5f;font-family:var(--font-family-main,"Be Vietnam Pro",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);overflow-x:hidden;padding-bottom:110px}.uclass-arena-page+.app-footer,.uclass-arena-shell{display:none}.uclass-arena-page .app-header-main{background:#fff;border-bottom:1px solid #d7e8ff;min-height:112px;padding:24px 24px 16px}.uclass-arena-page .app-logo-mobile{--uclass-logo-height:58px!important;--uclass-logo-width:206px!important;transform:scale(1.12);transform-origin:left center}.uclass-arena-page .app-header-actions,.uclass-arena-page .app-user-cluster{display:none}.uclass-arena-page .app-mobile-menu-wrap{align-items:center;display:flex;gap:18px}.uclass-arena-page .app-mobile-menu-wrap:before{align-items:center;color:#1476ff;content:"";display:inline-flex;height:40px;width:40px;background:no-repeat 50%/31px 31px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='%231476ff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.268 21a2 2 0 0 0 3.464 0'/%3E%3Cpath d='M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326'/%3E%3C/svg%3E");position:relative}.uclass-arena-page .app-mobile-menu-wrap:after{background:#ef4444;border:2px solid #fff;border-radius:999px;content:"";height:9px;left:25px;position:absolute;top:6px;width:9px}.uclass-arena-page .app-mobile-menu-button{color:#071b5f;height:40px;width:40px}.uclass-arena-page .app-mobile-menu-button svg{height:32px;width:32px}.uclass-arena-page .app-mobile-bottom-nav{background:hsla(0,0%,100%,.98);border-top:1px solid #d7e8ff;box-shadow:0 -6px 22px rgba(15,23,42,.08);display:grid;grid-gap:0;gap:0;grid-template-columns:repeat(3,minmax(0,1fr));min-height:80px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));z-index:80}.uclass-arena-page .app-mobile-bottom-nav a{border-radius:0;color:#64748b;font-size:15px;font-weight:800;gap:6px;min-height:68px}.uclass-arena-page .app-mobile-bottom-nav a.active{background:transparent;color:#1476ff}.uclass-arena-page .app-mobile-bottom-nav svg{height:28px;width:28px}.uclass-arena-page .app-mobile-bottom-nav a:nth-child(3) span{font-size:0}.uclass-arena-page .app-mobile-bottom-nav a:nth-child(3) span:after{content:"Học Và Ôn Tập";font-size:15px}.arena-mobile-page{background:#fff;display:block;min-height:100vh;padding:16px 0 120px}.arena-mobile-page a,.arena-mobile-page button{-webkit-tap-highlight-color:transparent}.arena-gift-hero,.arena-mobile-card,.arena-mode-card{margin-left:24px;margin-right:24px}.arena-gift-hero{background:linear-gradient(155deg,hsla(0,0%,100%,.84) 0 48%,rgba(234,245,255,.28) 48% 100%),linear-gradient(135deg,#f4faff,#eaf5ff);border:1px solid #d7e8ff;border-radius:20px;box-shadow:0 14px 34px rgba(20,118,255,.12);margin-bottom:28px;min-height:330px;overflow:hidden;padding:24px;position:relative}.arena-gift-hero-copy{max-width:58%;position:relative;z-index:2}.arena-gift-badge{align-items:center;background:#fff7e6;border-radius:999px;box-shadow:0 6px 14px rgba(245,158,11,.16);color:#f59e0b;display:inline-flex;font-size:15px;font-weight:800;gap:8px;min-height:38px;padding:0 16px}.arena-gift-hero h1{color:#071b5f;font-size:36px;font-weight:900;letter-spacing:0;line-height:1.12;margin:18px 0 0}.arena-gift-hero p{color:#1476ff;font-size:17px;font-weight:800;line-height:1.4;margin:18px 0 0}.arena-gift-illustration{height:216px;position:absolute;right:12px;top:22px;width:43%;z-index:1}.arena-doodle{color:#1476ff;position:absolute;z-index:3}.arena-doodle-star{left:0;top:10px}.arena-doodle-heart{left:4px;top:68px}.arena-doodle-zap{right:12px;top:54px}.arena-doodle-send{right:0;top:112px}.arena-shirt-card{align-items:center;background:linear-gradient(145deg,#fff 0 58%,#d7e8ff 58% 100%);border:2px solid rgba(20,118,255,.18);border-radius:18px;box-shadow:0 14px 26px rgba(20,118,255,.14);color:#1476ff;display:flex;flex-direction:column;font-weight:900;gap:8px;height:126px;justify-content:center;left:28px;position:absolute;top:22px;transform:rotate(2deg);width:116px}.arena-shirt-collar{background:#1476ff;border-radius:0 0 18px 18px;height:18px;left:42px;position:absolute;top:0;width:34px}.arena-backpack{background:linear-gradient(160deg,#0a1d6b,#1476ff);border-radius:22px 22px 16px 16px;box-shadow:0 16px 24px rgba(7,27,95,.18);bottom:8px;color:#fff;font-size:13px;font-weight:900;height:128px;padding-top:42px;position:absolute;right:10px;text-align:center;width:92px}.arena-backpack span{border:7px solid #0a1d6b;border-bottom:0;border-radius:22px 22px 0 0;height:28px;left:22px;position:absolute;top:-18px;width:48px}.arena-gift-box{align-items:center;background:#ffb800;border-radius:16px;bottom:0;box-shadow:0 12px 20px rgba(245,158,11,.2);color:#fff;display:flex;height:78px;justify-content:center;left:36px;position:absolute;width:82px}.arena-gift-actions{display:grid;grid-gap:16px;gap:16px;grid-template-columns:1fr 1fr;margin-top:34px;position:relative;z-index:3}.arena-gift-actions a,.arena-mode-button{align-items:center;border-radius:12px;display:inline-flex;font-size:19px;font-weight:900;justify-content:center;min-height:62px;text-decoration:none}.arena-gift-primary,.arena-mode-button{background:linear-gradient(135deg,#1476ff,#006bff 55%,#14c8ff);border:0;box-shadow:0 12px 22px rgba(20,118,255,.18);color:#fff;gap:10px}.arena-gift-secondary{background:#fff;border:2px solid #1476ff;color:#1476ff;gap:10px}.arena-mobile-modes{display:grid;grid-gap:20px;gap:20px;margin-bottom:20px}.arena-mode-card{align-items:center;background:#fff;border:1px solid #d7e8ff;border-radius:16px;display:grid;grid-gap:22px;gap:22px;grid-template-columns:126px minmax(0,1fr) auto 24px;min-height:154px;padding:22px}.arena-mode-card-green{border-color:#bfefd8}.arena-mode-card-gold{border-color:#fde7b5;background:linear-gradient(100deg,#fff,#fffaf0)}.arena-mode-icon-box{align-items:center;background:#f1f7ff;border-radius:24px;color:#1476ff;display:flex;height:126px;justify-content:center;width:126px}.arena-mode-card-green .arena-mode-icon-box{background:#ecfdf5;color:#10b981}.arena-mode-card-gold .arena-mode-icon-box{background:#fff7e6;color:#f59e0b}.arena-mode-content h2{color:#071b5f;font-size:29px;font-weight:900;letter-spacing:0;line-height:1.15;margin:0}.arena-mode-content p{color:#102044;font-size:19px;font-weight:500;line-height:1.38;margin:10px 0 0}.arena-mode-badge{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#071b5f;display:inline-flex;font-size:15px;font-weight:800;gap:8px;margin-top:14px;min-height:36px;padding:0 16px}.arena-mode-button{font-size:18px;min-height:58px;min-width:174px;padding:0 18px}.arena-mode-card-green .arena-mode-button{background:#10b981;box-shadow:0 12px 22px rgba(16,185,129,.16)}.arena-mode-chevron{color:#1476ff}.arena-mode-card-green .arena-mode-chevron{color:#10b981}.arena-mobile-card{background:#fff;border:1px solid #d7e8ff;border-radius:16px;margin-bottom:20px;padding:24px}.arena-mobile-section-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:22px}.arena-mobile-section-header h2{color:#071b5f;font-size:27px;font-weight:900;letter-spacing:0;line-height:1.15;margin:0}.arena-mobile-section-header a{align-items:center;background:#fff;border:1px solid #d7e8ff;border-radius:12px;color:#1476ff;display:inline-flex;flex:0 0 auto;font-size:16px;font-weight:800;gap:6px;min-height:48px;padding:0 16px;text-decoration:none}.arena-mobile-tabs{border-bottom:1px solid #e2e8f0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:0}.arena-mobile-tabs button{background:transparent;border:0;color:#8a94a6;font-size:17px;font-weight:800;height:42px;padding:0;position:relative;text-align:center}.arena-mobile-tabs button.active{color:#1476ff}.arena-mobile-tabs button.active:after{background:#1476ff;border-radius:999px;bottom:-1px;content:"";height:3px;left:0;position:absolute;right:0}.arena-mobile-leaderboard ol{list-style:none;margin:8px 0 0;padding:0}.arena-mobile-leaderboard li{align-items:center;border-bottom:1px solid #eef2f7;display:grid;grid-gap:10px;gap:10px;grid-template-columns:36px 40px minmax(0,1fr) auto;min-height:48px}.arena-mobile-leaderboard li:last-child{border-bottom:0}.arena-mobile-rank{align-items:center;background:#eef2f7;border-radius:999px;color:#102044;display:inline-flex;font-size:14px;font-weight:900;height:28px;justify-content:center;width:28px}.arena-mobile-rank.rank-1{background:#ffb800;color:#fff}.arena-mobile-rank.rank-2{background:#e8eef6}.arena-mobile-rank.rank-3{background:#f97316;color:#fff}.arena-mobile-leaderboard img{border-radius:999px}.arena-mobile-leaderboard li strong{align-items:center;color:#071b5f;display:inline-flex;font-size:18px;font-weight:700;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arena-mobile-leaderboard li strong svg{color:#1476ff;flex:0 0 auto}.arena-mobile-leaderboard li b{color:#1476ff;font-size:18px;font-weight:900;white-space:nowrap}.arena-mobile-missions{margin-bottom:24px}.arena-mobile-mission-list{display:grid;grid-gap:0;gap:0}.arena-mobile-mission-row{align-items:center;display:grid;grid-gap:14px;gap:14px;grid-template-columns:44px minmax(0,1fr);padding:14px 0}.arena-mobile-mission-row+.arena-mobile-mission-row{border-top:1px solid #eef2f7}.arena-mobile-mission-icon{align-items:center;background:#eaf5ff;border-radius:14px;color:#1476ff;display:flex;height:44px;justify-content:center;width:44px}.arena-mobile-mission-row:nth-child(2) .arena-mobile-mission-icon{background:#ecfdf5;color:#10b981}.arena-mobile-mission-row:nth-child(3) .arena-mobile-mission-icon{background:#f5ecff;color:#7c3aed}.arena-mobile-mission-row header{align-items:center;display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(0,1fr) auto}.arena-mobile-mission-row strong{color:#071b5f;font-size:16px;font-weight:800;line-height:1.3}.arena-mobile-mission-row em{background:#fff7e6;border-radius:999px;color:#f59e0b;font-size:12px;font-style:normal;font-weight:900;min-height:28px;padding:6px 10px;white-space:nowrap}.arena-mobile-mission-row small{color:#64748b;display:block;font-size:13px;font-weight:800;margin-top:7px}.arena-mobile-progress{background:#eaf5ff;border-radius:999px;height:7px;margin-top:8px;overflow:hidden}.arena-mobile-progress span{background:linear-gradient(135deg,#1476ff,#14c8ff);border-radius:inherit;display:block;height:100%}}@media (max-width:430px){.arena-mode-card{gap:16px;grid-template-columns:96px minmax(0,1fr);min-height:178px}.arena-mode-icon-box{border-radius:22px;height:96px;width:96px}.arena-mode-icon-box svg{height:52px;width:52px}.arena-mode-content h2{font-size:24px}.arena-mode-content p{display:-webkit-box;font-size:16px;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.32;overflow:hidden}.arena-mode-content{grid-column:2;grid-row:1}.arena-mode-badge{font-size:13px;margin-top:10px;min-height:32px;padding:0 10px}.arena-mode-button{grid-column:2;grid-row:2;justify-self:start;font-size:16px;min-height:48px;min-width:150px}.arena-mode-chevron{grid-column:2;grid-row:1;margin-top:2px;justify-self:end}}@media (max-width:389px){.uclass-arena-page .app-header-main{padding-left:20px;padding-right:20px}.arena-gift-hero,.arena-mobile-card,.arena-mode-card{margin-left:16px;margin-right:16px}.arena-gift-hero{min-height:336px;padding:20px}.arena-gift-hero-copy{max-width:63%}.arena-gift-hero h1{font-size:31px}.arena-gift-hero p{font-size:15px}.arena-gift-illustration{right:6px;transform:scale(.86);transform-origin:right top;width:42%}.arena-gift-actions{gap:10px}.arena-gift-actions a{font-size:16px;min-height:54px}.arena-mode-card{gap:14px;grid-template-columns:82px minmax(0,1fr);min-height:142px;padding:18px}.arena-mode-icon-box{border-radius:20px;height:82px;width:82px}.arena-mode-icon-box svg{height:44px;width:44px}.arena-mode-content h2{font-size:22px}.arena-mode-content p{font-size:14px}.arena-mode-badge{font-size:12px;min-height:30px;padding:0 8px}.arena-mode-button{font-size:16px;min-height:48px;min-width:150px}.arena-mode-chevron{display:none}.arena-mobile-card{padding:20px}.arena-mobile-section-header h2{font-size:24px}.arena-mobile-section-header a{font-size:14px;min-height:42px;padding:0 10px}.arena-mobile-tabs button{font-size:14px}.arena-mobile-leaderboard li b,.arena-mobile-leaderboard li strong{font-size:16px}}@media (max-width:767px){.uclass-arena-page{background:#fff;padding-bottom:96px}.uclass-arena-page .app-header-main{min-height:76px;padding:12px 16px 10px;border-bottom:1px solid #e2e8f0}.uclass-arena-page .app-logo-mobile{--uclass-logo-height:38px!important;--uclass-logo-width:148px!important;max-width:148px;transform:none}.uclass-arena-page .app-mobile-menu-wrap{gap:10px}.uclass-arena-page .app-mobile-menu-button,.uclass-arena-page .app-mobile-menu-wrap:before{height:40px;width:40px}.uclass-arena-page .app-mobile-menu-wrap:before{background-size:24px 24px}.uclass-arena-page .app-mobile-menu-wrap:after{height:7px;left:25px;top:8px;width:7px}.uclass-arena-page .app-mobile-menu-button{border:1px solid #d7e8ff;border-radius:12px}.uclass-arena-page .app-mobile-menu-button svg{height:26px;width:26px}.uclass-arena-page .app-mobile-bottom-nav{min-height:72px;padding:4px 6px calc(4px + env(safe-area-inset-bottom))}.uclass-arena-page .app-mobile-bottom-nav a{font-size:12px;gap:4px;min-height:64px}.uclass-arena-page .app-mobile-bottom-nav svg{height:24px;width:24px}.uclass-arena-page .app-mobile-bottom-nav a:nth-child(3) span:after{font-size:12px}.arena-mobile-page{overflow-x:hidden;padding:14px 0 96px;width:100%}.arena-gift-hero,.arena-mobile-card,.arena-mode-card{margin-left:12px;margin-right:12px;width:calc(100% - 24px)}.arena-gift-hero{border-radius:16px;box-shadow:none;height:186px;margin-bottom:18px;min-height:0;padding:14px}.arena-gift-hero-copy{max-width:none;width:232px}.arena-gift-badge{font-size:12px;gap:6px;min-height:28px;padding:0 10px}.arena-gift-badge svg{height:14px;width:14px}.arena-gift-hero h1{display:-webkit-box;font-size:24px;font-weight:900;-webkit-box-orient:vertical;-webkit-line-clamp:2;letter-spacing:0;line-height:1.08;margin-top:8px;overflow:hidden}.arena-gift-hero p{display:block;font-size:13px;font-weight:800;line-height:1.35;margin-top:7px;max-width:218px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arena-gift-illustration{height:108px;right:8px;top:18px;transform:none;width:145px}.arena-doodle-star{left:3px;top:0}.arena-doodle-heart{left:0;top:40px}.arena-doodle-zap{right:4px;top:26px}.arena-doodle-send{right:0;top:62px}.arena-doodle{height:16px;width:16px}.arena-shirt-card{border-radius:12px;gap:4px;height:76px;left:24px;top:2px;width:72px}.arena-shirt-card strong{font-size:11px}.arena-shirt-card svg{height:28px;width:28px}.arena-shirt-collar{height:11px;left:25px;width:22px}.arena-backpack{border-radius:14px;bottom:2px;font-size:10px;height:76px;padding-top:30px;right:8px;width:58px}.arena-backpack span{border-width:5px;height:18px;left:14px;top:-12px;width:30px}.arena-gift-box{border-radius:12px;bottom:0;height:52px;left:38px;width:54px}.arena-gift-box svg{height:30px;width:30px}.arena-gift-actions{bottom:14px;gap:10px;grid-template-columns:1fr 1fr;left:14px;margin-top:0;position:absolute;right:14px}.arena-gift-actions a{border-radius:10px;font-size:14px;font-weight:900;gap:6px;min-height:44px;white-space:nowrap}.arena-gift-actions svg{height:16px;width:16px}.arena-gift-secondary{border-width:1.5px}.arena-mobile-modes{gap:0;margin-bottom:4px}.arena-mode-card{border-radius:16px;box-shadow:none;gap:12px;grid-template-columns:64px minmax(0,1fr) 104px 18px;margin-bottom:14px;min-height:118px;overflow:hidden;padding:14px}.arena-mode-card-green{background:linear-gradient(135deg,#fff,#f0fdf7)}.arena-mode-card-gold{background:linear-gradient(135deg,#fff,#fffbeb)}.arena-mode-icon-box{border-radius:18px;grid-column:auto;grid-row:auto;height:64px;width:64px}.arena-mode-icon-box svg{height:34px;width:34px}.arena-mode-content{grid-column:auto;grid-row:auto;min-width:0}.arena-mode-content h2{display:-webkit-box;font-size:18px;font-weight:900;-webkit-box-orient:vertical;-webkit-line-clamp:2;letter-spacing:0;line-height:1.15;overflow:hidden}.arena-mode-card-green .arena-mode-content h2{font-size:17px}.arena-mode-content p{display:-webkit-box;font-size:13px;font-weight:500;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.35;margin-top:5px;overflow:hidden}.arena-mode-badge{border-radius:8px;font-size:11px;gap:5px;line-height:1;margin-top:8px;max-width:100%;min-height:26px;overflow:hidden;padding:0 9px;text-overflow:ellipsis;white-space:nowrap}.arena-mode-badge svg{flex:0 0 auto;height:14px;width:14px}.arena-mode-button{border-radius:10px;font-size:13px;font-weight:900;grid-column:auto;grid-row:auto;line-height:1.15;min-height:42px;min-width:0;padding:0 8px;text-align:center;white-space:normal;width:104px}.arena-mode-chevron{display:block;grid-column:auto;grid-row:auto;height:18px;margin-top:0;width:18px}.arena-mobile-card{border-radius:16px;box-shadow:none;margin-bottom:14px;padding:14px}.arena-mobile-leaderboard{margin-top:4px}.arena-mobile-section-header{gap:10px;margin-bottom:14px}.arena-mobile-section-header h2{font-size:20px;letter-spacing:0;line-height:1.2}.arena-mobile-section-header a{border-radius:10px;font-size:13px;min-height:36px;padding:0 12px;white-space:nowrap}.arena-mobile-section-header a svg{height:16px;width:16px}.arena-mobile-tabs{margin-top:14px}.arena-mobile-tabs button{font-size:13px;height:34px;white-space:nowrap}.arena-mobile-tabs button.active:after{height:2px;left:4px;right:4px}.arena-mobile-leaderboard ol{margin-top:8px}.arena-mobile-leaderboard li{gap:8px;grid-template-columns:28px 28px minmax(0,1fr) auto;min-height:38px}.arena-mobile-rank{font-size:12px;height:24px;width:24px}.arena-mobile-leaderboard img{height:26px;width:26px}.arena-mobile-leaderboard li b,.arena-mobile-leaderboard li strong{font-size:13px}.arena-mobile-leaderboard li strong svg{height:15px;width:15px}.arena-mobile-missions{margin-bottom:16px}.arena-mobile-mission-list{gap:12px}.arena-mobile-mission-row{border:1px solid #e2e8f0;border-radius:14px;display:grid;grid-gap:12px;gap:12px;grid-template-columns:52px minmax(0,1fr) 86px;margin-top:0;min-height:86px;padding:12px}.arena-mobile-mission-row+.arena-mobile-mission-row{border-top:1px solid #e2e8f0}.arena-mobile-mission-icon{border-radius:16px;height:52px;width:52px}.arena-mobile-mission-content{min-width:0}.arena-mobile-mission-row header{display:block}.arena-mobile-mission-row strong{font-size:14px;font-weight:900;line-height:1.25}.arena-mobile-mission-row p,.arena-mobile-mission-row strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.arena-mobile-mission-row p{color:#475569;font-size:12px;font-weight:500;line-height:1.3;margin:4px 0 0}.arena-mobile-mission-progress-wrap{align-items:center;display:grid;grid-gap:8px;gap:8px;grid-template-columns:1fr auto;margin-top:8px}.arena-mobile-progress{background:#e5eaf2;height:6px;margin-top:0}.arena-mobile-mission-row small{color:#475569;font-size:12px;font-weight:700;margin-top:0}.arena-mobile-mission-button{align-items:center;border:1px solid #1476ff;border-radius:9px;color:#1476ff;display:flex;font-size:12px;font-weight:900;height:38px;justify-content:center;text-decoration:none;white-space:nowrap}.arena-mobile-mission-green .arena-mobile-mission-icon{background:#ecfdf5;color:#10b981}.arena-mobile-mission-green .arena-mobile-progress span{background:#10b981}.arena-mobile-mission-green .arena-mobile-mission-button{border-color:#10b981;color:#10b981}.arena-mobile-mission-purple .arena-mobile-mission-icon{background:#f5ecff;color:#8b5cf6}.arena-mobile-mission-purple .arena-mobile-progress span{background:#8b5cf6}.arena-mobile-mission-purple .arena-mobile-mission-button{border-color:#8b5cf6;color:#8b5cf6}.arena-mobile-stats{margin-bottom:16px}.arena-mobile-stats-grid{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px}.arena-mobile-stats-grid article{border:1px solid #d7e8ff;border-radius:12px;min-height:82px;min-width:0;padding:10px 6px;text-align:center}.arena-mobile-stats-grid svg{display:block;margin:0 auto 8px}.arena-mobile-stats-grid span{color:#475569;display:block;font-size:11px;line-height:1.2}.arena-mobile-stats-grid strong{color:#071b5f;display:block;font-size:18px;font-weight:900;line-height:1.1;margin-top:4px}.arena-mobile-stat-blue{background:#f8fbff;color:#1476ff}.arena-mobile-stat-green{background:#f0fdf7;border-color:#bfefd8!important;color:#10b981}.arena-mobile-stat-orange{background:#fffbeb;border-color:#fde7b5!important;color:#f59e0b}.arena-mobile-stat-purple{background:#faf5ff;border-color:#e9d5ff!important;color:#8b5cf6}}@media (min-width:414px) and (max-width:767px){.arena-gift-hero,.arena-mobile-card,.arena-mode-card{margin-left:16px;margin-right:16px;width:calc(100% - 32px)}}@media (max-width:374px){.arena-gift-hero{height:198px;padding:12px}.arena-gift-hero-copy{width:210px}.arena-gift-hero h1{font-size:22px}.arena-gift-hero p{font-size:12px;max-width:178px}.arena-gift-illustration{right:4px;transform:scale(.88);transform-origin:right top;width:126px}.arena-gift-actions a{font-size:13px;min-height:42px}.arena-mode-card{gap:10px;grid-template-columns:56px minmax(0,1fr) 86px;padding:12px}.arena-mode-icon-box{border-radius:16px;height:56px;width:56px}.arena-mode-icon-box svg{height:30px;width:30px}.arena-mode-card-green .arena-mode-content h2,.arena-mode-content h2{font-size:16px}.arena-mode-content p{font-size:12px}.arena-mode-badge{font-size:10px;min-height:24px;padding:0 8px}.arena-mode-button{font-size:12px;min-height:38px;width:86px}.arena-mode-chevron{display:none}.arena-mobile-mission-row{grid-template-columns:48px minmax(0,1fr)}.arena-mobile-mission-icon{height:48px;width:48px}.arena-mobile-mission-button{grid-column:2;justify-self:stretch;margin-top:8px}.arena-mobile-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.uclass-arena-hero-mobile-copy h1{font-size:var(--font-hero-title-desktop);font-weight:var(--weight-hero-title);line-height:var(--line-hero-title)}.uclass-arena-hero-mobile-copy p{font-size:var(--font-hero-subtitle-desktop);font-weight:var(--weight-body);line-height:var(--line-body)}.uclass-arena-mode-card h2,.uclass-arena-panel h2{font-size:var(--font-card-title-desktop);font-weight:var(--weight-card-title)}.uclass-arena-mode-card p,.uclass-arena-panel p{font-size:var(--font-card-body-desktop);font-weight:var(--weight-body);line-height:var(--line-body)}.uclass-arena-mode-card a,.uclass-arena-primary,.uclass-arena-secondary{font-size:var(--font-button-desktop);font-weight:var(--weight-button);line-height:var(--line-button)}@media (max-width:767px){.uclass-arena-page .app-mobile-bottom-nav a{font-size:var(--font-bottom-nav-mobile)}.arena-gift-badge,.arena-mode-badge{font-size:var(--font-badge-mobile)}.arena-gift-hero h1{font-size:var(--font-hero-title-mobile);font-weight:var(--weight-hero-title);line-height:var(--line-hero-title)}.arena-gift-hero p{font-size:var(--font-hero-subtitle-mobile);font-weight:var(--weight-body);line-height:var(--line-body)}.arena-gift-actions a,.arena-mode-button{font-size:var(--font-button-mobile);font-weight:var(--weight-button);line-height:var(--line-button)}.arena-mode-content h2{font-size:var(--font-card-title-mobile);font-weight:var(--weight-card-title);line-height:var(--line-hero-title)}.arena-mode-card-green .arena-mode-content h2{font-size:calc(var(--font-card-title-mobile) - 1px)}.arena-mode-content p{font-size:var(--font-card-body-mobile);font-weight:var(--weight-body);line-height:var(--line-body)}.arena-mobile-section-header h2{font-size:var(--font-section-title-mobile);font-weight:var(--weight-section-title)}.arena-mobile-section-header a{font-size:var(--font-button-mobile);font-weight:var(--weight-button)}.arena-mobile-leaderboard li strong,.arena-mobile-tabs button{font-size:var(--font-leaderboard-name-mobile)}.arena-mobile-leaderboard li strong{font-weight:var(--weight-card-title)}.arena-mobile-leaderboard li b{font-size:var(--font-leaderboard-score-mobile);font-weight:var(--weight-hero-title)}.arena-mobile-mission-row strong{font-size:var(--font-mission-title-mobile);font-weight:var(--weight-card-title)}.arena-mobile-mission-row p{font-size:var(--font-mission-body-mobile);font-weight:var(--weight-body);line-height:var(--line-body)}.arena-gift-actions{bottom:10px}}@media (min-width:821px) and (max-width:1180px){.uclass-arena-shell{max-width:1060px;padding-left:12px;padding-right:12px}.uclass-arena-hero{min-height:280px}.uclass-arena-mode-card{gap:16px;grid-template-columns:96px minmax(0,1fr);min-height:210px;padding:22px}.uclass-arena-mode-visual{height:86px;width:86px}.uclass-arena-mode-card h2{font-size:20px;line-height:1.18}.uclass-arena-mode-card p{font-size:14px;line-height:1.48}.uclass-arena-mode-card span{font-size:12px;padding:8px 11px}.uclass-arena-mode-card a{font-size:14px;min-height:44px;padding:10px 16px}}