/* assets/own-rank-points-v1.css */
.grOwnRankStats{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:7px;margin-left:auto;min-width:0}
.grOwnRankPoints{font-size:18px;font-weight:850;line-height:1.25;color:#096850;white-space:nowrap}
.grOwnRankStats .grOwnRankPlace{margin:0;font-size:13px}
[data-guul-comfort-resolved="dark"] .grOwnRankPoints{color:#83e9c7}
@media(max-width:540px){.grOwnRankFixed{flex-wrap:wrap}.grOwnRankStats{gap:4px}.grOwnRankPoints{font-size:15px}.grOwnRankStats .grOwnRankPlace{font-size:11px}.grOwnRankFixed .grOwnRankIdentity{min-width:0;flex:1}.grOwnRankFixed .grOwnRankIdentity b{overflow-wrap:anywhere}}


/* assets/account-reference-v1.css */
.accountMode .v3Body{background:#f6fcfa!important}.accountMode .v3Brand small{display:none!important}.accountMode .v3Brand b{font-size:clamp(24px,5vw,38px)!important;font-weight:900!important}
.grAccountReference{max-width:1000px!important;margin:auto!important;padding:8px 0 24px!important;color:#101638}.grAccountReference h2{font-weight:850!important}.grAccountReference .accountStudent{display:flex!important;align-items:center!important;gap:24px!important;border-radius:24px!important;padding:25px!important;background:linear-gradient(125deg,#009c83,#00694f)!important;position:relative;color:white!important;overflow:hidden}
.grAccountReference .accountStudentInfo{min-width:0!important}.grAccountReference .accountStudentInfo h2{color:white!important;font-size:clamp(25px,5vw,42px)!important;overflow-wrap:anywhere;margin:0 0 6px!important}.grAccountReference .accountStudentInfo>p{color:#edfff8!important;font-size:18px!important}.grAccountReference .accountStudentAvatar{flex:none!important;width:125px!important;height:125px!important;border:5px solid #eafff7;border-radius:50%;background:#d9fff1;overflow:hidden}.grAccountReference .accountStudentAvatar .accountAvatar,.grAccountReference .accountStudentAvatar img{width:100%!important;height:100%!important;object-fit:cover!important;margin:0!important;border:0!important}.grAccountReference .accountStudentActions{display:flex;gap:7px;flex-wrap:wrap}.grAccountReference .accountStudentActions button{font-size:12px!important;padding:7px 10px!important;background:#e4fff0!important;color:#006d52!important;border-radius:20px!important}.grAccountReference .accountOnline{display:inline-block!important;background:#e6fff1!important;color:#007852!important;border-radius:22px!important;padding:8px 14px!important;margin-top:10px!important}
.grAccountMetrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #e0ebe6;border-radius:22px;background:white;padding:20px 12px;margin:14px 0}.grAccountMetrics>div{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:3px 10px;padding:0 12px;border-right:1px solid #dce5ef}.grAccountMetrics>div:last-child{border:0}.grAccIcon{grid-row:1/3;display:grid;place-items:center;background:#e3f9f0;border-radius:50%;width:48px;height:48px}.grAccIcon img{width:25px;height:25px}.grAccountMetrics b{font-size:25px}.grAccountMetrics small{font-size:13px;color:#697698}
.grAccountProgress{display:grid;grid-template-columns:1fr auto;gap:12px;padding:22px;border:1px solid #bceee0;background:#f0fff9;border-radius:20px}.grAccountReference .grAccountProgress h2,.grAccountReference .grAccountHelp h2{margin:0!important;font-size:24px!important}.grAccountProgress p,.grAccountHelp p{margin:5px 0 0;color:#6b7795}.grAccountProgress button,.grAccountHelp button{border:0;border-radius:18px;background:#d5f9eb;color:#007c60;padding:12px 18px;font-weight:800;font-size:15px;cursor:pointer}.grAccMeter{height:15px;background:#c8f3e5;border-radius:20px;overflow:hidden}.grAccMeter i{display:block;height:100%;background:linear-gradient(90deg,#008e72,#16cda2);border-radius:20px}.grAccountProgress>strong{color:#007f62;font-size:20px}
.grAccountReference .accountSectionTitle{font-size:24px!important;margin:20px 4px 10px!important}.grAccountReference .accountList{background:white!important;border:1px solid #e3ede8!important;border-radius:20px!important;overflow:hidden}.grAccountReference .accountRow{padding:15px!important;background:transparent!important;width:100%!important;display:flex!important;align-items:center!important;gap:15px!important;border:0;border-bottom:1px solid #e6edf0}.grAccountReference .accountRow:last-child{border-bottom:0}.grAccountReference .accountRowCopy{flex:1;text-align:left}.grAccountReference .accountRowCopy b{font-size:18px!important}.grAccountReference .accountIcon{display:grid;place-items:center;width:45px!important;height:45px!important;border-radius:50%!important;background:#e4f7f0!important;flex:none}.grAccountReference .accountIcon img,.grAccountReference .accountIcon svg{width:25px!important;height:25px!important}.grAccountReference .accountChevron{color:#00a38b!important;font-size:26px!important}
.grAccountReference .accountBattleId{padding:18px!important;margin-top:18px!important;border-radius:20px!important;background:#f6f5ff!important;border:1px solid #e0ddff!important}.grAccountReference .accountBattleLine{display:flex!important;gap:10px!important;flex-wrap:wrap!important}.grAccountReference .accountBattleLine strong{flex:1;overflow-wrap:anywhere;min-width:130px}.grAccountReference .accountBattleLine button{border:0;border-radius:12px;padding:10px 15px;background:#008b6e;color:white;font-weight:750}.grAccountHelp{margin:16px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#effdf8;border:1px solid #c0eee0;border-radius:20px;padding:20px}.grAccountHelp button{background:#00876b;color:white}.grAccountReference .accountLogout{width:100%!important;border-radius:16px!important;background:#fff0f2!important;color:#da1e36!important;margin-top:15px!important}
.grAccountBattleStats{padding:16px;background:#f5fcf9}.grAccountBattleStats[hidden]{display:none!important}.grAccountBattleStats h2{font-size:18px!important}.grAccountBattleStats>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.grAccountBattleStats article{display:grid;gap:6px;text-align:center;padding:15px 8px;border:1px solid #d8eae3;border-radius:14px;background:white}.grAccountBattleStats strong{font-size:28px;color:#007f65}.grAccountBattleStats small,.grAccountBattleStats p{font-size:12px;color:#65758b}
@media(max-width:540px){.grAccountReference .accountStudent{padding:18px!important;gap:13px!important}.grAccountReference .accountStudentAvatar{width:82px!important;height:82px!important;border-width:3px}.grAccountReference .accountStudentInfo>p{font-size:13px!important}.grAccountMetrics{padding:14px 4px}.grAccountMetrics>div{display:flex;flex-direction:column;gap:6px;padding:0 4px}.grAccountMetrics b{font-size:22px}.grAccountMetrics small{font-size:11px;text-align:center}.grAccountProgress{padding:16px;gap:10px}.grAccountProgress button{font-size:12px;padding:9px}.grAccountReference .grAccountProgress h2,.grAccountReference .grAccountHelp h2{font-size:19px!important}.grAccountHelp{padding:15px;flex-wrap:wrap}.grAccountHelp button{width:100%}.grAccountReference .accountRowCopy b{font-size:16px!important}}
[data-guul-comfort-resolved="dark"] .accountMode .v3Body{background:#101e1b!important}[data-guul-comfort-resolved="dark"] .grAccountReference{color:#e5f5ef}[data-guul-comfort-resolved="dark"] .grAccountReference .accountList,[data-guul-comfort-resolved="dark"] .grAccountMetrics,[data-guul-comfort-resolved="dark"] .grAccountBattleStats article{background:#1b3029!important;border-color:#335247!important}[data-guul-comfort-resolved="dark"] .grAccountProgress,[data-guul-comfort-resolved="dark"] .grAccountHelp,[data-guul-comfort-resolved="dark"] .grAccountBattleStats{background:#18372d!important}[data-guul-comfort-resolved="dark"] .grAccountReference .accountBattleId{background:#28283f!important}[data-guul-comfort-resolved="dark"] .grAccountReference .accountRowCopy b,[data-guul-comfort-resolved="dark"] .grAccountReference h2{color:#e8fff5!important}


/* assets/account-polish-v2.css */
/* Account refinement: scoped to the current account reference. */
.accountMode .v3Body{padding:14px!important;background:#f4f9f6!important}.accountMode .v3Top{padding-bottom:12px!important}.accountMode .v3Brand b{font-family:system-ui,sans-serif!important;letter-spacing:-.6px!important}
.grAccountReference{display:flex!important;flex-direction:column!important;gap:14px!important;padding:0 0 28px!important}.grAccountReference>*{box-sizing:border-box!important;margin-top:0!important;margin-bottom:0!important}
.grAccountReference .accountStudent{padding:26px!important;gap:22px!important;border:1px solid #008a6c!important;border-radius:24px!important;background:radial-gradient(ellipse at 95% 0%,#11b69c88,transparent 60%),linear-gradient(120deg,#009e83,#00664e)!important;box-shadow:0 12px 26px #006c5015!important;min-height:180px!important}
.grAccountReference .accountStudentAvatar{width:116px!important;height:116px!important;min-width:116px!important;flex:0 0 116px!important;border:4px solid #e4fff4!important;box-shadow:0 6px 20px #00493428!important;align-self:center!important}.grAccountReference .accountStudentAvatar>div{max-width:none!important;max-height:none!important;width:100%!important;height:100%!important;border-radius:50%!important}.grAccountReference .accountStudentAvatar img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important}
.grAccountReference .accountStudentInfo{flex:1!important}.grAccountReference .accountStudentInfo h2{font-family:system-ui,sans-serif!important;font-size:clamp(26px,4vw,40px)!important;line-height:1.15!important;font-weight:850!important;letter-spacing:-.6px!important;margin-bottom:8px!important}.grAccountReference .accountStudentInfo>p{font-size:15px!important;line-height:1.5!important;margin:0 0 12px!important;font-weight:500!important}.grAccountReference .accountStudentActions{gap:7px!important}.grAccountReference .accountStudentActions button{font-family:inherit!important;min-height:32px!important;font-size:11px!important;padding:7px 12px!important;border:1px solid #ffffff55!important;background:#ffffffed!important;box-shadow:none!important;line-height:1.2!important}.grAccountReference .accountOnline{font-size:11px!important;font-weight:750!important;padding:6px 10px!important;background:#bff4dc!important;color:#005b44!important;margin-top:12px!important}
.grAccountReference .grAccountMetrics{padding:20px 10px!important;border-radius:21px!important;border:1px solid #e0eae5!important;box-shadow:0 6px 20px #28443805!important}.grAccountReference .grAccountMetrics>div{padding:0 12px!important;gap:4px 12px!important}.grAccountReference .grAccountMetrics b{font-family:system-ui,sans-serif!important;font-size:27px!important;line-height:1.15!important;font-weight:800!important;color:#172e2a!important}.grAccountReference .grAccountMetrics small{font-size:12px!important;line-height:1.4!important;color:#6c7d78!important}.grAccountReference .grAccIcon{width:48px!important;height:48px!important;background:#e1f8ee!important}.grAccountReference .grAccIcon img{width:24px!important;height:24px!important}.grAccountReference .grAccountMetrics>div:nth-child(2) .grAccIcon{background:#e8efff!important}.grAccountReference .grAccountMetrics>div:nth-child(3) .grAccIcon{background:#fff2df!important}
.grAccountReference .grAccountMetrics>div:nth-child(1) img{content:url('/assets/account-modern-book.svg')}.grAccountReference .grAccountMetrics>div:nth-child(2) img{content:url('/assets/account-modern-exam.svg')}.grAccountReference .grAccountMetrics>div:nth-child(3) img{content:url('/assets/account-modern-calendar.svg')}
.grAccountReference .grAccountProgress{padding:22px!important;border-radius:21px!important;grid-template-columns:minmax(0,1fr) auto!important;gap:15px!important;background:linear-gradient(110deg,#e9fbf3,#f6fffb)!important;border:1px solid #bcebd9!important}.grAccountReference .grAccountProgress h2,.grAccountReference .grAccountHelp h2{font-family:system-ui,sans-serif!important;font-size:22px!important;line-height:1.25!important;letter-spacing:-.3px!important;color:#15372c!important}.grAccountReference .grAccountProgress p,.grAccountReference .grAccountHelp p{font-size:13px!important;line-height:1.5!important;color:#6e8079!important}.grAccountReference .grAccountProgress button{font-size:12px!important;min-height:40px!important;padding:9px 13px!important;border-radius:13px!important;background:#d4f6e7!important;align-self:center!important}.grAccountReference .grAccMeter{height:12px!important;align-self:center!important}.grAccountReference .grAccountProgress>strong{font-family:system-ui!important;font-size:20px!important;line-height:1!important}
.grAccountReference .accountSectionTitle{font-family:system-ui,sans-serif!important;font-size:22px!important;font-weight:800!important;color:#15352d!important;margin:6px 3px -4px!important;letter-spacing:-.35px!important}.grAccountReference .accountList{border-radius:20px!important;border:1px solid #e2ebe6!important;padding:0 16px!important;box-shadow:0 6px 20px #223c3405!important}.grAccountReference .accountRow{padding:18px 0!important;gap:14px!important;min-height:78px!important}.grAccountReference .accountRowCopy b{font-family:system-ui,sans-serif!important;font-size:16px!important;line-height:1.35!important;font-weight:750!important;color:#173b30!important}.grAccountReference .accountRowCopy small{font-family:system-ui,sans-serif!important;font-size:12px!important;line-height:1.5!important;color:#7a8984!important;margin-top:4px!important}.grAccountReference .accountIcon{width:44px!important;height:44px!important;flex:0 0 44px!important;background:#e5f8ef!important}.grAccountReference .accountIcon img,.grAccountReference .accountIcon svg{width:23px!important;height:23px!important}.grAccountReference .accountChevron{font-size:23px!important;color:#13a583!important}
.grAccountReference [data-account-notifications] .accountIcon{background:#e9f2ff!important}.grAccountReference .grAccountHelp{padding:21px!important;gap:16px!important;border-radius:21px!important;background:linear-gradient(120deg,#e4f9ef,#f4fff9)!important;border:1px solid #bcebd7!important}.grAccountReference .grAccountHelp button{font-family:system-ui,sans-serif!important;min-height:46px!important;border-radius:14px!important;background:#008767!important;font-size:14px!important;box-shadow:0 5px 12px #00876718!important}
.grAccountReference .accountBattleId{border:1px solid #e0e4f4!important;border-radius:20px!important;background:#f7f8ff!important;padding:20px!important}.grAccountReference .accountBattleId h2{font-family:system-ui!important;font-size:20px!important;line-height:1.3!important}.grAccountReference .accountBattleId p,.grAccountReference [data-account-battle-status]{font-size:12px!important;line-height:1.5!important;color:#75809a!important}.grAccountReference .accountBattleLine{gap:8px!important;align-items:center!important}.grAccountReference .accountBattleLine strong{font-size:17px!important;letter-spacing:.4px!important;padding:10px!important;background:#eaeefb!important;border-radius:10px!important}.grAccountReference .accountBattleLine button{font-size:12px!important;min-height:39px!important}.grAccountReference .accountLogout{padding:15px 18px!important;min-height:54px!important;border:1px solid #ffe3e7!important;font-size:14px!important;box-shadow:none!important}.grAccountReference .accountLogout svg{width:21px!important;height:21px!important}
@media(max-width:540px){.accountMode .v3Body{padding:12px!important}.grAccountReference{gap:12px!important}.grAccountReference .accountStudent{padding:20px 16px!important;gap:15px!important;min-height:170px!important}.grAccountReference .accountStudentAvatar{width:88px!important;height:88px!important;min-width:88px!important;flex-basis:88px!important;border-width:3px!important}.grAccountReference .accountStudentInfo h2{font-size:27px!important}.grAccountReference .accountStudentInfo>p{font-size:12px!important}.grAccountReference .accountStudentActions{flex-direction:column!important;align-items:flex-start!important;gap:6px!important}.grAccountReference .accountStudentActions button{font-size:10px!important;min-height:28px!important;padding:6px 10px!important}.grAccountReference .accountOnline{font-size:10px!important;margin-top:9px!important}.grAccountReference .grAccountMetrics{padding:16px 4px!important}.grAccountReference .grAccountMetrics>div{padding:0 4px!important;gap:6px!important}.grAccountReference .grAccIcon{width:40px!important;height:40px!important}.grAccountReference .grAccountMetrics b{font-size:24px!important}.grAccountReference .grAccountMetrics small{font-size:10px!important}.grAccountReference .grAccountProgress{padding:18px 15px!important;gap:12px!important}.grAccountReference .grAccountProgress h2{font-size:20px!important}.grAccountReference .grAccountProgress button{font-size:10px!important;padding:8px 10px!important}.grAccountReference .accountSectionTitle{font-size:21px!important}.grAccountReference .grAccountHelp button{width:100%!important}}
@media(max-width:340px){.grAccountReference .accountStudentAvatar{width:74px!important;height:74px!important;min-width:74px!important;flex-basis:74px!important}.grAccountReference .accountStudent{gap:11px!important}.grAccountReference .accountStudentInfo h2{font-size:24px!important}}
[data-guul-comfort-resolved="dark"] .accountMode .v3Body{background:#10221c!important}[data-guul-comfort-resolved="dark"] .grAccountReference .grAccountMetrics b,[data-guul-comfort-resolved="dark"] .grAccountReference .accountSectionTitle,[data-guul-comfort-resolved="dark"] .grAccountReference .accountRowCopy b,[data-guul-comfort-resolved="dark"] .grAccountReference .grAccountProgress h2,[data-guul-comfort-resolved="dark"] .grAccountReference .grAccountHelp h2{color:#e0f7eb!important}[data-guul-comfort-resolved="dark"] .grAccountReference .grAccountProgress,[data-guul-comfort-resolved="dark"] .grAccountReference .grAccountHelp{background:#173d2e!important}[data-guul-comfort-resolved="dark"] .grAccountReference .accountBattleId{background:#252e43!important}[data-guul-comfort-resolved="dark"] .grAccountReference .accountBattleLine strong{background:#313e58!important;color:#ecf2ff!important}
.grAccountReference .accountIcon img[src$="graduation-cap.svg"]{content:url('/assets/hero-warm-v1581/icons/sun.svg')}.grAccountReference .accountList:first-of-type .accountRow:first-child .accountIcon img{content:url('/assets/offline-icons/download.svg')}


/* assets/account-mobile-v3.css */
/* Account refinement: scoped to the current account reference. */
.accountMode .v3Body{padding:14px!important;background:#f4f9f6!important}.accountMode .v3Top{padding-bottom:12px!important}.accountMode .v3Brand b{font-family:system-ui,sans-serif!important;letter-spacing:-.6px!important}
.grAccountReference{display:flex!important;flex-direction:column!important;gap:14px!important;padding:0 0 28px!important}.grAccountReference>*{box-sizing:border-box!important;margin-top:0!important;margin-bottom:0!important}
.grAccountReference .accountStudent{padding:26px!important;gap:22px!important;border:1px solid #008a6c!important;border-radius:24px!important;background:radial-gradient(ellipse at 95% 0%,#11b69c88,transparent 60%),linear-gradient(120deg,#009e83,#00664e)!important;box-shadow:0 12px 26px #006c5015!important;min-height:180px!important}
.grAccountReference .accountStudentAvatar{width:116px!important;height:116px!important;min-width:116px!important;flex:0 0 116px!important;border:4px solid #e4fff4!important;box-shadow:0 6px 20px #00493428!important;align-self:center!important}.grAccountReference .accountStudentAvatar>div{max-width:none!important;max-height:none!important;width:100%!important;height:100%!important;border-radius:50%!important}.grAccountReference .accountStudentAvatar img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important}
.grAccountReference .accountStudentInfo{flex:1!important}.grAccountReference .accountStudentInfo h2{font-family:system-ui,sans-serif!important;font-size:clamp(26px,4vw,40px)!important;line-height:1.15!important;font-weight:850!important;letter-spacing:-.6px!important;margin-bottom:8px!important}.grAccountReference .accountStudentInfo>p{font-size:15px!important;line-height:1.5!important;margin:0 0 12px!important;font-weight:500!important}.grAccountReference .accountStudentActions{gap:7px!important}.grAccountReference .accountStudentActions button{font-family:inherit!important;min-height:32px!important;font-size:11px!important;padding:7px 12px!important;border:1px solid #ffffff55!important;background:#ffffffed!important;box-shadow:none!important;line-height:1.2!important}.grAccountReference .accountOnline{font-size:11px!important;font-weight:750!important;padding:6px 10px!important;background:#bff4dc!important;color:#005b44!important;margin-top:12px!important}
.grAccountReference .grAccountMetrics{padding:20px 10px!important;border-radius:21px!important;border:1px solid #e0eae5!important;box-shadow:0 6px 20px #28443805!important}.grAccountReference .grAccountMetrics>div{padding:0 12px!important;gap:4px 12px!important}.grAccountReference .grAccountMetrics b{font-family:system-ui,sans-serif!important;font-size:27px!important;line-height:1.15!important;font-weight:800!important;color:#172e2a!important}.grAccountReference .grAccountMetrics small{font-size:12px!important;line-height:1.4!important;color:#6c7d78!important}.grAccountReference .grAccIcon{width:48px!important;height:48px!important;background:#e1f8ee!important}.grAccountReference .grAccIcon img{width:24px!important;height:24px!important}.grAccountReference .grAccountMetrics>div:nth-child(2) .grAccIcon{background:#e8efff!important}.grAccountReference .grAccountMetrics>div:nth-child(3) .grAccIcon{background:#fff2df!important}
.grAccountReference .grAccountMetrics>div:nth-child(1) img{content:url('/assets/account-modern-book.svg')}.grAccountReference .grAccountMetrics>div:nth-child(2) img{content:url('/assets/account-modern-exam.svg')}.grAccountReference .grAccountMetrics>div:nth-child(3) img{content:url('/assets/account-modern-calendar.svg')}
.grAccountReference .grAccountProgress{padding:22px!important;border-radius:21px!important;grid-template-columns:minmax(0,1fr) auto!important;gap:15px!important;background:linear-gradient(110deg,#e9fbf3,#f6fffb)!important;border:1px solid #bcebd9!important}.grAccountReference .grAccountProgress h2,.grAccountReference .grAccountHelp h2{font-family:system-ui,sans-serif!important;font-size:22px!important;line-height:1.25!important;letter-spacing:-.3px!important;color:#15372c!important}.grAccountReference .grAccountProgress p,.grAccountReference .grAccountHelp p{font-size:13px!important;line-height:1.5!important;color:#6e8079!important}.grAccountReference .grAccountProgress button{font-size:12px!important;min-height:40px!important;padding:9px 13px!important;border-radius:13px!important;background:#d4f6e7!important;align-self:center!important}.grAccountReference .grAccMeter{height:12px!important;align-self:center!important}.grAccountReference .grAccountProgress>strong{font-family:system-ui!important;font-size:20px!important;line-height:1!important}
.grAccountReference .accountSectionTitle{font-family:system-ui,sans-serif!important;font-size:22px!important;font-weight:800!important;color:#15352d!important;margin:6px 3px -4px!important;letter-spacing:-.35px!important}.grAccountReference .accountList{border-radius:20px!important;border:1px solid #e2ebe6!important;padding:0 16px!important;box-shadow:0 6px 20px #223c3405!important}.grAccountReference .accountRow{padding:18px 0!important;gap:14px!important;min-height:78px!important}.grAccountReference .accountRowCopy b{font-family:system-ui,sans-serif!important;font-size:16px!important;line-height:1.35!important;font-weight:750!important;color:#173b30!important}.grAccountReference .accountRowCopy small{font-family:system-ui,sans-serif!important;font-size:12px!important;line-height:1.5!important;color:#7a8984!important;margin-top:4px!important}.grAccountReference .accountIcon{width:44px!important;height:44px!important;flex:0 0 44px!important;background:#e5f8ef!important}.grAccountReference .accountIcon img,.grAccountReference .accountIcon svg{width:23px!important;height:23px!important}.grAccountReference .accountChevron{font-size:23px!important;color:#13a583!important}
.grAccountReference [data-account-notifications] .accountIcon{background:#e9f2ff!important}.grAccountReference .grAccountHelp{padding:21px!important;gap:16px!important;border-radius:21px!important;background:linear-gradient(120deg,#e4f9ef,#f4fff9)!important;border:1px solid #bcebd7!important}.grAccountReference .grAccountHelp button{font-family:system-ui,sans-serif!important;min-height:46px!important;border-radius:14px!important;background:#008767!important;font-size:14px!important;box-shadow:0 5px 12px #00876718!important}
.grAccountReference .accountBattleId{border:1px solid #e0e4f4!important;border-radius:20px!important;background:#f7f8ff!important;padding:20px!important}.grAccountReference .accountBattleId h2{font-family:system-ui!important;font-size:20px!important;line-height:1.3!important}.grAccountReference .accountBattleId p,.grAccountReference [data-account-battle-status]{font-size:12px!important;line-height:1.5!important;color:#75809a!important}.grAccountReference .accountBattleLine{gap:8px!important;align-items:center!important}.grAccountReference .accountBattleLine strong{font-size:17px!important;letter-spacing:.4px!important;padding:10px!important;background:#eaeefb!important;border-radius:10px!important}.grAccountReference .accountBattleLine button{font-size:12px!important;min-height:39px!important}.grAccountReference .accountLogout{padding:15px 18px!important;min-height:54px!important;border:1px solid #ffe3e7!important;font-size:14px!important;box-shadow:none!important}.grAccountReference .accountLogout svg{width:21px!important;height:21px!important}
@media(max-width:540px){.accountMode .v3Body{padding:12px!important}.grAccountReference{gap:12px!important}.grAccountReference .accountStudent{padding:20px 16px!important;gap:15px!important;min-height:170px!important}.grAccountReference .accountStudentAvatar{width:88px!important;height:88px!important;min-width:88px!important;flex-basis:88px!important;border-width:3px!important}.grAccountReference .accountStudentInfo h2{font-size:27px!important}.grAccountReference .accountStudentInfo>p{font-size:12px!important}.grAccountReference .accountStudentActions{flex-direction:column!important;align-items:flex-start!important;gap:6px!important}.grAccountReference .accountStudentActions button{font-size:10px!important;min-height:28px!important;padding:6px 10px!important}.grAccountReference .accountOnline{font-size:10px!important;margin-top:9px!important}.grAccountReference .grAccountMetrics{padding:16px 4px!important}.grAccountReference .grAccountMetrics>div{padding:0 4px!important;gap:6px!important}.grAccountReference .grAccIcon{width:40px!important;height:40px!important}.grAccountReference .grAccountMetrics b{font-size:24px!important}.grAccountReference .grAccountMetrics small{font-size:10px!important}.grAccountReference .grAccountProgress{padding:18px 15px!important;gap:12px!important}.grAccountReference .grAccountProgress h2{font-size:20px!important}.grAccountReference .grAccountProgress button{font-size:10px!important;padding:8px 10px!important}.grAccountReference .accountSectionTitle{font-size:21px!important}.grAccountReference .grAccountHelp button{width:100%!important}}
@media(max-width:340px){.grAccountReference .accountStudentAvatar{width:74px!important;height:74px!important;min-width:74px!important;flex-basis:74px!important}.grAccountReference .accountStudent{gap:11px!important}.grAccountReference .accountStudentInfo h2{font-size:24px!important}}
[data-guul-comfort-resolved="dark"] .accountMode .v3Body{background:#10221c!important}[data-guul-comfort-resolved="dark"] .grAccountReference .grAccountMetrics b,[data-guul-comfort-resolved="dark"] .grAccountReference .accountSectionTitle,[data-guul-comfort-resolved="dark"] .grAccountReference .accountRowCopy b,[data-guul-comfort-resolved="dark"] .grAccountReference .grAccountProgress h2,[data-guul-comfort-resolved="dark"] .grAccountReference .grAccountHelp h2{color:#e0f7eb!important}[data-guul-comfort-resolved="dark"] .grAccountReference .grAccountProgress,[data-guul-comfort-resolved="dark"] .grAccountReference .grAccountHelp{background:#173d2e!important}[data-guul-comfort-resolved="dark"] .grAccountReference .accountBattleId{background:#252e43!important}[data-guul-comfort-resolved="dark"] .grAccountReference .accountBattleLine strong{background:#313e58!important;color:#ecf2ff!important}
.grAccountReference .accountIcon img[src$="graduation-cap.svg"]{content:url('/assets/hero-warm-v1581/icons/sun.svg')}.grAccountReference .accountList:first-of-type .accountRow:first-child .accountIcon img{content:url('/assets/offline-icons/download.svg')}
/* V3: remove inherited absolute positioning from the battle identity card. */
.v3Overlay.accountMode .grAccountReference .accountBattleId{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:12px!important;min-height:0!important;padding:20px!important;align-items:center!important}
.v3Overlay.accountMode .grAccountReference .accountBattleArt{position:static!important;inset:auto!important;display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:13px!important;background:#e5edff!important;align-self:start!important}
.v3Overlay.accountMode .grAccountReference .accountBattleArt img{width:24px!important;height:24px!important}
.v3Overlay.accountMode .grAccountReference .accountBattleId>div:not(.accountBattleLine){min-width:0!important}
.v3Overlay.accountMode .grAccountReference .accountBattleId h2{font-size:19px!important;line-height:1.3!important;margin:0 0 5px!important}
.v3Overlay.accountMode .grAccountReference .accountBattleId .accountBattleLine{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;padding:0!important;background:transparent!important;width:100%!important;margin:0!important;gap:8px!important}
.v3Overlay.accountMode .grAccountReference .accountBattleLine strong{min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:16px!important;letter-spacing:.3px!important;padding:13px 12px!important}
.v3Overlay.accountMode .grAccountReference .accountBattleId>small{grid-column:1/-1!important;margin:0!important}
@media(max-width:600px){
.v3Overlay.accountMode .v3Body{padding:16px!important;background:#f3f8f5!important}
.v3Overlay.accountMode .grAccountReference{gap:16px!important}
.v3Overlay.accountMode .grAccountReference .accountStudent{padding:26px 18px!important;min-height:166px!important;gap:16px!important;align-items:center!important;border-radius:23px!important;background:radial-gradient(ellipse at 110% -20%,#5ad7ac66,transparent 65%),linear-gradient(120deg,#00977d,#00644e)!important}
.v3Overlay.accountMode .grAccountReference .accountStudentAvatar{width:90px!important;height:90px!important;min-width:90px!important;flex-basis:90px!important;border:4px solid #dcfff1!important;box-shadow:0 8px 22px #003b4226!important}
.v3Overlay.accountMode .grAccountReference .accountStudentInfo{padding:0 26px 0 0!important;min-width:0!important}
.v3Overlay.accountMode .grAccountReference .accountStudentInfo h2{font-family:system-ui,sans-serif!important;font-size:27px!important;line-height:1.2!important;letter-spacing:-.5px!important;margin:0 0 7px!important;font-weight:800!important}
.v3Overlay.accountMode .grAccountReference .accountStudentInfo>p{font-size:12px!important;line-height:1.6!important;font-weight:500!important;margin:0!important;opacity:.94!important}
.v3Overlay.accountMode .grAccountReference .accountStudentActions{display:contents!important}
.v3Overlay.accountMode .grAccountReference .accountStudentActions button{font-size:0!important;padding:0!important;position:absolute!important;width:31px!important;height:31px!important;min-height:31px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#eafff4!important;border:2px solid #008c71!important;box-shadow:0 3px 8px #00402e15!important}
.v3Overlay.accountMode .grAccountReference .accountStudentActions button[data-account-edit]{top:17px!important;right:14px!important}
.v3Overlay.accountMode .grAccountReference .accountStudentActions button[data-account-avatar]{left:80px!important;top:106px!important}
.v3Overlay.accountMode .grAccountReference .accountStudentActions button::after{content:'';display:block;width:16px;height:16px;background:#007b5e;mask:center/contain no-repeat url('/assets/account-mobile-edit.svg');-webkit-mask:center/contain no-repeat url('/assets/account-mobile-edit.svg')}
.v3Overlay.accountMode .grAccountReference .accountStudentActions button[data-account-avatar]::after{mask-image:url('/assets/account-mobile-camera.svg');-webkit-mask-image:url('/assets/account-mobile-camera.svg')}
.v3Overlay.accountMode .grAccountReference .accountOnline{display:inline-flex!important;align-items:center!important;font-family:system-ui,sans-serif!important;font-size:10px!important;font-weight:750!important;line-height:1.3!important;padding:7px 10px!important;margin-top:11px!important;color:#00634b!important;background:#dcffed!important;border:1px solid #ffffff70!important}
.v3Overlay.accountMode .grAccountReference .grAccountMetrics{padding:17px 4px!important;border-radius:21px!important;background:white!important;box-shadow:0 5px 20px #193b2d06!important}
.v3Overlay.accountMode .grAccountReference .grAccountMetrics>div{padding:0 6px!important;gap:7px!important;border-color:#e6ece9!important}.v3Overlay.accountMode .grAccountReference .grAccountMetrics b{font-family:system-ui!important;font-size:24px!important;line-height:1.1!important;font-weight:800!important}.v3Overlay.accountMode .grAccountReference .grAccountMetrics small{font-family:system-ui,sans-serif!important;font-size:10px!important;line-height:1.4!important;font-weight:550!important;color:#76867e!important}.v3Overlay.accountMode .grAccountReference .grAccIcon{width:39px!important;height:39px!important;border-radius:13px!important}
.v3Overlay.accountMode .grAccountReference .grAccountProgress{padding:20px 17px!important;border-radius:21px!important;gap:14px!important;background:linear-gradient(120deg,#e4f8ec,#f5fff9)!important}.v3Overlay.accountMode .grAccountReference .grAccountProgress h2{font-size:21px!important;line-height:1.3!important}.v3Overlay.accountMode .grAccountReference .grAccountProgress p{font-family:system-ui!important;font-size:12px!important;margin-top:5px!important}.v3Overlay.accountMode .grAccountReference .grAccountProgress button{font-family:system-ui!important;font-size:10px!important;font-weight:750!important;border:1px solid #b7e8d3!important;background:white!important;min-height:37px!important;box-shadow:0 3px 8px #174d3010!important}.v3Overlay.accountMode .grAccountReference .grAccMeter{height:10px!important}.v3Overlay.accountMode .grAccountReference .grAccountProgress>strong{font-size:21px!important}
.v3Overlay.accountMode .grAccountReference .accountSectionTitle{font-size:21px!important;line-height:1.3!important;margin:4px 2px -5px!important;font-weight:800!important;letter-spacing:-.4px!important}
.v3Overlay.accountMode .grAccountReference .accountList{padding:0 16px!important;border-radius:21px!important;background:white!important;box-shadow:0 5px 20px #193b2d05!important}.v3Overlay.accountMode .grAccountReference .accountRow{min-height:78px!important;padding:17px 0!important;gap:13px!important}.v3Overlay.accountMode .grAccountReference .accountRowCopy b{font-family:system-ui!important;font-size:15px!important;line-height:1.4!important;font-weight:750!important}.v3Overlay.accountMode .grAccountReference .accountRowCopy small{font-size:11px!important}.v3Overlay.accountMode .grAccountReference .accountIcon{width:41px!important;height:41px!important;flex-basis:41px!important;border-radius:13px!important;background:#e5f6ef!important}.v3Overlay.accountMode .grAccountReference .accountChevron{font-size:24px!important;font-weight:400!important}
.v3Overlay.accountMode .grAccountReference .accountBattleId{padding:18px 16px!important;border-radius:21px!important;background:linear-gradient(120deg,#f4f5ff,#fafbff)!important;gap:12px!important}.v3Overlay.accountMode .grAccountReference .accountBattleId h2{font-size:18px!important}.v3Overlay.accountMode .grAccountReference .accountBattleId p{font-family:system-ui!important;font-size:11px!important;line-height:1.6!important}.v3Overlay.accountMode .grAccountReference .accountBattleLine strong{font-family:system-ui!important;font-size:14px!important;padding:12px 9px!important}.v3Overlay.accountMode .grAccountReference .accountBattleLine button{font-family:system-ui!important;font-size:10px!important;padding:10px!important;min-height:39px!important;border-radius:11px!important}.v3Overlay.accountMode .grAccountReference [data-account-battle-status]{font-family:system-ui!important;font-size:10px!important}
.v3Overlay.accountMode .grAccountReference .grAccountHelp{padding:20px 17px!important;gap:13px!important;background:#eafaf1!important}.v3Overlay.accountMode .grAccountReference .grAccountHelp h2{font-size:21px!important}.v3Overlay.accountMode .grAccountReference .grAccountHelp button{font-size:14px!important;min-height:47px!important;border-radius:13px!important;letter-spacing:0!important}
}
@media(max-width:350px){.v3Overlay.accountMode .v3Body{padding:12px!important}.v3Overlay.accountMode .grAccountReference .accountStudent{gap:12px!important;padding-left:15px!important}.v3Overlay.accountMode .grAccountReference .accountStudentAvatar{width:76px!important;height:76px!important;min-width:76px!important;flex-basis:76px!important}.v3Overlay.accountMode .grAccountReference .accountStudentInfo h2{font-size:24px!important}.v3Overlay.accountMode .grAccountReference .accountStudentInfo{padding-right:15px!important}.v3Overlay.accountMode .grAccountReference .accountStudentActions button[data-account-avatar]{left:67px!important;top:103px!important}.v3Overlay.accountMode .grAccountReference .accountBattleId .accountBattleLine{grid-template-columns:1fr 1fr!important}.v3Overlay.accountMode .grAccountReference .accountBattleLine strong{grid-column:1/-1!important}.v3Overlay.accountMode .grAccountReference .grAccountProgress button{font-size:9px!important;padding:8px!important}}
[data-guul-comfort-resolved="dark"] .v3Overlay.accountMode .grAccountReference .accountList,[data-guul-comfort-resolved="dark"] .v3Overlay.accountMode .grAccountReference .grAccountMetrics{background:#19372b!important}[data-guul-comfort-resolved="dark"] .v3Overlay.accountMode .grAccountReference .grAccountProgress,[data-guul-comfort-resolved="dark"] .v3Overlay.accountMode .grAccountReference .grAccountHelp{background:#173d2e!important}[data-guul-comfort-resolved="dark"] .v3Overlay.accountMode .grAccountReference .accountBattleId{background:#232f44!important}
@media(max-width:600px){.v3Overlay.accountMode .grAccountReference .grAccountMetrics>div{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}.v3Overlay.accountMode .grAccountReference .grAccountMetrics small{display:block!important;font-family:system-ui,sans-serif!important}}


/* assets/account-remove-id-v1.css */
.accountMode .accountPage .accountBattleId{display:none!important}


/* assets/no-guides-clean-icon-v1.css */
[data-guul-guides],.v2SectionHead a[href^="/waxbarasho"]{display:none!important}
.v2ServiceCard.gov .v2ServiceIcon,.grRefHome .grRefServices .v2ServiceCard.gov .v2ServiceIcon{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.v2ServiceCard.gov .v2ServiceIcon>img,.v2ServiceCard.gov .v2ServiceIcon>svg{display:none!important}
.v2ServiceCard.gov .v2ServiceIcon::before,.grRefHome .grRefServices .v2ServiceCard.gov .v2ServiceIcon::before{content:""!important;display:block!important;background-color:transparent!important;background-image:url('/assets/government-clean-icon-v1.svg')!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;mask:none!important;-webkit-mask:none!important;box-shadow:none!important;border:0!important;filter:drop-shadow(0 3px 2px #075d4f12)!important}


/* assets/account-arts-v4.css */
/* Artwork only: existing dimensions, text, account state and behavior preserved. */
.v3Overlay.accountMode .grAccountReference .accountStudent{position:relative!important;isolation:isolate}
.v3Overlay.accountMode .grAccountReference .accountStudent::before{content:"";position:absolute;inset:0;z-index:-1;background:url('/assets/account-hero-art-v4.svg') center/cover no-repeat;pointer-events:none;border-radius:inherit}
.v3Overlay.accountMode .grAccountReference .accountStudentInfo,.v3Overlay.accountMode .grAccountReference .accountStudentAvatar{position:relative;z-index:1}
.v3Overlay.accountMode .grAccountReference .accountStudentInfo{position:static!important}
.v3Overlay.accountMode .grAccountReference .grAccIcon,.v3Overlay.accountMode .grAccountReference .accountIcon{box-shadow:inset 0 1px 0 #ffffff80;border:1px solid #109f6e09}
.v3Overlay.accountMode .grAccountReference .grAccountMetrics>div:nth-child(1) .grAccIcon{background:#e0faee!important}.v3Overlay.accountMode .grAccountReference .grAccountMetrics>div:nth-child(2) .grAccIcon{background:#e6efff!important}.v3Overlay.accountMode .grAccountReference .grAccountMetrics>div:nth-child(3) .grAccIcon{background:#fff1d9!important}
.v3Overlay.accountMode .grAccountReference .accountList .accountRow:has(img[src$="trophy.svg"]) .accountIcon{background:#fff0d6!important}
.v3Overlay.accountMode .grAccountReference .grAccountHelp{display:grid!important;grid-template-columns:43px minmax(0,1fr) auto!important;column-gap:12px!important;align-items:center!important}
.v3Overlay.accountMode .grAccountReference .grAccountHelp::before{content:"";display:block;width:43px;height:43px;background:#c9f3e3 url('/assets/account-helper-robot-v4.svg') center/29px 29px no-repeat;border-radius:15px;box-shadow:inset 0 1px 0 #ffffff88}
.v3Overlay.accountMode .grAccountReference .grAccountHelp button{width:auto!important}
@media(max-width:600px){.v3Overlay.accountMode .grAccountReference .grAccountHelp{grid-template-columns:43px minmax(0,1fr)!important;row-gap:14px!important}.v3Overlay.accountMode .grAccountReference .grAccountHelp button{grid-column:1/-1!important;width:100%!important}.v3Overlay.accountMode .grAccountReference .accountStudent::before{background-position:56% center;background-size:auto 100%;opacity:.85}}
[data-guul-comfort-resolved="dark"] .v3Overlay.accountMode .grAccountReference .grAccountHelp::before{background-color:#27624d}


/* assets/battle-design-v2.css */
.grBattleDesignV2{background:radial-gradient(ellipse at 100% 0,#e5fbf2,transparent 50%),#f5fcf8!important;padding:20px!important;max-width:1000px!important;font-family:system-ui,sans-serif!important;color:#0c1733!important}.grBattleDesignV2 .grBattleBrand{gap:12px!important;margin-bottom:20px}.grBattleDesignV2 .grBattleTopTools{display:flex;gap:10px;margin-left:auto}.grBattleTopTools button{display:grid;place-items:center;width:43px;height:43px;border:1px solid #e5efeb;background:white;border-radius:15px;cursor:pointer}.grBattleTopTools img{width:24px!important;height:24px!important}.grBattleHeadingV2{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px}.grBattleHeadingV2>button{border:0;border-radius:50%;background:#def7ec;color:#07564e;width:48px;height:48px;flex:none;font-size:26px;cursor:pointer}.grBattleHeadingV2 h1{font-size:36px;line-height:1.2;margin:0 0 7px;font-weight:850;letter-spacing:-1px}.grBattleHeadingV2 p{font-size:16px;color:#63738b;margin:0;line-height:1.5}
.grBattleDesignV2 .grBattleHero{min-height:290px!important;background:radial-gradient(circle at 90% 0,#16baa144,transparent 60%),linear-gradient(120deg,#006b5c,#009b7e)!important;border-radius:24px!important;isolation:isolate}.grBattleDesignV2 .grBattleHero>img{width:68%!important;height:96%!important;left:auto!important;right:-1%!important;bottom:-4%!important;object-fit:contain!important;object-position:right bottom!important;z-index:-1!important}.grBattleDesignV2 .grBattleHero>.grBattleBannerCopy{display:block!important;padding:26px!important;max-width:48%!important;position:relative;z-index:1}.grBattleBannerCopy h2{font-size:42px;line-height:1.08;color:white!important;margin:0 0 14px;font-weight:850;letter-spacing:-1px}.grBattleDesignV2 .grBattleBannerCopy p{font-size:18px!important;color:#e9fff5!important;line-height:1.4!important}.grBattleDesignV2 .grBattleOnlineNote{position:absolute;left:20px;bottom:15px;margin:0!important;padding:9px 15px!important;background:#e7fff4ed!important;color:#07554b!important;font-size:13px!important;border-radius:24px!important}
.grBattleDesignV2 .grBattleCard{padding:24px!important;border:1px solid #dceee6!important;border-radius:22px!important;box-shadow:0 6px 20px #124a2f06!important;margin:18px 0!important}.grBattleDesignV2 .grBattleCard h2{font-size:27px!important;line-height:1.25!important;letter-spacing:-.6px!important;margin-bottom:18px!important}.grBattleDesignV2 .grBattleCard label{font-size:17px!important;min-height:65px!important;padding:12px 0!important;gap:12px!important}.grBattleDesignV2 .grBattleCard select{width:60%!important;min-width:0!important;max-width:none!important;background:#f7fafc!important;border:1px solid #dce6ed!important;min-height:47px!important;border-radius:12px!important;padding:10px 12px!important;font:inherit!important;font-size:15px!important;color:#344764!important}.grBattleDesignV2 .grBattleCount{display:grid!important;grid-template-columns:minmax(0,1fr) 82px 82px!important;gap:10px!important}.grBattleDesignV2 .grBattleCount span{font-size:16px!important}.grBattleDesignV2 .grBattleCount button{font-size:18px!important;color:#0d1933!important;min-height:45px!important;border-radius:12px!important}.grBattleDesignV2 .grBattleCount button.active{color:white!important;background:#008f78!important;border-color:#008f78!important}
.grBattleModeTabsV2{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dcece5;background:white;border-radius:18px;padding:4px;margin-top:18px}.grBattleModeTabsV2 button{border:0;background:transparent;border-radius:14px;min-height:48px;font:inherit;font-weight:750;color:#60738a;cursor:pointer}.grBattleModeTabsV2 button.active{background:linear-gradient(100deg,#006c60,#009b7d);color:white;box-shadow:0 3px 8px #007a5520}.grBattleDesignV2 .grBattleFriend{background:linear-gradient(130deg,#fafffd,#edfbf5)!important}.grBattleDesignV2 [hidden]{display:none!important}.grBattleDesignV2 .guulBattleIdentity{padding:12px!important;gap:10px!important;background:white!important;flex-wrap:nowrap!important}.grBattleDesignV2 .guulBattleIdentity strong{font-size:22px!important;min-width:0!important;flex:1!important;overflow-wrap:anywhere!important}.grBattleDesignV2 .guulBattleIdentity button{margin:0!important;font-size:13px!important;padding:11px!important;border-radius:12px!important;background:#ddf8ee!important;color:#006f5a!important}.grBattleDesignV2 .grBattleJoin{margin:15px 0!important}.grBattleDesignV2 .grBattleJoin input{background:white!important;border:1px solid #d7e5e4!important;border-radius:13px!important;padding:15px!important;font-size:16px!important}.grBattleDesignV2 .guulBattlePanelActions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin-top:15px!important}.grBattleDesignV2 .guulBattlePanelActions button{min-height:51px!important;border-radius:14px!important;padding:12px!important;font:inherit!important;font-size:17px!important;font-weight:750!important;cursor:pointer}.grBattleDesignV2 [data-battle-direct-join]{border:0!important;background:#008a73!important;color:white!important}.grBattleDesignV2 [data-battle-friend]{border:1.5px solid #008a73!important;background:white!important;color:#006a5b!important}.grBattleDesignV2 [data-battle-stats]{color:#658078!important;font-size:12px!important}
@media(max-width:650px){.grBattleDesignV2{padding:14px!important}.grBattleDesignV2 .grBattleBrand img{width:36px!important;height:36px!important}.grBattleDesignV2 .grBattleBrand b{font-size:15px!important;letter-spacing:-.4px!important}.grBattleDesignV2 .grBattleBrand small{font-size:8px!important}.grBattleDesignV2 .grBattleTopTools{gap:6px}.grBattleTopTools button{width:34px;height:34px;border-radius:12px}.grBattleTopTools img{width:20px!important;height:20px!important}.grBattleHeadingV2{gap:11px;margin-bottom:16px}.grBattleHeadingV2>button{width:38px;height:38px;font-size:23px}.grBattleHeadingV2 h1{font-size:27px;letter-spacing:-.7px}.grBattleHeadingV2 p{font-size:12px}.grBattleDesignV2 .grBattleHero{min-height:195px!important;border-radius:21px!important}.grBattleDesignV2 .grBattleHero>.grBattleBannerCopy{padding:19px 16px!important;max-width:48%!important}.grBattleBannerCopy h2{font-size:27px;letter-spacing:-.5px;margin-bottom:10px}.grBattleDesignV2 .grBattleBannerCopy p{font-size:12px!important}.grBattleDesignV2 .grBattleOnlineNote{left:13px;bottom:12px;padding:7px 10px!important;font-size:10px!important}.grBattleDesignV2 .grBattleCard{padding:17px!important;border-radius:20px!important;margin:15px 0!important}.grBattleDesignV2 .grBattleCard h2{font-size:22px!important;margin-bottom:13px!important}.grBattleDesignV2 .grBattleCard label{font-size:13px!important;min-height:56px!important;gap:9px!important}.grBattleDesignV2 .grBattleCard select{font-size:12px!important;width:62%!important;min-height:42px!important;padding:9px!important}.grBattleDesignV2 .grBattleCount{grid-template-columns:minmax(0,1fr) 60px 60px!important;gap:8px!important}.grBattleDesignV2 .grBattleCount span{font-size:12px!important}.grBattleDesignV2 .grBattleCount button{font-size:15px!important;min-height:40px!important}.grBattleModeTabsV2 button{min-height:42px;font-size:14px}.grBattleDesignV2 .grBattleFriend>p{font-size:12px!important;line-height:1.5}.grBattleDesignV2 .guulBattleIdentity{padding:10px!important;gap:7px!important}.grBattleDesignV2 .guulBattleIdentity strong{font-size:15px!important;letter-spacing:0!important}.grBattleDesignV2 .guulBattleIdentity button{padding:9px 8px!important;font-size:10px!important}.grBattleDesignV2 .grBattleJoin input{font-size:13px!important}.grBattleDesignV2 .guulBattlePanelActions{gap:9px!important}.grBattleDesignV2 .guulBattlePanelActions button{font-size:13px!important;min-height:46px!important}}
[data-guul-comfort-resolved="dark"] .grBattleDesignV2{background:#10261e!important;color:#e9fff3!important}[data-guul-comfort-resolved="dark"] .grBattleDesignV2 .grBattleCard,[data-guul-comfort-resolved="dark"] .grBattleModeTabsV2{background:#1b352b!important;border-color:#345b49!important}[data-guul-comfort-resolved="dark"] .grBattleDesignV2 .grBattleCard h2{color:#e9fff3!important}[data-guul-comfort-resolved="dark"] .grBattleDesignV2 select,[data-guul-comfort-resolved="dark"] .grBattleDesignV2 .guulBattleIdentity,[data-guul-comfort-resolved="dark"] .grBattleDesignV2 .grBattleJoin input{background:#173d30!important;color:#e8fff1!important}
.grBattleDesignV2 .grBattleSetupV2>h2::before{content:'⚙';display:inline-block;margin-right:10px;color:#9e84c3}.grBattleDesignV2 .grBattleSubjectLabel,.grBattleDesignV2 .grBattleChapterLabel{position:relative;padding-left:38px!important}.grBattleDesignV2 .grBattleSubjectLabel::before,.grBattleDesignV2 .grBattleChapterLabel::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:28px;height:32px;background:#e4f8ee url('/assets/icons-v1591/book-open.svg') center/20px no-repeat;border-radius:9px}.grBattleDesignV2 .grBattleChapterLabel::before{background-color:#f0ebfc;background-image:url('/assets/icons-v1591/notebook.svg')}.grBattleDesignV2 .grBattleFriend>h2::before{content:'♟';display:inline-block;margin-right:9px;color:#008c74}
.grBattleDesignV2 .grBattleCard label.grBattleSubjectLabel,.grBattleDesignV2 .grBattleCard label.grBattleChapterLabel{padding-left:39px!important}.grBattleDesignV2 .grBattleFriend>h2::before{content:'👥'!important}


/* assets/battle-style-v3.css */
@font-face{font-family:'Guul Plus Jakarta';src:url('/assets/plus-jakarta-latin-variable-v3.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:'Guul Inter';src:url('/assets/inter-latin-variable-v3.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
.grBattleDesignV2{--battle-navy:#0b1739;--battle-emerald:#00866b;--battle-teal:#00a487;--battle-mint:#e8fff5;font-family:'Guul Inter',system-ui,sans-serif!important;color:var(--battle-navy)!important;background:radial-gradient(ellipse at 0 20%,#e6fbf2,transparent 55%),#f7fffb!important}
.grBattleDesignV2 h1,.grBattleDesignV2 h2,.grBattleDesignV2 b,.grBattleDesignV2 button,.grBattleDesignV2 label,.grBattleDesignV2 select,.grBattleDesignV2 .grBattleCount>span{font-family:'Guul Plus Jakarta',system-ui,sans-serif!important}
.grBattleDesignV2 h1,.grBattleDesignV2 h2{font-weight:800!important;letter-spacing:-.8px!important;line-height:1.25!important}
.grBattleDesignV2 p,.grBattleDesignV2 input,.grBattleDesignV2 small{font-family:'Guul Inter',system-ui,sans-serif!important;font-weight:400!important;line-height:1.6!important}
.grBattleDesignV2 button,.grBattleDesignV2 label,.grBattleDesignV2 .grBattleCount>span{font-weight:600!important}
.grBattleDesignV2 .grBattleHero{background:radial-gradient(circle at 70% 20%,#00d6a74d,transparent 65%),linear-gradient(110deg,#004e4a,#008c74 60%,#00a586)!important;border:1px solid #008d741c!important;box-shadow:0 8px 28px #008f6510!important}
.grBattleDesignV2 .grBattleHero::before{content:"";position:absolute;left:63%;top:7%;width:60px;height:50px;background:url('/assets/battle-light-book-v3.svg') center/contain no-repeat;opacity:.24;pointer-events:none;z-index:0}
.grBattleDesignV2 .grBattleBannerCopy h2{font-family:'Guul Plus Jakarta',system-ui,sans-serif!important;font-weight:800!important;line-height:1.08!important;letter-spacing:-1.1px!important;text-shadow:0 2px 12px #003e3b12}
.grBattleDesignV2 .grBattleBannerCopy p{font-weight:500!important;text-shadow:0 1px 8px #003e3b40}
.grBattleDesignV2 .grBattleCard{border-color:#e2eeeb!important;box-shadow:0 7px 24px #00664807!important;background:#fffffffa!important}
.grBattleDesignV2 .grBattleCard label{border-bottom:1px solid #e3ebef!important;min-height:73px!important}
.grBattleDesignV2 .grBattleCard select{height:50px!important;background:#f5f9fc!important;border-color:#d9e5ed!important;color:#3d5073!important;border-radius:14px!important;font-weight:500!important}
.grBattleDesignV2 .grBattleSubjectLabel::before,.grBattleDesignV2 .grBattleChapterLabel::before{width:31px!important;height:36px!important;border-radius:11px!important;background-size:22px!important}
.grBattleDesignV2 .grBattleCount button{height:48px!important;font-weight:800!important;border-color:#e0e7ef!important;background:#f4f7fc!important;color:#102148!important}
.grBattleDesignV2 .grBattleCount button.active{background:linear-gradient(110deg,#007d70,#00a687)!important;color:white!important;border-color:#008f76!important}
.grBattleModeTabsV2{border-color:#dfeee9!important;box-shadow:0 5px 18px #00654807!important;padding:5px!important}
.grBattleModeTabsV2 button{font-family:'Guul Plus Jakarta',system-ui,sans-serif!important;font-weight:800!important;min-height:49px!important;font-size:16px!important}
.grBattleDesignV2 .grBattleFriend{background:linear-gradient(120deg,#fafffd,#f0fcf7)!important;border-color:#c8eee0!important}
.grBattleDesignV2 .guulBattleIdentity{background:linear-gradient(100deg,#e1faf3,#edfcf6)!important;border-color:#bcece0!important;padding:14px!important}
.grBattleDesignV2 .guulBattleIdentity strong{font-family:'Guul Plus Jakarta',system-ui,sans-serif!important;font-weight:800!important;color:#0c1a42!important;letter-spacing:-.3px!important}
.grBattleDesignV2 .guulBattleIdentity button{background:#cef4e9!important;color:#006b62!important;min-height:41px!important;font-weight:700!important}
.grBattleDesignV2 .grBattleJoin input{min-height:54px!important;background:#fff!important;border-color:#d6e3eb!important;color:#193557!important}
.grBattleDesignV2 .guulBattlePanelActions button{min-height:55px!important;border-radius:15px!important;font-weight:700!important}
.grBattleDesignV2 [data-battle-direct-join]{background:linear-gradient(110deg,#007d73,#00a98a)!important;box-shadow:0 5px 12px #007d7315!important}
.grBattleDesignV2 [data-battle-friend]{color:#0b1739!important;background:white!important;border-color:#008a75!important}
.grBattleDesignV2 [data-battle-stats]:empty,.grBattleDesignV2 .grBattleShareStatus:empty{display:none!important}
body:has(.grBattleDesignV2) #guulTourReplay,body:has(.grBattleDesignV2) #guulTourNotice,body:has(.grBattleDesignV2) .guulTourHelpButton{display:none!important}
@media(max-width:650px){.grBattleDesignV2{padding:14px!important}.grBattleHeadingV2 h1{font-size:27px!important}.grBattleHeadingV2 p{font-size:12px!important;line-height:1.5!important}.grBattleDesignV2 .grBattleHero{min-height:210px!important;border-radius:23px!important}.grBattleDesignV2 .grBattleHero>.grBattleBannerCopy{max-width:49%!important;padding:20px 16px!important}.grBattleDesignV2 .grBattleBannerCopy h2{font-size:28px!important;letter-spacing:-.7px!important}.grBattleDesignV2 .grBattleBannerCopy p{font-size:12px!important;line-height:1.5!important}.grBattleDesignV2 .grBattleOnlineNote{font-family:'Guul Inter',system-ui!important;font-size:10px!important;font-weight:600!important;bottom:13px!important}.grBattleDesignV2 .grBattleHero>img{width:70%!important;height:91%!important;right:-3%!important;bottom:-3%!important}.grBattleDesignV2 .grBattleHero::before{width:35px;height:30px;left:62%;top:7%}.grBattleDesignV2 .grBattleCard{padding:18px!important;border-radius:22px!important}.grBattleDesignV2 .grBattleCard h2{font-size:22px!important}.grBattleDesignV2 .grBattleCard label{min-height:65px!important;font-size:13px!important}.grBattleDesignV2 .grBattleCard select{font-size:12px!important;height:43px!important}.grBattleDesignV2 .grBattleCount{padding-top:17px!important}.grBattleDesignV2 .grBattleCount button{height:42px!important;font-size:16px!important}.grBattleDesignV2 .grBattleCount span{font-size:12px!important}.grBattleModeTabsV2 button{min-height:43px!important;font-size:14px!important}.grBattleDesignV2 .guulBattleIdentity{padding:11px!important}.grBattleDesignV2 .guulBattleIdentity strong{font-size:15px!important}.grBattleDesignV2 .guulBattleIdentity button{min-height:37px!important;font-size:10px!important;padding:8px!important}.grBattleDesignV2 .guulBattlePanelActions button{font-size:13px!important;min-height:48px!important}.grBattleDesignV2 .grBattleJoin input{min-height:48px!important;font-size:12px!important}}
[data-guul-comfort-resolved="dark"] .grBattleDesignV2{background:#10271f!important;color:#e9fff5!important}[data-guul-comfort-resolved="dark"] .grBattleDesignV2 .grBattleCard{background:#1b372c!important;border-color:#315c4b!important}[data-guul-comfort-resolved="dark"] .grBattleDesignV2 .guulBattleIdentity{background:#23483c!important}[data-guul-comfort-resolved="dark"] .grBattleDesignV2 .guulBattleIdentity strong{color:#edfff5!important}[data-guul-comfort-resolved="dark"] .grBattleDesignV2 .grBattleCard select,[data-guul-comfort-resolved="dark"] .grBattleDesignV2 .grBattleJoin input{background:#19372d!important;color:#dff7ef!important}
.grBattleDesignV2 [data-battle-stats]{display:none!important}


/* assets/battle-complete-v4.css */
.grBattleDesignV2{background:radial-gradient(ellipse at 100% 0,#e5fbf2,transparent 50%),#f5fcf8!important;padding:20px!important;max-width:1000px!important;font-family:system-ui,sans-serif!important;color:#0c1733!important}.grBattleDesignV2 .grBattleBrand{gap:12px!important;margin-bottom:20px}.grBattleDesignV2 .grBattleTopTools{display:flex;gap:10px;margin-left:auto}.grBattleTopTools button{display:grid;place-items:center;width:43px;height:43px;border:1px solid #e5efeb;background:white;border-radius:15px;cursor:pointer}.grBattleTopTools img{width:24px!important;height:24px!important}.grBattleHeadingV2{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px}.grBattleHeadingV2>button{border:0;border-radius:50%;background:#def7ec;color:#07564e;width:48px;height:48px;flex:none;font-size:26px;cursor:pointer}.grBattleHeadingV2 h1{font-size:36px;line-height:1.2;margin:0 0 7px;font-weight:850;letter-spacing:-1px}.grBattleHeadingV2 p{font-size:16px;color:#63738b;margin:0;line-height:1.5}
.grBattleDesignV2 .grBattleHero{min-height:290px!important;background:radial-gradient(circle at 90% 0,#16baa144,transparent 60%),linear-gradient(120deg,#006b5c,#009b7e)!important;border-radius:24px!important;isolation:isolate}.grBattleDesignV2 .grBattleHero>img{width:68%!important;height:96%!important;left:auto!important;right:-1%!important;bottom:-4%!important;object-fit:contain!important;object-position:right bottom!important;z-index:-1!important}.grBattleDesignV2 .grBattleHero>.grBattleBannerCopy{display:block!important;padding:26px!important;max-width:48%!important;position:relative;z-index:1}.grBattleBannerCopy h2{font-size:42px;line-height:1.08;color:white!important;margin:0 0 14px;font-weight:850;letter-spacing:-1px}.grBattleDesignV2 .grBattleBannerCopy p{font-size:18px!important;color:#e9fff5!important;line-height:1.4!important}.grBattleDesignV2 .grBattleOnlineNote{position:absolute;left:20px;bottom:15px;margin:0!important;padding:9px 15px!important;background:#e7fff4ed!important;color:#07554b!important;font-size:13px!important;border-radius:24px!important}
.grBattleDesignV2 .grBattleCard{padding:24px!important;border:1px solid #dceee6!important;border-radius:22px!important;box-shadow:0 6px 20px #124a2f06!important;margin:18px 0!important}.grBattleDesignV2 .grBattleCard h2{font-size:27px!important;line-height:1.25!important;letter-spacing:-.6px!important;margin-bottom:18px!important}.grBattleDesignV2 .grBattleCard label{font-size:17px!important;min-height:65px!important;padding:12px 0!important;gap:12px!important}.grBattleDesignV2 .grBattleCard select{width:60%!important;min-width:0!important;max-width:none!important;background:#f7fafc!important;border:1px solid #dce6ed!important;min-height:47px!important;border-radius:12px!important;padding:10px 12px!important;font:inherit!important;font-size:15px!important;color:#344764!important}.grBattleDesignV2 .grBattleCount{display:grid!important;grid-template-columns:minmax(0,1fr) 82px 82px!important;gap:10px!important}.grBattleDesignV2 .grBattleCount span{font-size:16px!important}.grBattleDesignV2 .grBattleCount button{font-size:18px!important;color:#0d1933!important;min-height:45px!important;border-radius:12px!important}.grBattleDesignV2 .grBattleCount button.active{color:white!important;background:#008f78!important;border-color:#008f78!important}
.grBattleModeTabsV2{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dcece5;background:white;border-radius:18px;padding:4px;margin-top:18px}.grBattleModeTabsV2 button{border:0;background:transparent;border-radius:14px;min-height:48px;font:inherit;font-weight:750;color:#60738a;cursor:pointer}.grBattleModeTabsV2 button.active{background:linear-gradient(100deg,#006c60,#009b7d);color:white;box-shadow:0 3px 8px #007a5520}.grBattleDesignV2 .grBattleFriend{background:linear-gradient(130deg,#fafffd,#edfbf5)!important}.grBattleDesignV2 [hidden]{display:none!important}.grBattleDesignV2 .guulBattleIdentity{padding:12px!important;gap:10px!important;background:white!important;flex-wrap:nowrap!important}.grBattleDesignV2 .guulBattleIdentity strong{font-size:22px!important;min-width:0!important;flex:1!important;overflow-wrap:anywhere!important}.grBattleDesignV2 .guulBattleIdentity button{margin:0!important;font-size:13px!important;padding:11px!important;border-radius:12px!important;background:#ddf8ee!important;color:#006f5a!important}.grBattleDesignV2 .grBattleJoin{margin:15px 0!important}.grBattleDesignV2 .grBattleJoin input{background:white!important;border:1px solid #d7e5e4!important;border-radius:13px!important;padding:15px!important;font-size:16px!important}.grBattleDesignV2 .guulBattlePanelActions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin-top:15px!important}.grBattleDesignV2 .guulBattlePanelActions button{min-height:51px!important;border-radius:14px!important;padding:12px!important;font:inherit!important;font-size:17px!important;font-weight:750!important;cursor:pointer}.grBattleDesignV2 [data-battle-direct-join]{border:0!important;background:#008a73!important;color:white!important}.grBattleDesignV2 [data-battle-friend]{border:1.5px solid #008a73!important;background:white!important;color:#006a5b!important}.grBattleDesignV2 [data-battle-stats]{color:#658078!important;font-size:12px!important}
@media(max-width:650px){.grBattleDesignV2{padding:14px!important}.grBattleDesignV2 .grBattleBrand img{width:36px!important;height:36px!important}.grBattleDesignV2 .grBattleBrand b{font-size:15px!important;letter-spacing:-.4px!important}.grBattleDesignV2 .grBattleBrand small{font-size:8px!important}.grBattleDesignV2 .grBattleTopTools{gap:6px}.grBattleTopTools button{width:34px;height:34px;border-radius:12px}.grBattleTopTools img{width:20px!important;height:20px!important}.grBattleHeadingV2{gap:11px;margin-bottom:16px}.grBattleHeadingV2>button{width:38px;height:38px;font-size:23px}.grBattleHeadingV2 h1{font-size:27px;letter-spacing:-.7px}.grBattleHeadingV2 p{font-size:12px}.grBattleDesignV2 .grBattleHero{min-height:195px!important;border-radius:21px!important}.grBattleDesignV2 .grBattleHero>.grBattleBannerCopy{padding:19px 16px!important;max-width:48%!important}.grBattleBannerCopy h2{font-size:27px;letter-spacing:-.5px;margin-bottom:10px}.grBattleDesignV2 .grBattleBannerCopy p{font-size:12px!important}.grBattleDesignV2 .grBattleOnlineNote{left:13px;bottom:12px;padding:7px 10px!important;font-size:10px!important}.grBattleDesignV2 .grBattleCard{padding:17px!important;border-radius:20px!important;margin:15px 0!important}.grBattleDesignV2 .grBattleCard h2{font-size:22px!important;margin-bottom:13px!important}.grBattleDesignV2 .grBattleCard label{font-size:13px!important;min-height:56px!important;gap:9px!important}.grBattleDesignV2 .grBattleCard select{font-size:12px!important;width:62%!important;min-height:42px!important;padding:9px!important}.grBattleDesignV2 .grBattleCount{grid-template-columns:minmax(0,1fr) 60px 60px!important;gap:8px!important}.grBattleDesignV2 .grBattleCount span{font-size:12px!important}.grBattleDesignV2 .grBattleCount button{font-size:15px!important;min-height:40px!important}.grBattleModeTabsV2 button{min-height:42px;font-size:14px}.grBattleDesignV2 .grBattleFriend>p{font-size:12px!important;line-height:1.5}.grBattleDesignV2 .guulBattleIdentity{padding:10px!important;gap:7px!important}.grBattleDesignV2 .guulBattleIdentity strong{font-size:15px!important;letter-spacing:0!important}.grBattleDesignV2 .guulBattleIdentity button{padding:9px 8px!important;font-size:10px!important}.grBattleDesignV2 .grBattleJoin input{font-size:13px!important}.grBattleDesignV2 .guulBattlePanelActions{gap:9px!important}.grBattleDesignV2 .guulBattlePanelActions button{font-size:13px!important;min-height:46px!important}}
[data-guul-comfort-resolved="dark"] .grBattleDesignV2{background:#10261e!important;color:#e9fff3!important}[data-guul-comfort-resolved="dark"] .grBattleDesignV2 .grBattleCard,[data-guul-comfort-resolved="dark"] .grBattleModeTabsV2{background:#1b352b!important;border-color:#345b49!important}[data-guul-comfort-resolved="dark"] .grBattleDesignV2 .grBattleCard h2{color:#e9fff3!important}[data-guul-comfort-resolved="dark"] .grBattleDesignV2 select,[data-guul-comfort-resolved="dark"] .grBattleDesignV2 .guulBattleIdentity,[data-guul-comfort-resolved="dark"] .grBattleDesignV2 .grBattleJoin input{background:#173d30!important;color:#e8fff1!important}
.grBattleDesignV2 .grBattleSetupV2>h2::before{content:'⚙';display:inline-block;margin-right:10px;color:#9e84c3}.grBattleDesignV2 .grBattleSubjectLabel,.grBattleDesignV2 .grBattleChapterLabel{position:relative;padding-left:38px!important}.grBattleDesignV2 .grBattleSubjectLabel::before,.grBattleDesignV2 .grBattleChapterLabel::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:28px;height:32px;background:#e4f8ee url('/assets/icons-v1591/book-open.svg') center/20px no-repeat;border-radius:9px}.grBattleDesignV2 .grBattleChapterLabel::before{background-color:#f0ebfc;background-image:url('/assets/icons-v1591/notebook.svg')}.grBattleDesignV2 .grBattleFriend>h2::before{content:'♟';display:inline-block;margin-right:9px;color:#008c74}
.grBattleDesignV2 .grBattleCard label.grBattleSubjectLabel,.grBattleDesignV2 .grBattleCard label.grBattleChapterLabel{padding-left:39px!important}.grBattleDesignV2 .grBattleFriend>h2::before{content:'👥'!important}

@font-face{font-family:'Guul Plus Jakarta';src:url('/assets/plus-jakarta-latin-variable-v3.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:'Guul Inter';src:url('/assets/inter-latin-variable-v3.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
.grBattleDesignV2{--battle-navy:#0b1739;--battle-emerald:#00866b;--battle-teal:#00a487;--battle-mint:#e8fff5;font-family:'Guul Inter',system-ui,sans-serif!important;color:var(--battle-navy)!important;background:radial-gradient(ellipse at 0 20%,#e6fbf2,transparent 55%),#f7fffb!important}
.grBattleDesignV2 h1,.grBattleDesignV2 h2,.grBattleDesignV2 b,.grBattleDesignV2 button,.grBattleDesignV2 label,.grBattleDesignV2 select,.grBattleDesignV2 .grBattleCount>span{font-family:'Guul Plus Jakarta',system-ui,sans-serif!important}
.grBattleDesignV2 h1,.grBattleDesignV2 h2{font-weight:800!important;letter-spacing:-.8px!important;line-height:1.25!important}
.grBattleDesignV2 p,.grBattleDesignV2 input,.grBattleDesignV2 small{font-family:'Guul Inter',system-ui,sans-serif!important;font-weight:400!important;line-height:1.6!important}
.grBattleDesignV2 button,.grBattleDesignV2 label,.grBattleDesignV2 .grBattleCount>span{font-weight:600!important}
.grBattleDesignV2 .grBattleHero{background:radial-gradient(circle at 70% 20%,#00d6a74d,transparent 65%),linear-gradient(110deg,#004e4a,#008c74 60%,#00a586)!important;border:1px solid #008d741c!important;box-shadow:0 8px 28px #008f6510!important}
.grBattleDesignV2 .grBattleHero::before{content:"";position:absolute;left:63%;top:7%;width:60px;height:50px;background:url('/assets/battle-light-book-v3.svg') center/contain no-repeat;opacity:.24;pointer-events:none;z-index:0}
.grBattleDesignV2 .grBattleBannerCopy h2{font-family:'Guul Plus Jakarta',system-ui,sans-serif!important;font-weight:800!important;line-height:1.08!important;letter-spacing:-1.1px!important;text-shadow:0 2px 12px #003e3b12}
.grBattleDesignV2 .grBattleBannerCopy p{font-weight:500!important;text-shadow:0 1px 8px #003e3b40}
.grBattleDesignV2 .grBattleCard{border-color:#e2eeeb!important;box-shadow:0 7px 24px #00664807!important;background:#fffffffa!important}
.grBattleDesignV2 .grBattleCard label{border-bottom:1px solid #e3ebef!important;min-height:73px!important}
.grBattleDesignV2 .grBattleCard select{height:50px!important;background:#f5f9fc!important;border-color:#d9e5ed!important;color:#3d5073!important;border-radius:14px!important;font-weight:500!important}
.grBattleDesignV2 .grBattleSubjectLabel::before,.grBattleDesignV2 .grBattleChapterLabel::before{width:31px!important;height:36px!important;border-radius:11px!important;background-size:22px!important}
.grBattleDesignV2 .grBattleCount button{height:48px!important;font-weight:800!important;border-color:#e0e7ef!important;background:#f4f7fc!important;color:#102148!important}
.grBattleDesignV2 .grBattleCount button.active{background:linear-gradient(110deg,#007d70,#00a687)!important;color:white!important;border-color:#008f76!important}
.grBattleModeTabsV2{border-color:#dfeee9!important;box-shadow:0 5px 18px #00654807!important;padding:5px!important}
.grBattleModeTabsV2 button{font-family:'Guul Plus Jakarta',system-ui,sans-serif!important;font-weight:800!important;min-height:49px!important;font-size:16px!important}
.grBattleDesignV2 .grBattleFriend{background:linear-gradient(120deg,#fafffd,#f0fcf7)!important;border-color:#c8eee0!important}
.grBattleDesignV2 .guulBattleIdentity{background:linear-gradient(100deg,#e1faf3,#edfcf6)!important;border-color:#bcece0!important;padding:14px!important}
.grBattleDesignV2 .guulBattleIdentity strong{font-family:'Guul Plus Jakarta',system-ui,sans-serif!important;font-weight:800!important;color:#0c1a42!important;letter-spacing:-.3px!important}
.grBattleDesignV2 .guulBattleIdentity button{background:#cef4e9!important;color:#006b62!important;min-height:41px!important;font-weight:700!important}
.grBattleDesignV2 .grBattleJoin input{min-height:54px!important;background:#fff!important;border-color:#d6e3eb!important;color:#193557!important}
.grBattleDesignV2 .guulBattlePanelActions button{min-height:55px!important;border-radius:15px!important;font-weight:700!important}
.grBattleDesignV2 [data-battle-direct-join]{background:linear-gradient(110deg,#007d73,#00a98a)!important;box-shadow:0 5px 12px #007d7315!important}
.grBattleDesignV2 [data-battle-friend]{color:#0b1739!important;background:white!important;border-color:#008a75!important}
.grBattleDesignV2 [data-battle-stats]:empty,.grBattleDesignV2 .grBattleShareStatus:empty{display:none!important}
body:has(.grBattleDesignV2) #guulTourReplay,body:has(.grBattleDesignV2) #guulTourNotice,body:has(.grBattleDesignV2) .guulTourHelpButton{display:none!important}
@media(max-width:650px){.grBattleDesignV2{padding:14px!important}.grBattleHeadingV2 h1{font-size:27px!important}.grBattleHeadingV2 p{font-size:12px!important;line-height:1.5!important}.grBattleDesignV2 .grBattleHero{min-height:210px!important;border-radius:23px!important}.grBattleDesignV2 .grBattleHero>.grBattleBannerCopy{max-width:49%!important;padding:20px 16px!important}.grBattleDesignV2 .grBattleBannerCopy h2{font-size:28px!important;letter-spacing:-.7px!important}.grBattleDesignV2 .grBattleBannerCopy p{font-size:12px!important;line-height:1.5!important}.grBattleDesignV2 .grBattleOnlineNote{font-family:'Guul Inter',system-ui!important;font-size:10px!important;font-weight:600!important;bottom:13px!important}.grBattleDesignV2 .grBattleHero>img{width:70%!important;height:91%!important;right:-3%!important;bottom:-3%!important}.grBattleDesignV2 .grBattleHero::before{width:35px;height:30px;left:62%;top:7%}.grBattleDesignV2 .grBattleCard{padding:18px!important;border-radius:22px!important}.grBattleDesignV2 .grBattleCard h2{font-size:22px!important}.grBattleDesignV2 .grBattleCard label{min-height:65px!important;font-size:13px!important}.grBattleDesignV2 .grBattleCard select{font-size:12px!important;height:43px!important}.grBattleDesignV2 .grBattleCount{padding-top:17px!important}.grBattleDesignV2 .grBattleCount button{height:42px!important;font-size:16px!important}.grBattleDesignV2 .grBattleCount span{font-size:12px!important}.grBattleModeTabsV2 button{min-height:43px!important;font-size:14px!important}.grBattleDesignV2 .guulBattleIdentity{padding:11px!important}.grBattleDesignV2 .guulBattleIdentity strong{font-size:15px!important}.grBattleDesignV2 .guulBattleIdentity button{min-height:37px!important;font-size:10px!important;padding:8px!important}.grBattleDesignV2 .guulBattlePanelActions button{font-size:13px!important;min-height:48px!important}.grBattleDesignV2 .grBattleJoin input{min-height:48px!important;font-size:12px!important}}
[data-guul-comfort-resolved="dark"] .grBattleDesignV2{background:#10271f!important;color:#e9fff5!important}[data-guul-comfort-resolved="dark"] .grBattleDesignV2 .grBattleCard{background:#1b372c!important;border-color:#315c4b!important}[data-guul-comfort-resolved="dark"] .grBattleDesignV2 .guulBattleIdentity{background:#23483c!important}[data-guul-comfort-resolved="dark"] .grBattleDesignV2 .guulBattleIdentity strong{color:#edfff5!important}[data-guul-comfort-resolved="dark"] .grBattleDesignV2 .grBattleCard select,[data-guul-comfort-resolved="dark"] .grBattleDesignV2 .grBattleJoin input{background:#19372d!important;color:#dff7ef!important}
.grBattleDesignV2 [data-battle-stats]{display:none!important}


/* assets/battle-exact-v5.css */
@font-face{font-family:BeJakarta;src:url('/assets/plus-jakarta-latin-variable-v3.ttf') format('truetype');font-weight:200 800;font-display:swap}@font-face{font-family:BeInter;src:url('/assets/inter-latin-variable-v3.ttf') format('truetype');font-weight:100 900;font-display:swap}
.grBattleExactV5{max-width:950px!important;margin:auto!important;padding:0!important;background:#effcf7!important;color:#071738!important;font-family:BeInter,system-ui,sans-serif!important}.grBattleExactV5 *{box-sizing:border-box}.grBattleExactV5 button,.grBattleExactV5 select,.grBattleExactV5 input{font:inherit}.grBattleExactV5 button{cursor:pointer}.grBattleExactV5 button:focus-visible,.grBattleExactV5 input:focus-visible,.grBattleExactV5 select:focus-visible{outline:3px solid #6853ef;outline-offset:3px}.grBattleExactV5 button:disabled{cursor:not-allowed}.grBattleExactV5 img{object-fit:contain}.grBattleExactV5 h1,.grBattleExactV5 h2,.grBattleExactV5 button,.grBattleExactV5 label,.grBattleExactV5 strong,.grBattleExactV5 .grBattleCount>span{font-family:BeJakarta,system-ui,sans-serif!important}
.grBattleExactV5 .grBattleBrand{display:flex!important;align-items:center!important;gap:12px!important;padding:14px 24px!important;margin:0!important;background:#fafffd!important}.grBattleExactV5 .grBattleBrand>img{width:58px!important;height:58px!important}.grBattleExactV5 .grBattleBrand>div:not(.beTools){display:grid!important;gap:5px!important}.grBattleExactV5 .grBattleBrand b{font-family:BeJakarta!important;font-weight:800!important;font-size:27px!important;letter-spacing:-.8px!important;color:#081438!important}.grBattleExactV5 .grBattleBrand small{font-size:11px!important;color:#69788c!important;letter-spacing:2px!important;font-weight:700!important}.beTools{display:flex;gap:12px;margin-left:auto}.beTools button{display:grid;place-items:center;width:58px;height:58px;border:1px solid #e5efef;border-radius:19px;background:white;box-shadow:0 4px 12px #31544d08}.beTools img{width:32px;height:32px}.beTools button:first-child img{filter:invert(71%) sepia(84%) saturate(1900%) hue-rotate(350deg)}
.beContent{padding:24px;background:#fcfffd;border:1px solid #e6f2ee;border-radius:32px;margin:16px 24px 20px;box-shadow:0 8px 25px #00795508}.beHeading{display:flex;align-items:flex-start;gap:20px;margin:0 8px 24px}.beHeading>button{border:0;background:#dffaf0;border-radius:50%;display:grid;place-items:center;width:64px;height:64px;flex:none;padding:19px}.beHeading>div{padding:0!important;min-width:0}.beHeading h1{display:flex;align-items:center;gap:14px;margin:0 0 8px!important;font-weight:800!important;line-height:1.2!important;font-size:43px!important;letter-spacing:-1.5px!important}.beHeading h1 img{width:48px;height:48px}.beHeading p{font-size:21px!important;line-height:1.4!important;color:#65718f!important;margin:0!important}
.grBattleExactV5 .grBattleHero{position:relative!important;min-height:0!important;height:auto!important;aspect-ratio:2.408!important;background:#007b6a!important;overflow:hidden!important;border-radius:25px!important;isolation:isolate}.grBattleExactV5 .grBattleHero>picture{position:absolute;inset:0;z-index:-1}.grBattleExactV5 .grBattleHero>picture img{display:block;width:100%;height:100%;object-fit:cover}.grBattleExactV5 .grBattleHero::before,.grBattleExactV5 .grBattleHero::after{display:none!important}.grBattleExactV5 .grBattleHero>.beHeroCopy{display:block!important;position:relative!important;max-width:45%!important;padding:26px 30px!important;z-index:1}.beHeroCopy h2{font-size:49px!important;line-height:1.05!important;letter-spacing:-1.4px!important;font-weight:800!important;color:white!important;margin:0 0 22px!important}.grBattleExactV5 .beHeroCopy p{font-size:20px!important;line-height:1.45!important;color:white!important;font-weight:500!important;margin:0!important}.grBattleExactV5 .grBattleOnlineNote{position:absolute;display:flex!important;align-items:center!important;gap:10px;left:22px;bottom:22px;margin:0!important;padding:10px 14px!important;border-radius:30px!important;background:#e4fff4ed!important;color:#00564e!important;font-size:16px!important;font-weight:650!important;line-height:1.3!important}.grBattleOnlineNote img{width:27px;height:27px}
.grBattleExactV5 .grBattleCard{margin:20px 0 0!important;padding:27px!important;border-radius:28px!important;border:1px solid #e2edf0!important;background:white!important;box-shadow:0 8px 20px #005e4106!important}.grBattleExactV5 .grBattleCard h2{display:flex;align-items:center;gap:16px;font-weight:800!important;font-size:36px!important;line-height:1.25!important;letter-spacing:-1px!important;margin:0 0 18px!important;color:#071738!important}.grBattleCard h2 img{width:42px;height:42px;flex:none}.beSetup h2>img{filter:invert(31%) sepia(90%) saturate(2800%) hue-rotate(240deg)}
.grBattleExactV5 .grBattleCard label{display:grid!important;grid-template-columns:40% minmax(0,1fr)!important;gap:12px!important;align-items:center!important;border-bottom:1px solid #dfe8ef!important;margin:0!important;padding:16px 0!important;font-size:22px!important;font-weight:700!important}.beLabel{display:flex;align-items:center;gap:14px;min-width:0}.beLabel>img{width:52px;height:54px;padding:12px;border-radius:15px;background:#e0faf2;flex:none}.grBattleExactV5 label:nth-of-type(2) .beLabel>img{background:#eeebff}.beLabel b{font-weight:750;letter-spacing:-.5px}.grBattleExactV5 .grBattleCard label select{min-width:0!important;max-width:none!important;width:100%!important;min-height:64px!important;background:#f6fafc!important;border:1px solid #d7e4ed!important;border-radius:17px!important;padding:12px 17px!important;font-family:BeInter!important;font-size:21px!important;font-weight:400!important;color:#465775!important}
.grBattleExactV5 .grBattleCount{display:grid!important;grid-template-columns:minmax(0,1fr) repeat(3,84px)!important;align-items:center!important;gap:12px!important;padding-top:23px!important}.grBattleExactV5 .grBattleCount>span{font-size:21px!important;font-weight:750!important;margin:0!important}.grBattleExactV5 .grBattleCount button{border:1px solid #dae5ed!important;background:#f5f8fc!important;color:#0b173b!important;border-radius:16px!important;padding:10px!important;min-height:58px!important;font-weight:800!important;font-size:23px!important}.grBattleExactV5 .grBattleCount button.active{background:#00927a!important;color:white!important;border-color:#00927a!important}.grBattleExactV5 .grBattleCount button:disabled{color:#8591a6!important}
.beTabs{display:grid;grid-template-columns:1fr 1fr;padding:6px;gap:6px;margin-top:20px;border:1px solid #dfebe9;border-radius:28px;background:#fafefd;box-shadow:0 5px 18px #00684606}.beTabs button{display:flex;align-items:center;justify-content:center;gap:14px;min-height:65px;border:0;border-radius:23px;background:transparent;color:#5c6982;font-size:24px;font-weight:750}.beTabs img{width:36px;height:36px}.beTabs button.active{background:#009680;color:white}.beTabs button.active img{filter:brightness(0) invert(1)}
.grBattleExactV5 [hidden]{display:none!important}.grBattleExactV5 .grBattleFriend{background:#f7fffb!important;border-color:#beece0!important}.grBattleExactV5 .grBattleFriend h2{margin:0 0 9px!important}.grBattleFriend h2>img{width:52px;height:52px}.grBattleExactV5 .grBattleFriend>p{font-family:BeInter!important;font-size:21px!important;line-height:1.5!important;color:#6b7895!important;margin:0 0 23px!important}.grBattleExactV5 .guulBattleIdentity{display:flex!important;align-items:center!important;gap:12px!important;background:#e6faf3!important;border:1px solid #bfebe2!important;border-radius:19px!important;padding:15px 17px!important}.grBattleExactV5 .guulBattleIdentity strong{min-width:0!important;flex:1!important;color:#0b173f!important;font-size:29px!important;font-weight:800!important;letter-spacing:-.5px!important;overflow-wrap:anywhere;cursor:pointer}.grBattleExactV5 .guulBattleIdentity button{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;background:#d2f5eb!important;color:#00685c!important;border:0!important;border-radius:16px!important;padding:12px 14px!important;font-size:18px!important;font-weight:650!important}.guulBattleIdentity button img{width:26px;height:26px}.grBattleExactV5 .grBattleJoin{position:relative!important;display:block!important;margin:20px 0 0!important}.grBattleExactV5 .grBattleJoin input{display:block!important;width:100%!important;min-height:67px!important;font-family:BeInter!important;font-size:21px!important;padding:15px 16px 15px 64px!important;border-radius:18px!important;border:1px solid #d4e0ea!important;background:white!important;color:#20334e!important}.beJoinIcon{position:absolute;left:21px;top:50%;transform:translateY(-50%);display:flex;pointer-events:none}.beJoinIcon img{width:28px;height:28px}.grBattleExactV5 .guulBattlePanelActions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:15px!important;margin:18px 0 0!important}.grBattleExactV5 .guulBattlePanelActions button{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;min-height:74px!important;padding:14px!important;font-size:24px!important;font-weight:750!important;border-radius:20px!important}.guulBattlePanelActions button img{width:35px;height:35px;flex:none}.grBattleExactV5 [data-battle-direct-join]{background:#00927d!important;border:1px solid #00927d!important;color:white!important}.grBattleExactV5 [data-battle-direct-join] img{filter:brightness(0) invert(1)}.grBattleExactV5 [data-battle-friend]{background:white!important;border:1.5px solid #00836f!important;color:#101e3e!important}.grBattleExactV5 .grBattleShareStatus{font-size:14px!important;margin-top:12px!important;color:#007260!important}.grBattleExactV5 .grBattleShareStatus:empty{display:none!important}.grBattleExactV5 .grBattleOnline p{font-size:18px;color:#60758b}.grBattleExactV5 .grBattleOnline>button{min-height:56px!important;border-radius:15px!important;background:#00927d!important;font-size:20px!important}
.beBottom{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));position:sticky;bottom:0;z-index:5;background:#fbfffd;border:1px solid #e6f0eb;border-radius:28px 28px 0 0;padding:15px 10px 12px;box-shadow:0 -5px 15px #00432805}.beBottom button{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;border:0;background:none;color:#5c6c84;padding:0;min-width:0}.beBottom img{width:33px;height:33px}.beBottom small{font-family:BeInter;font-size:16px;white-space:nowrap}
body:has(.grBattleExactV5) #guulTourReplay,body:has(.grBattleExactV5) #guulTourNotice{display:none!important}
@media(max-width:650px){.grBattleExactV5 .grBattleBrand{padding:10px 12px!important;gap:9px!important}.grBattleExactV5 .grBattleBrand>img{width:35px!important;height:35px!important}.grBattleExactV5 .grBattleBrand b{font-size:16px!important;letter-spacing:-.5px!important}.grBattleExactV5 .grBattleBrand small{font-size:7px!important;letter-spacing:1.1px!important}.beTools{gap:7px}.beTools button{width:36px;height:36px;border-radius:12px}.beTools img{width:23px;height:23px}.beContent{padding:11px;margin:5px 11px 10px;border-radius:19px}.beHeading{gap:10px;margin:3px 3px 12px}.beHeading>button{width:40px;height:40px;padding:12px}.beHeading h1{font-size:25px!important;gap:8px;letter-spacing:-.7px!important;margin-bottom:5px!important}.beHeading h1 img{width:29px;height:29px}.beHeading p{font-size:12px!important;line-height:1.4!important}.grBattleExactV5 .grBattleHero{border-radius:15px!important}.grBattleExactV5 .grBattleHero>.beHeroCopy{padding:15px 17px!important;max-width:46%!important}.beHeroCopy h2{font-size:28px!important;line-height:1.05!important;letter-spacing:-.8px!important;margin-bottom:12px!important}.grBattleExactV5 .beHeroCopy p{font-size:11px!important;line-height:1.45!important}.grBattleExactV5 .grBattleOnlineNote{left:11px;bottom:11px;font-size:10px!important;padding:6px 9px!important;gap:6px}.grBattleOnlineNote img{width:17px;height:17px}.grBattleExactV5 .grBattleCard{padding:15px!important;margin-top:11px!important;border-radius:20px!important}.grBattleExactV5 .grBattleCard h2{font-size:22px!important;letter-spacing:-.6px!important;gap:10px;margin-bottom:11px!important}.grBattleCard h2 img{width:28px;height:28px}.grBattleExactV5 .grBattleCard label{grid-template-columns:40% minmax(0,1fr)!important;gap:7px!important;padding:10px 0!important;font-size:13px!important}.beLabel{gap:9px}.beLabel>img{width:34px;height:34px;padding:8px;border-radius:10px}.beLabel b{letter-spacing:-.3px}.grBattleExactV5 .grBattleCard label select{min-height:41px!important;border-radius:12px!important;padding:8px 10px!important;font-size:12px!important}.grBattleExactV5 .grBattleCount{grid-template-columns:minmax(0,1fr) repeat(3,51px)!important;gap:7px!important;padding-top:14px!important}.grBattleExactV5 .grBattleCount>span{font-size:12px!important}.grBattleExactV5 .grBattleCount button{min-height:37px!important;padding:7px!important;font-size:16px!important;border-radius:11px!important}.beTabs{padding:4px;gap:4px;margin-top:11px;border-radius:18px}.beTabs button{min-height:43px;gap:8px;border-radius:14px;font-size:16px}.beTabs img{width:23px;height:23px}.grBattleExactV5 .grBattleFriend h2{font-size:22px!important;gap:9px}.grBattleFriend h2>img{width:31px;height:31px}.grBattleExactV5 .grBattleFriend>p{font-size:12px!important;line-height:1.5!important;margin-bottom:14px!important}.grBattleExactV5 .guulBattleIdentity{gap:7px!important;padding:9px 10px!important;border-radius:13px!important}.grBattleExactV5 .guulBattleIdentity strong{font-size:17px!important;letter-spacing:-.3px!important}.grBattleExactV5 .guulBattleIdentity button{font-size:11px!important;gap:5px!important;padding:8px 9px!important;border-radius:11px!important}.guulBattleIdentity button img{width:17px;height:17px}.grBattleExactV5 .grBattleJoin{margin-top:12px!important}.grBattleExactV5 .grBattleJoin input{min-height:43px!important;font-size:12px!important;padding:10px 10px 10px 42px!important;border-radius:13px!important}.beJoinIcon{left:13px}.beJoinIcon img{width:20px;height:20px}.grBattleExactV5 .guulBattlePanelActions{gap:9px!important;margin-top:12px!important}.grBattleExactV5 .guulBattlePanelActions button{min-height:47px!important;border-radius:13px!important;gap:7px!important;padding:9px!important;font-size:14px!important}.guulBattlePanelActions button img{width:24px;height:24px}.beBottom{padding:10px 7px 8px;border-radius:20px 20px 0 0}.beBottom img{width:23px;height:23px}.beBottom small{font-size:10px}.beBottom button{gap:4px}}
@media(max-width:380px){.beTools{gap:4px}.beTools button{width:30px;height:32px}.grBattleExactV5 .grBattleBrand b{font-size:13px!important}.grBattleExactV5 .grBattleBrand>img{width:31px!important;height:31px!important}.grBattleExactV5 .grBattleHero>.beHeroCopy{padding:12px!important}.beHeroCopy h2{font-size:24px!important;margin-bottom:8px!important}.grBattleExactV5 .beHeroCopy p{font-size:10px!important}.grBattleExactV5 .grBattleCount{grid-template-columns:minmax(0,1fr) repeat(3,43px)!important}.grBattleExactV5 .guulBattleIdentity button span{display:none}.grBattleExactV5 .guulBattleIdentity button{padding:8px!important}.grBattleExactV5 .guulBattlePanelActions button{font-size:12px!important}.grBattleExactV5 .grBattleFriend h2{font-size:20px!important}}
[data-guul-comfort-resolved="dark"] .grBattleExactV5,[data-guul-comfort-resolved="dark"] .grBattleExactV5 .grBattleBrand,[data-guul-comfort-resolved="dark"] .beBottom{background:#10251e!important;color:#e6fff2!important}[data-guul-comfort-resolved="dark"] .beContent,[data-guul-comfort-resolved="dark"] .grBattleExactV5 .grBattleCard{background:#18332a!important;border-color:#315648!important}[data-guul-comfort-resolved="dark"] .grBattleExactV5 h1,[data-guul-comfort-resolved="dark"] .grBattleExactV5 h2,[data-guul-comfort-resolved="dark"] .grBattleExactV5 .grBattleBrand b{color:#e6fff2!important}[data-guul-comfort-resolved="dark"] .beTabs{background:#213c32}[data-guul-comfort-resolved="dark"] .grBattleExactV5 .guulBattleIdentity{background:#214a3d!important}[data-guul-comfort-resolved="dark"] .grBattleExactV5 .guulBattleIdentity strong{color:#f1fff9!important}
.grBattleExactV5 .grBattleBrand>.beTools{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;margin-left:auto!important}.grBattleExactV5 .beBottom{position:static!important}.grBattleExactV5 .beBottom button:first-child{color:#008e78}.grBattleExactV5 .beBottom button:first-child img{filter:invert(39%) sepia(88%) saturate(935%) hue-rotate(128deg)}
@media(max-width:650px){.grBattleExactV5 .grBattleBrand>.beTools{gap:7px!important}.grBattleExactV5 .beSetup label{padding:7px 0!important}.grBattleExactV5 .beSetup h2{margin-bottom:8px!important}.grBattleExactV5 .grBattleCount{padding-top:12px!important}.grBattleExactV5 .grBattleCount button{min-height:34px!important}.grBattleExactV5 .grBattleFriend{padding:13px!important}.grBattleExactV5 .grBattleFriend h2{margin-bottom:5px!important}.grBattleExactV5 .grBattleFriend>p{margin-bottom:10px!important}.grBattleExactV5 .guulBattleIdentity{padding:7px 9px!important}.grBattleExactV5 .grBattleJoin{margin-top:10px!important}.grBattleExactV5 .grBattleJoin input{min-height:40px!important}}
@media(max-width:380px){.grBattleExactV5 .grBattleBrand>.beTools{gap:4px!important}}
@media(max-width:650px){.grBattleExactV5 .beHeading h1{font-size:23px!important}.grBattleExactV5 .beHeading h1 img{width:25px;height:25px}.grBattleExactV5 .beHeading>button{width:36px;height:36px;padding:10px}.grBattleExactV5 .beHeading{margin:0 3px 9px;gap:10px}.grBattleExactV5 .beHeading p{font-size:11px!important}.grBattleExactV5 .beContent{padding-top:8px}.grBattleExactV5 .grBattleCard h2{font-size:20px!important}.grBattleExactV5 .beSetup{padding-top:12px!important;padding-bottom:12px!important}.grBattleExactV5 .beSetup label{padding:6px 0!important}.grBattleExactV5 .grBattleFriend h2{font-size:20px!important}.grBattleExactV5 .grBattleFriend h2>img{filter:invert(38%) sepia(89%) saturate(950%) hue-rotate(128deg);width:28px;height:28px}.grBattleExactV5 .grBattleFriend>p{margin-left:37px!important;font-size:11px!important}.grBattleExactV5 .guulBattlePanelActions{margin-top:10px!important}.grBattleExactV5 .beTabs button{min-height:39px}}


/* assets/battle-mobile-v6.css */
@font-face{font-family:BeJakarta;src:url('/assets/plus-jakarta-latin-variable-v3.ttf') format('truetype');font-weight:200 800;font-display:swap}@font-face{font-family:BeInter;src:url('/assets/inter-latin-variable-v3.ttf') format('truetype');font-weight:100 900;font-display:swap}
.grBattleExactV5{max-width:950px!important;margin:auto!important;padding:0!important;background:#effcf7!important;color:#071738!important;font-family:BeInter,system-ui,sans-serif!important}.grBattleExactV5 *{box-sizing:border-box}.grBattleExactV5 button,.grBattleExactV5 select,.grBattleExactV5 input{font:inherit}.grBattleExactV5 button{cursor:pointer}.grBattleExactV5 button:focus-visible,.grBattleExactV5 input:focus-visible,.grBattleExactV5 select:focus-visible{outline:3px solid #6853ef;outline-offset:3px}.grBattleExactV5 button:disabled{cursor:not-allowed}.grBattleExactV5 img{object-fit:contain}.grBattleExactV5 h1,.grBattleExactV5 h2,.grBattleExactV5 button,.grBattleExactV5 label,.grBattleExactV5 strong,.grBattleExactV5 .grBattleCount>span{font-family:BeJakarta,system-ui,sans-serif!important}
.grBattleExactV5 .grBattleBrand{display:flex!important;align-items:center!important;gap:12px!important;padding:14px 24px!important;margin:0!important;background:#fafffd!important}.grBattleExactV5 .grBattleBrand>img{width:58px!important;height:58px!important}.grBattleExactV5 .grBattleBrand>div:not(.beTools){display:grid!important;gap:5px!important}.grBattleExactV5 .grBattleBrand b{font-family:BeJakarta!important;font-weight:800!important;font-size:27px!important;letter-spacing:-.8px!important;color:#081438!important}.grBattleExactV5 .grBattleBrand small{font-size:11px!important;color:#69788c!important;letter-spacing:2px!important;font-weight:700!important}.beTools{display:flex;gap:12px;margin-left:auto}.beTools button{display:grid;place-items:center;width:58px;height:58px;border:1px solid #e5efef;border-radius:19px;background:white;box-shadow:0 4px 12px #31544d08}.beTools img{width:32px;height:32px}.beTools button:first-child img{filter:invert(71%) sepia(84%) saturate(1900%) hue-rotate(350deg)}
.beContent{padding:24px;background:#fcfffd;border:1px solid #e6f2ee;border-radius:32px;margin:16px 24px 20px;box-shadow:0 8px 25px #00795508}.beHeading{display:flex;align-items:flex-start;gap:20px;margin:0 8px 24px}.beHeading>button{border:0;background:#dffaf0;border-radius:50%;display:grid;place-items:center;width:64px;height:64px;flex:none;padding:19px}.beHeading>div{padding:0!important;min-width:0}.beHeading h1{display:flex;align-items:center;gap:14px;margin:0 0 8px!important;font-weight:800!important;line-height:1.2!important;font-size:43px!important;letter-spacing:-1.5px!important}.beHeading h1 img{width:48px;height:48px}.beHeading p{font-size:21px!important;line-height:1.4!important;color:#65718f!important;margin:0!important}
.grBattleExactV5 .grBattleHero{position:relative!important;min-height:0!important;height:auto!important;aspect-ratio:2.408!important;background:#007b6a!important;overflow:hidden!important;border-radius:25px!important;isolation:isolate}.grBattleExactV5 .grBattleHero>picture{position:absolute;inset:0;z-index:-1}.grBattleExactV5 .grBattleHero>picture img{display:block;width:100%;height:100%;object-fit:cover}.grBattleExactV5 .grBattleHero::before,.grBattleExactV5 .grBattleHero::after{display:none!important}.grBattleExactV5 .grBattleHero>.beHeroCopy{display:block!important;position:relative!important;max-width:45%!important;padding:26px 30px!important;z-index:1}.beHeroCopy h2{font-size:49px!important;line-height:1.05!important;letter-spacing:-1.4px!important;font-weight:800!important;color:white!important;margin:0 0 22px!important}.grBattleExactV5 .beHeroCopy p{font-size:20px!important;line-height:1.45!important;color:white!important;font-weight:500!important;margin:0!important}.grBattleExactV5 .grBattleOnlineNote{position:absolute;display:flex!important;align-items:center!important;gap:10px;left:22px;bottom:22px;margin:0!important;padding:10px 14px!important;border-radius:30px!important;background:#e4fff4ed!important;color:#00564e!important;font-size:16px!important;font-weight:650!important;line-height:1.3!important}.grBattleOnlineNote img{width:27px;height:27px}
.grBattleExactV5 .grBattleCard{margin:20px 0 0!important;padding:27px!important;border-radius:28px!important;border:1px solid #e2edf0!important;background:white!important;box-shadow:0 8px 20px #005e4106!important}.grBattleExactV5 .grBattleCard h2{display:flex;align-items:center;gap:16px;font-weight:800!important;font-size:36px!important;line-height:1.25!important;letter-spacing:-1px!important;margin:0 0 18px!important;color:#071738!important}.grBattleCard h2 img{width:42px;height:42px;flex:none}.beSetup h2>img{filter:invert(31%) sepia(90%) saturate(2800%) hue-rotate(240deg)}
.grBattleExactV5 .grBattleCard label{display:grid!important;grid-template-columns:40% minmax(0,1fr)!important;gap:12px!important;align-items:center!important;border-bottom:1px solid #dfe8ef!important;margin:0!important;padding:16px 0!important;font-size:22px!important;font-weight:700!important}.beLabel{display:flex;align-items:center;gap:14px;min-width:0}.beLabel>img{width:52px;height:54px;padding:12px;border-radius:15px;background:#e0faf2;flex:none}.grBattleExactV5 label:nth-of-type(2) .beLabel>img{background:#eeebff}.beLabel b{font-weight:750;letter-spacing:-.5px}.grBattleExactV5 .grBattleCard label select{min-width:0!important;max-width:none!important;width:100%!important;min-height:64px!important;background:#f6fafc!important;border:1px solid #d7e4ed!important;border-radius:17px!important;padding:12px 17px!important;font-family:BeInter!important;font-size:21px!important;font-weight:400!important;color:#465775!important}
.grBattleExactV5 .grBattleCount{display:grid!important;grid-template-columns:minmax(0,1fr) repeat(3,84px)!important;align-items:center!important;gap:12px!important;padding-top:23px!important}.grBattleExactV5 .grBattleCount>span{font-size:21px!important;font-weight:750!important;margin:0!important}.grBattleExactV5 .grBattleCount button{border:1px solid #dae5ed!important;background:#f5f8fc!important;color:#0b173b!important;border-radius:16px!important;padding:10px!important;min-height:58px!important;font-weight:800!important;font-size:23px!important}.grBattleExactV5 .grBattleCount button.active{background:#00927a!important;color:white!important;border-color:#00927a!important}.grBattleExactV5 .grBattleCount button:disabled{color:#8591a6!important}
.beTabs{display:grid;grid-template-columns:1fr 1fr;padding:6px;gap:6px;margin-top:20px;border:1px solid #dfebe9;border-radius:28px;background:#fafefd;box-shadow:0 5px 18px #00684606}.beTabs button{display:flex;align-items:center;justify-content:center;gap:14px;min-height:65px;border:0;border-radius:23px;background:transparent;color:#5c6982;font-size:24px;font-weight:750}.beTabs img{width:36px;height:36px}.beTabs button.active{background:#009680;color:white}.beTabs button.active img{filter:brightness(0) invert(1)}
.grBattleExactV5 [hidden]{display:none!important}.grBattleExactV5 .grBattleFriend{background:#f7fffb!important;border-color:#beece0!important}.grBattleExactV5 .grBattleFriend h2{margin:0 0 9px!important}.grBattleFriend h2>img{width:52px;height:52px}.grBattleExactV5 .grBattleFriend>p{font-family:BeInter!important;font-size:21px!important;line-height:1.5!important;color:#6b7895!important;margin:0 0 23px!important}.grBattleExactV5 .guulBattleIdentity{display:flex!important;align-items:center!important;gap:12px!important;background:#e6faf3!important;border:1px solid #bfebe2!important;border-radius:19px!important;padding:15px 17px!important}.grBattleExactV5 .guulBattleIdentity strong{min-width:0!important;flex:1!important;color:#0b173f!important;font-size:29px!important;font-weight:800!important;letter-spacing:-.5px!important;overflow-wrap:anywhere;cursor:pointer}.grBattleExactV5 .guulBattleIdentity button{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;background:#d2f5eb!important;color:#00685c!important;border:0!important;border-radius:16px!important;padding:12px 14px!important;font-size:18px!important;font-weight:650!important}.guulBattleIdentity button img{width:26px;height:26px}.grBattleExactV5 .grBattleJoin{position:relative!important;display:block!important;margin:20px 0 0!important}.grBattleExactV5 .grBattleJoin input{display:block!important;width:100%!important;min-height:67px!important;font-family:BeInter!important;font-size:21px!important;padding:15px 16px 15px 64px!important;border-radius:18px!important;border:1px solid #d4e0ea!important;background:white!important;color:#20334e!important}.beJoinIcon{position:absolute;left:21px;top:50%;transform:translateY(-50%);display:flex;pointer-events:none}.beJoinIcon img{width:28px;height:28px}.grBattleExactV5 .guulBattlePanelActions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:15px!important;margin:18px 0 0!important}.grBattleExactV5 .guulBattlePanelActions button{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;min-height:74px!important;padding:14px!important;font-size:24px!important;font-weight:750!important;border-radius:20px!important}.guulBattlePanelActions button img{width:35px;height:35px;flex:none}.grBattleExactV5 [data-battle-direct-join]{background:#00927d!important;border:1px solid #00927d!important;color:white!important}.grBattleExactV5 [data-battle-direct-join] img{filter:brightness(0) invert(1)}.grBattleExactV5 [data-battle-friend]{background:white!important;border:1.5px solid #00836f!important;color:#101e3e!important}.grBattleExactV5 .grBattleShareStatus{font-size:14px!important;margin-top:12px!important;color:#007260!important}.grBattleExactV5 .grBattleShareStatus:empty{display:none!important}.grBattleExactV5 .grBattleOnline p{font-size:18px;color:#60758b}.grBattleExactV5 .grBattleOnline>button{min-height:56px!important;border-radius:15px!important;background:#00927d!important;font-size:20px!important}
.beBottom{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));position:sticky;bottom:0;z-index:5;background:#fbfffd;border:1px solid #e6f0eb;border-radius:28px 28px 0 0;padding:15px 10px 12px;box-shadow:0 -5px 15px #00432805}.beBottom button{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;border:0;background:none;color:#5c6c84;padding:0;min-width:0}.beBottom img{width:33px;height:33px}.beBottom small{font-family:BeInter;font-size:16px;white-space:nowrap}
body:has(.grBattleExactV5) #guulTourReplay,body:has(.grBattleExactV5) #guulTourNotice{display:none!important}
@media(max-width:650px){.grBattleExactV5 .grBattleBrand{padding:10px 12px!important;gap:9px!important}.grBattleExactV5 .grBattleBrand>img{width:35px!important;height:35px!important}.grBattleExactV5 .grBattleBrand b{font-size:16px!important;letter-spacing:-.5px!important}.grBattleExactV5 .grBattleBrand small{font-size:7px!important;letter-spacing:1.1px!important}.beTools{gap:7px}.beTools button{width:36px;height:36px;border-radius:12px}.beTools img{width:23px;height:23px}.beContent{padding:11px;margin:5px 11px 10px;border-radius:19px}.beHeading{gap:10px;margin:3px 3px 12px}.beHeading>button{width:40px;height:40px;padding:12px}.beHeading h1{font-size:25px!important;gap:8px;letter-spacing:-.7px!important;margin-bottom:5px!important}.beHeading h1 img{width:29px;height:29px}.beHeading p{font-size:12px!important;line-height:1.4!important}.grBattleExactV5 .grBattleHero{border-radius:15px!important}.grBattleExactV5 .grBattleHero>.beHeroCopy{padding:15px 17px!important;max-width:46%!important}.beHeroCopy h2{font-size:28px!important;line-height:1.05!important;letter-spacing:-.8px!important;margin-bottom:12px!important}.grBattleExactV5 .beHeroCopy p{font-size:11px!important;line-height:1.45!important}.grBattleExactV5 .grBattleOnlineNote{left:11px;bottom:11px;font-size:10px!important;padding:6px 9px!important;gap:6px}.grBattleOnlineNote img{width:17px;height:17px}.grBattleExactV5 .grBattleCard{padding:15px!important;margin-top:11px!important;border-radius:20px!important}.grBattleExactV5 .grBattleCard h2{font-size:22px!important;letter-spacing:-.6px!important;gap:10px;margin-bottom:11px!important}.grBattleCard h2 img{width:28px;height:28px}.grBattleExactV5 .grBattleCard label{grid-template-columns:40% minmax(0,1fr)!important;gap:7px!important;padding:10px 0!important;font-size:13px!important}.beLabel{gap:9px}.beLabel>img{width:34px;height:34px;padding:8px;border-radius:10px}.beLabel b{letter-spacing:-.3px}.grBattleExactV5 .grBattleCard label select{min-height:41px!important;border-radius:12px!important;padding:8px 10px!important;font-size:12px!important}.grBattleExactV5 .grBattleCount{grid-template-columns:minmax(0,1fr) repeat(3,51px)!important;gap:7px!important;padding-top:14px!important}.grBattleExactV5 .grBattleCount>span{font-size:12px!important}.grBattleExactV5 .grBattleCount button{min-height:37px!important;padding:7px!important;font-size:16px!important;border-radius:11px!important}.beTabs{padding:4px;gap:4px;margin-top:11px;border-radius:18px}.beTabs button{min-height:43px;gap:8px;border-radius:14px;font-size:16px}.beTabs img{width:23px;height:23px}.grBattleExactV5 .grBattleFriend h2{font-size:22px!important;gap:9px}.grBattleFriend h2>img{width:31px;height:31px}.grBattleExactV5 .grBattleFriend>p{font-size:12px!important;line-height:1.5!important;margin-bottom:14px!important}.grBattleExactV5 .guulBattleIdentity{gap:7px!important;padding:9px 10px!important;border-radius:13px!important}.grBattleExactV5 .guulBattleIdentity strong{font-size:17px!important;letter-spacing:-.3px!important}.grBattleExactV5 .guulBattleIdentity button{font-size:11px!important;gap:5px!important;padding:8px 9px!important;border-radius:11px!important}.guulBattleIdentity button img{width:17px;height:17px}.grBattleExactV5 .grBattleJoin{margin-top:12px!important}.grBattleExactV5 .grBattleJoin input{min-height:43px!important;font-size:12px!important;padding:10px 10px 10px 42px!important;border-radius:13px!important}.beJoinIcon{left:13px}.beJoinIcon img{width:20px;height:20px}.grBattleExactV5 .guulBattlePanelActions{gap:9px!important;margin-top:12px!important}.grBattleExactV5 .guulBattlePanelActions button{min-height:47px!important;border-radius:13px!important;gap:7px!important;padding:9px!important;font-size:14px!important}.guulBattlePanelActions button img{width:24px;height:24px}.beBottom{padding:10px 7px 8px;border-radius:20px 20px 0 0}.beBottom img{width:23px;height:23px}.beBottom small{font-size:10px}.beBottom button{gap:4px}}
@media(max-width:380px){.beTools{gap:4px}.beTools button{width:30px;height:32px}.grBattleExactV5 .grBattleBrand b{font-size:13px!important}.grBattleExactV5 .grBattleBrand>img{width:31px!important;height:31px!important}.grBattleExactV5 .grBattleHero>.beHeroCopy{padding:12px!important}.beHeroCopy h2{font-size:24px!important;margin-bottom:8px!important}.grBattleExactV5 .beHeroCopy p{font-size:10px!important}.grBattleExactV5 .grBattleCount{grid-template-columns:minmax(0,1fr) repeat(3,43px)!important}.grBattleExactV5 .guulBattleIdentity button span{display:none}.grBattleExactV5 .guulBattleIdentity button{padding:8px!important}.grBattleExactV5 .guulBattlePanelActions button{font-size:12px!important}.grBattleExactV5 .grBattleFriend h2{font-size:20px!important}}
[data-guul-comfort-resolved="dark"] .grBattleExactV5,[data-guul-comfort-resolved="dark"] .grBattleExactV5 .grBattleBrand,[data-guul-comfort-resolved="dark"] .beBottom{background:#10251e!important;color:#e6fff2!important}[data-guul-comfort-resolved="dark"] .beContent,[data-guul-comfort-resolved="dark"] .grBattleExactV5 .grBattleCard{background:#18332a!important;border-color:#315648!important}[data-guul-comfort-resolved="dark"] .grBattleExactV5 h1,[data-guul-comfort-resolved="dark"] .grBattleExactV5 h2,[data-guul-comfort-resolved="dark"] .grBattleExactV5 .grBattleBrand b{color:#e6fff2!important}[data-guul-comfort-resolved="dark"] .beTabs{background:#213c32}[data-guul-comfort-resolved="dark"] .grBattleExactV5 .guulBattleIdentity{background:#214a3d!important}[data-guul-comfort-resolved="dark"] .grBattleExactV5 .guulBattleIdentity strong{color:#f1fff9!important}
.grBattleExactV5 .grBattleBrand>.beTools{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;margin-left:auto!important}.grBattleExactV5 .beBottom{position:static!important}.grBattleExactV5 .beBottom button:first-child{color:#008e78}.grBattleExactV5 .beBottom button:first-child img{filter:invert(39%) sepia(88%) saturate(935%) hue-rotate(128deg)}
@media(max-width:650px){.grBattleExactV5 .grBattleBrand>.beTools{gap:7px!important}.grBattleExactV5 .beSetup label{padding:7px 0!important}.grBattleExactV5 .beSetup h2{margin-bottom:8px!important}.grBattleExactV5 .grBattleCount{padding-top:12px!important}.grBattleExactV5 .grBattleCount button{min-height:34px!important}.grBattleExactV5 .grBattleFriend{padding:13px!important}.grBattleExactV5 .grBattleFriend h2{margin-bottom:5px!important}.grBattleExactV5 .grBattleFriend>p{margin-bottom:10px!important}.grBattleExactV5 .guulBattleIdentity{padding:7px 9px!important}.grBattleExactV5 .grBattleJoin{margin-top:10px!important}.grBattleExactV5 .grBattleJoin input{min-height:40px!important}}
@media(max-width:380px){.grBattleExactV5 .grBattleBrand>.beTools{gap:4px!important}}
@media(max-width:650px){.grBattleExactV5 .beHeading h1{font-size:23px!important}.grBattleExactV5 .beHeading h1 img{width:25px;height:25px}.grBattleExactV5 .beHeading>button{width:36px;height:36px;padding:10px}.grBattleExactV5 .beHeading{margin:0 3px 9px;gap:10px}.grBattleExactV5 .beHeading p{font-size:11px!important}.grBattleExactV5 .beContent{padding-top:8px}.grBattleExactV5 .grBattleCard h2{font-size:20px!important}.grBattleExactV5 .beSetup{padding-top:12px!important;padding-bottom:12px!important}.grBattleExactV5 .beSetup label{padding:6px 0!important}.grBattleExactV5 .grBattleFriend h2{font-size:20px!important}.grBattleExactV5 .grBattleFriend h2>img{filter:invert(38%) sepia(89%) saturate(950%) hue-rotate(128deg);width:28px;height:28px}.grBattleExactV5 .grBattleFriend>p{margin-left:37px!important;font-size:11px!important}.grBattleExactV5 .guulBattlePanelActions{margin-top:10px!important}.grBattleExactV5 .beTabs button{min-height:39px}}
/* V6: scoped fixes against production comfort/theme overrides */
html body .guulBattlePanel:has(.grBattleExactV5){padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important;width:100%!important;max-width:none!important}
html body .grBattleExactV5>.grBattleBrand,html body .grBattleExactV5>.beBottom{display:none!important}
html body .grBattleExactV5 .beHeroCopy h2,html body .grBattleExactV5 .beHeroCopy p{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 1px 3px #003e3d60!important}
html body .grBattleExactV5 .guulBattlePanelActions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
html body .grBattleExactV5 .guulBattlePanelActions button{white-space:nowrap!important;min-width:0!important;flex-wrap:nowrap!important;font-weight:750!important}
html body .grBattleExactV5 .guulBattlePanelActions button span{color:inherit!important;-webkit-text-fill-color:currentColor!important;white-space:nowrap!important}
html body .grBattleExactV5 .guulBattlePanelActions [data-battle-direct-join]{background:#009783!important;color:#fff!important}
html body .grBattleExactV5 .guulBattlePanelActions [data-battle-friend]{background:#fff!important;color:#10263d!important;border:1.5px solid #009783!important;box-shadow:none!important}
html body .grBattleExactV5 .guulBattlePanelActions [data-battle-friend] img{filter:invert(38%) sepia(87%) saturate(1100%) hue-rotate(130deg)!important}
@media(max-width:650px){html body .p2Body:has(.grBattleExactV5){padding:0!important;background:#effcf7!important}html body .grBattleExactV5{width:100%!important;max-width:none!important;min-height:calc(100dvh - 58px)!important;margin:0!important}html body .grBattleExactV5 .beContent{margin:0!important;padding:12px!important;border:0!important;border-radius:0!important;min-height:calc(100dvh - 58px)!important;box-shadow:none!important}html body .grBattleExactV5 .guulBattlePanelActions button{font-size:13px!important;padding:10px 6px!important;gap:7px!important;min-height:44px!important}html body .grBattleExactV5 .guulBattlePanelActions img{width:21px!important;height:21px!important}}
@media(max-width:360px){html body .grBattleExactV5 .guulBattlePanelActions button{font-size:11px!important;gap:5px!important}}


/* assets/account-calm-v5.css */
/* Account-only warm light palette; geometry and dark mode preserved. */
html:not([data-guul-comfort-resolved="dark"]) body .v3Overlay.accountMode .v3App,
html:not([data-guul-comfort-resolved="dark"]) body .v3Overlay.accountMode .v3Body,
html:not([data-guul-comfort-resolved="dark"]) body .v3Overlay.accountMode .grAccountReference{background:#f4f1e8!important;color:#252d29!important}
html:not([data-guul-comfort-resolved="dark"]) body .v3Overlay.accountMode .v3Top{background:#f9fbf7!important;color:#252d29!important}
html:not([data-guul-comfort-resolved="dark"]) body .v3Overlay.accountMode .grAccountReference .accountList,
html:not([data-guul-comfort-resolved="dark"]) body .v3Overlay.accountMode .grAccountReference .grAccountMetrics,
html:not([data-guul-comfort-resolved="dark"]) body .v3Overlay.accountMode .grAccountReference .accountBattleId{background:#fffdf8!important;border-color:#dce4da!important;box-shadow:0 8px 24px #35463a0a!important}
html:not([data-guul-comfort-resolved="dark"]) body .v3Overlay.accountMode .grAccountReference .accountRow{background:transparent!important;border-color:#e8e9e0!important}
html:not([data-guul-comfort-resolved="dark"]) body .v3Overlay.accountMode .grAccountReference .accountSectionTitle,
html:not([data-guul-comfort-resolved="dark"]) body .v3Overlay.accountMode .grAccountReference .accountRowCopy b,
html:not([data-guul-comfort-resolved="dark"]) body .v3Overlay.accountMode .grAccountReference .grAccountMetrics b,
html:not([data-guul-comfort-resolved="dark"]) body .v3Overlay.accountMode .grAccountReference .grAccountHelp h2,
html:not([data-guul-comfort-resolved="dark"]) body .v3Overlay.accountMode .grAccountReference .grAccountProgress h2{color:#252d29!important}
html:not([data-guul-comfort-resolved="dark"]) body .v3Overlay.accountMode .grAccountReference .accountRowCopy small,
html:not([data-guul-comfort-resolved="dark"]) body .v3Overlay.accountMode .grAccountReference .grAccountMetrics small,
html:not([data-guul-comfort-resolved="dark"]) body .v3Overlay.accountMode .grAccountReference .grAccountHelp p,
html:not([data-guul-comfort-resolved="dark"]) body .v3Overlay.accountMode .grAccountReference .grAccountProgress p{color:#66746b!important}
html:not([data-guul-comfort-resolved="dark"]) body .v3Overlay.accountMode .grAccountReference .grAccountHelp,
html:not([data-guul-comfort-resolved="dark"]) body .v3Overlay.accountMode .grAccountReference .grAccountProgress{background:#eef3e9!important;border-color:#d8e3d5!important}