.one-v-one-page{background:#f8faff;color:#071b5f;font-family:var(--font-family-main,"Be Vietnam Pro",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);min-height:100vh}.one-v-one-desktop-layout,.one-v-one-mobile-layout{box-sizing:border-box}.one-v-one-desktop-layout *,.one-v-one-desktop-layout :after,.one-v-one-desktop-layout :before,.one-v-one-mobile-layout *,.one-v-one-mobile-layout :after,.one-v-one-mobile-layout :before{box-sizing:border-box;letter-spacing:0}.one-v-one-mobile-layout{display:none}.one-v-one-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;height:84px;padding:0 32px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.one-v-one-logo-link{align-items:center;display:inline-flex;text-decoration:none}.one-v-one-header-nav{align-items:center;display:flex;flex:1 1;gap:56px;justify-content:center}.one-v-one-header-nav a{align-items:center;color:#071b5f;display:flex;font-size:15px;font-weight:700;gap:8px;height:84px;line-height:1.2;position:relative;text-decoration:none}.one-v-one-header-nav a.active{color:#1476ff}.one-v-one-header-nav a.active:after{background:#1476ff;border-radius:999px 999px 0 0;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.one-v-one-header-user{align-items:center;display:flex;gap:12px}.one-v-one-bell{align-items:center;background:transparent;border:0;color:#071b5f;display:inline-flex;height:40px;justify-content:center;position:relative;width:40px}.one-v-one-bell:after{background:#ef4444;border:2px solid #fff;border-radius:999px;content:"";height:9px;position:absolute;right:8px;top:7px;width:9px}.one-v-one-header-user .uclass-user-avatar{height:44px;width:44px}.one-v-one-header-user span{display:grid;grid-gap:2px;gap:2px}.one-v-one-header-user strong{color:#071b5f;font-size:14px;font-weight:800}.one-v-one-header-user small{color:#475569;font-size:12px;font-weight:600}.one-v-one-main{margin:0 auto;max-width:960px;padding:48px 24px 56px}.one-v-one-heading{margin-bottom:28px}.one-v-one-title{color:#071b5f;font-size:34px;font-weight:900;line-height:1.15;margin:0}.one-v-one-subtitle{color:#475569;font-size:16px;font-weight:500;line-height:1.45;margin:10px 0 0}.one-v-one-mode-grid{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:24px}.one-v-one-mode-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 10px 24px rgba(15,23,42,.06);display:flex;flex-direction:column;height:320px;padding:28px;text-align:center}.one-v-one-mode-card h2{font-size:20px;font-weight:900;line-height:1.2;margin:0}.one-v-one-mode-card.blue h2{color:#1476ff}.one-v-one-mode-card.green h2{color:#10b981}.one-v-one-mode-card p{color:#475569;font-size:14px;font-weight:500;line-height:1.4;margin:8px 0 0}.one-v-one-mode-icon{align-items:center;border-radius:22px;display:flex;height:88px;justify-content:center;margin-top:28px;width:88px}.one-v-one-mode-card.blue .one-v-one-mode-icon{background:#eaf5ff;color:#1476ff}.one-v-one-mode-card.green .one-v-one-mode-icon{background:#eafbf5;color:#10b981}.one-v-one-mode-button{align-items:center;border-radius:14px;color:#fff;display:flex;font-size:16px;font-weight:900;height:52px;justify-content:center;margin-top:auto;text-decoration:none;width:100%}.one-v-one-mode-card.blue .one-v-one-mode-button{background:linear-gradient(135deg,#1476ff,#005bff)}.one-v-one-mode-card.green .one-v-one-mode-button{background:linear-gradient(135deg,#10b981,#059669)}.one-v-one-mode-meta{color:#64748b;font-size:13px;font-weight:500;margin-top:12px}.one-v-one-user-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 10px 24px rgba(15,23,42,.06);margin-bottom:20px;min-height:220px;padding:26px}.one-v-one-user-card header{align-items:center;display:flex;justify-content:space-between}.one-v-one-user-card h2{color:#071b5f;font-size:16px;font-weight:900;margin:0}.one-v-one-user-card header a{align-items:center;border:1px solid #d7e8ff;border-radius:10px;color:#1476ff;display:inline-flex;font-size:13px;font-weight:700;height:36px;padding:0 14px;text-decoration:none}.one-v-one-user-body{align-items:center;display:grid;grid-gap:22px;gap:22px;grid-template-columns:260px repeat(4,1fr);margin-top:22px}.one-v-one-user-profile{align-items:center;border-right:1px solid #e2e8f0;display:grid;grid-gap:14px;gap:14px;grid-template-columns:64px minmax(0,1fr);min-height:126px;padding-right:22px}.one-v-one-user-profile .uclass-user-avatar{height:64px;width:64px}.one-v-one-user-profile div{display:grid;grid-gap:8px;gap:8px}.one-v-one-user-profile strong{color:#071b5f;font-size:16px;font-weight:800}.one-v-one-class-badge{align-items:center;background:#eaf5ff;border-radius:999px;color:#1476ff;display:inline-flex;font-size:12px;font-weight:700;height:24px;justify-content:center;justify-self:start;padding:0 10px}.one-v-one-stat-item small,.one-v-one-user-profile small{color:#64748b;font-size:13px;font-weight:500}.one-v-one-user-profile b{color:#071b5f;font-size:22px;font-weight:900;line-height:1}.one-v-one-stat-item{align-items:center;border-right:1px solid #e2e8f0;display:grid;grid-gap:9px;gap:9px;justify-items:center;min-height:126px;text-align:center}.one-v-one-stat-item:last-child{border-right:0}.one-v-one-stat-icon{align-items:center;border-radius:999px;display:flex;height:40px;justify-content:center;width:40px}.one-v-one-stat-icon.blue{background:#eaf5ff;color:#1476ff}.one-v-one-stat-icon.green{background:#eafbf5;color:#10b981}.one-v-one-stat-icon.orange{background:#fff7ed;color:#f97316}.one-v-one-stat-item strong{color:#071b5f;font-size:22px;font-weight:900;line-height:1}.one-v-one-rules-card{align-items:center;background:#f8fbff;border:1px solid #d7e8ff;border-radius:18px;display:flex;gap:18px;height:72px;padding:16px 22px}.one-v-one-rule-icon{align-items:center;background:#eaf5ff;border-radius:16px;color:#1476ff;display:flex;flex:0 0 auto;height:48px;justify-content:center;width:48px}.one-v-one-rules-card strong{color:#071b5f;flex:0 0 auto;font-size:16px;font-weight:900}.one-v-one-rules-card p{color:#475569;flex:1 1;font-size:13px;font-weight:500;line-height:1.35;margin:0}.one-v-one-rule-help{color:#1476ff;flex:0 0 auto}@media (max-width:1023px){.one-v-one-desktop-layout{display:none}.one-v-one-mobile-layout{background:#f8faff;color:#071b5f;display:block;min-height:100vh;overflow-x:hidden;padding-bottom:92px}.one-v-one-mobile-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;height:96px;justify-content:space-between;padding:22px 18px 14px}.mobile-header-actions{align-items:center;display:flex;gap:12px}.mobile-icon-button{align-items:center;background:transparent;border:0;color:#071b5f;display:flex;height:36px;justify-content:center;padding:0;position:relative;width:36px}.mobile-icon-button.has-dot:after{background:#ef4444;border:2px solid #fff;border-radius:999px;content:"";height:8px;position:absolute;right:6px;top:6px;width:8px}.mobile-page-heading{align-items:flex-start;display:flex;gap:10px;margin:16px 18px 12px}.mobile-page-heading-icon{color:#1476ff;flex:0 0 auto}.mobile-page-title{color:#071b5f;font-size:22px;font-weight:900;line-height:1.15;margin:0}.mobile-page-subtitle{color:#475569;font-size:13px;line-height:1.35;margin:4px 0 0}.mobile-action-card{align-items:center;border-radius:16px;color:#fff;display:flex;height:112px;justify-content:space-between;margin:0 18px 10px;overflow:hidden;padding:16px;text-decoration:none}.mobile-action-card.blue{background:linear-gradient(135deg,#1476ff,#005bff)}.mobile-action-card.green{background:linear-gradient(135deg,#10b981,#059669)}.mobile-action-card span{display:grid;grid-gap:6px;gap:6px}.mobile-action-card strong{color:#fff;font-size:16px;font-weight:900}.mobile-action-card small{color:hsla(0,0%,100%,.85);font-size:13px;font-weight:500}.mobile-action-card em{align-items:center;background:#fff;border-radius:999px;color:#1476ff;display:flex;font-style:normal;height:30px;justify-content:center;margin-top:8px;width:30px}.mobile-action-card>svg{color:hsla(0,0%,100%,.92);flex:0 0 auto}.mobile-user-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 8px 22px rgba(15,23,42,.06);margin:12px 18px;padding:14px}.mobile-user-top{align-items:center;display:grid;grid-gap:12px;gap:12px;grid-template-columns:48px minmax(0,1fr) auto}.mobile-user-top .uclass-user-avatar{height:48px;width:48px}.mobile-user-top div:nth-child(2){display:grid;grid-gap:4px;gap:4px;min-width:0}.mobile-user-top div:nth-child(2) strong{color:#071b5f;font-size:15px;font-weight:800}.mobile-user-top div:nth-child(2) span{color:#64748b;font-size:12px}.mobile-elo{align-items:center;color:#1476ff;display:grid;grid-gap:2px;gap:2px;justify-items:center}.mobile-elo strong{color:#071b5f;font-size:15px;font-weight:900}.mobile-elo span{color:#64748b;font-size:10px;white-space:nowrap}.mobile-stats-grid{border-top:1px solid #e2e8f0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px;padding-top:12px}.mobile-stat-item{display:grid;justify-items:center;min-width:0;text-align:center}.mobile-stat-icon{align-items:center;border-radius:999px;display:flex;height:28px;justify-content:center;margin:0 auto 6px;width:28px}.mobile-stat-icon.blue{background:#eaf5ff;color:#1476ff}.mobile-stat-icon.green{background:#eafbf5;color:#10b981}.mobile-stat-icon.orange{background:#fff7ed;color:#f97316}.mobile-stat-value{color:#071b5f;font-size:15px;font-weight:900}.mobile-stat-label{color:#64748b;font-size:10px;line-height:1.2;margin-top:3px}.mobile-rules-card{background:#f8fbff;border:1px solid #d7e8ff;border-radius:18px;margin:0 18px 18px;padding:12px 14px}.mobile-rules-card header{align-items:center;display:grid;grid-gap:10px;gap:10px;grid-template-columns:38px minmax(0,1fr) 22px}.mobile-rules-card header span{align-items:center;background:#eaf5ff;border-radius:16px;color:#1476ff;display:flex;height:38px;justify-content:center;width:38px}.mobile-rules-card header strong{color:#071b5f;font-size:15px;font-weight:900}.mobile-rules-card header>svg{color:#1476ff}.mobile-rules-card ul{color:#475569;font-size:12px;font-weight:500;line-height:1.38;margin:8px 0 0 52px;padding:0}.one-v-one-mobile-bottom-nav{background:hsla(0,0%,100%,.98);border-top:1px solid #e2e8f0;bottom:0;box-shadow:0 -8px 24px rgba(15,23,42,.08);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:78px;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;z-index:80}.one-v-one-mobile-bottom-nav a{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:11px;font-weight:700;gap:6px;justify-content:center;text-decoration:none}.one-v-one-mobile-bottom-nav a.active{color:#1476ff}}@media (min-width:1024px){.one-v-one-desktop-layout{display:block}}.one-v-one-setup-page{background:#f8faff;color:#071b5f;font-family:var(--font-family-main,"Be Vietnam Pro",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);min-height:100vh}.one-v-one-setup-desktop *,.one-v-one-setup-desktop :after,.one-v-one-setup-desktop :before,.one-v-one-setup-mobile *,.one-v-one-setup-mobile :after,.one-v-one-setup-mobile :before{box-sizing:border-box;letter-spacing:0}.one-v-one-setup-mobile{display:none}.setup-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;height:84px;padding:0 32px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.setup-logo-link{align-items:center;display:inline-flex;text-decoration:none}.setup-header-nav{align-items:center;display:flex;flex:1 1;gap:56px;justify-content:center}.setup-header-nav a{align-items:center;color:#071b5f;display:flex;font-size:15px;font-weight:700;gap:8px;height:84px;line-height:1.2;position:relative;text-decoration:none}.setup-header-nav a.active{color:#1476ff}.setup-header-nav a.active:after{background:#1476ff;border-radius:999px 999px 0 0;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.setup-header-user{align-items:center;display:flex;gap:12px}.setup-bell{align-items:center;background:transparent;border:0;color:#071b5f;display:inline-flex;height:40px;justify-content:center;position:relative;width:40px}.setup-bell:after{background:#ef4444;border:2px solid #fff;border-radius:999px;content:"";height:9px;position:absolute;right:8px;top:7px;width:9px}.setup-header-user .uclass-user-avatar{height:44px;width:44px}.setup-header-user span{display:grid;grid-gap:2px;gap:2px}.setup-header-user strong{color:#071b5f;font-size:16px;font-weight:800}.setup-header-user small{color:#64748b;font-size:13px;font-weight:500}.one-v-one-setup-main{margin:0 auto;max-width:1080px;padding:36px 24px 48px}.setup-back-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#071b5f;display:inline-flex;font-size:14px;font-weight:700;gap:8px;height:44px;padding:0 18px;text-decoration:none}.setup-title{margin:22px 0 24px}.setup-title h1{align-items:center;color:#071b5f;display:flex;font-size:32px;font-weight:900;gap:12px;line-height:1.15;margin:0}.setup-title h1 svg{color:#1476ff}.setup-title p{color:#475569;font-size:15px;font-weight:500;line-height:1.45;margin:8px 0 0 44px}.setup-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 10px 24px rgba(15,23,42,.06);overflow:hidden}.setup-step{padding:32px 28px}.setup-step+.setup-step{border-top:1px solid #e2e8f0}.setup-step-header{align-items:center;display:flex;gap:10px;margin-bottom:22px}.setup-step-header span{align-items:center;background:#1476ff;border-radius:999px;color:#fff;display:flex;font-size:13px;font-weight:900;height:24px;justify-content:center;width:24px}.setup-step-header h2{color:#071b5f;font-size:18px;font-weight:900;margin:0}.setup-game-grid{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.setup-exam-grid{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}.setup-option-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;color:#071b5f;cursor:pointer;display:grid;grid-gap:18px;gap:18px;grid-template-columns:72px minmax(0,1fr);min-width:0;padding:22px;position:relative;text-align:left}.setup-option-card.game{height:124px}.setup-option-card.exam{height:126px}.setup-option-card.active{background:linear-gradient(135deg,#f8fbff,#fff);border-color:#1476ff;border-width:1.5px}.setup-option-icon{align-items:center;border-radius:16px;display:flex;height:64px;justify-content:center;width:64px}.setup-option-card.blue .setup-option-icon{background:#eaf5ff;color:#1476ff}.setup-option-card.purple .setup-option-icon{background:#f3e8ff;color:#7c3aed}.setup-option-card.green .setup-option-icon{background:#eafbf5;color:#10b981}.setup-option-card.pink .setup-option-icon{background:#fff0f6;color:#e84c85}.setup-option-card.pink .setup-option-icon b{color:#e84c85;font-size:18px;font-weight:900;line-height:1}.setup-option-copy{display:grid;min-width:0}.setup-option-copy strong{color:#071b5f;font-size:17px;font-weight:900;line-height:1.2}.setup-option-card.active.blue .setup-option-copy strong,.setup-option-card.exam.active.blue .setup-option-copy strong{color:#1476ff}.setup-option-copy small{color:#475569;font-size:13px;font-weight:500;line-height:1.4;margin-top:6px}.setup-active-check{align-items:center;background:#1476ff;border-radius:999px;color:#fff;display:flex;height:22px;justify-content:center;position:absolute;right:12px;top:12px;width:22px}.setup-grade-selector{margin-top:22px}.setup-grade-selector>strong{color:#071b5f;display:block;font-size:14px;font-weight:700;margin-bottom:12px}.setup-grade-selector div{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(7,minmax(0,1fr))}.setup-grade-selector button{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#071b5f;font-size:14px;font-weight:700;height:42px;min-width:0}.setup-grade-selector button.active{background:#1476ff;border-color:#1476ff;color:#fff}.setup-info-box{align-items:center;background:#f8fbff;border:1px solid #d7e8ff;border-radius:12px;display:flex;gap:12px;min-height:58px;padding:0 18px}.setup-info-box span{align-items:center;background:#eaf5ff;border-radius:10px;color:#1476ff;display:flex;flex:0 0 auto;height:36px;justify-content:center;width:36px}.setup-info-box p{color:#475569;font-size:14px;font-weight:500;line-height:1.4;margin:0}.setup-find-button{align-items:center;background:linear-gradient(135deg,#1476ff,#005bff);border:0;border-radius:14px;color:#fff;display:flex;gap:12px;height:66px;justify-content:center;margin-top:16px;width:100%}.setup-find-button>span{display:grid;font-size:18px;font-weight:900;line-height:1.2;text-align:left}.setup-find-button small{color:hsla(0,0%,100%,.88);font-size:13px;font-weight:500;margin-top:4px}.setup-footer-note{align-items:center;color:#64748b;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin:22px 0 0}@media (max-width:1023px){.one-v-one-setup-desktop{display:none}.one-v-one-setup-mobile{background:#f8faff;color:#071b5f;display:block;min-height:100vh;overflow-x:hidden;padding-bottom:92px}.setup-mobile-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;height:96px;justify-content:space-between;padding:22px 18px 14px}.setup-mobile-actions{align-items:center;display:flex;gap:12px}.setup-mobile-icon-button{align-items:center;background:transparent;border:0;color:#071b5f;display:flex;height:36px;justify-content:center;padding:0;position:relative;width:36px}.setup-mobile-icon-button.has-dot:after{background:#ef4444;border:2px solid #fff;border-radius:999px;content:"";height:8px;position:absolute;right:6px;top:6px;width:8px}.setup-mobile-title{display:grid;grid-gap:12px;gap:12px;grid-template-columns:22px minmax(0,1fr);margin:22px 18px 18px}.setup-mobile-title a{color:#071b5f;display:inline-flex;padding-top:2px;text-decoration:none}.setup-mobile-title h1{color:#071b5f;font-size:18px;font-weight:900;line-height:1.2;margin:0}.setup-mobile-title p{color:#475569;font-size:13px;font-weight:500;line-height:1.4;margin:6px 0 0}.setup-mobile-step{margin:0 18px 22px}.setup-mobile-step .setup-step-header{gap:8px;margin-bottom:12px}.setup-mobile-step .setup-step-header span{font-size:12px;height:22px;width:22px}.setup-mobile-step .setup-step-header h2{font-size:16px}.setup-mobile-game-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.setup-mobile-exam-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.setup-option-card.compact{align-items:center;border-radius:12px;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:12px 8px;text-align:center}.setup-option-card.game.compact{height:116px}.setup-option-card.exam.compact{height:106px}.setup-option-card.compact .setup-option-icon{border-radius:12px;height:54px;width:54px}.setup-option-card.compact .setup-option-icon b{font-size:14px}.setup-option-card.compact .setup-option-copy strong{display:-webkit-box;font-size:12px;font-weight:800;line-height:1.2;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.setup-option-card.exam.compact .setup-option-copy strong{font-size:13px}.setup-option-card.compact .setup-active-check{height:18px;right:6px;top:6px;width:18px}.setup-grade-selector.mobile{margin-top:14px}.setup-grade-selector.mobile>strong{font-size:13px;margin-bottom:10px}.setup-grade-selector.mobile div{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.setup-grade-selector.mobile div::-webkit-scrollbar{display:none}.setup-grade-selector.mobile button{border-radius:8px;flex:0 0 auto;font-size:12px;height:34px;min-width:58px;padding:0 12px}.setup-find.mobile .setup-info-box{align-items:center;display:grid;grid-gap:12px;gap:12px;grid-template-columns:36px minmax(0,1fr);min-height:74px;padding:14px}.setup-find.mobile .setup-info-box p{font-size:13px}.setup-find.mobile .setup-find-button{border-radius:12px;gap:8px;height:52px;margin-top:16px}.setup-find.mobile .setup-find-button>span{font-size:15px;text-align:center}.setup-find-meta{color:#64748b;font-size:12px;font-weight:500;margin:10px 0 0;text-align:center}.setup-mobile-bottom-nav{background:hsla(0,0%,100%,.98);border-top:1px solid #e2e8f0;bottom:0;box-shadow:0 -8px 24px rgba(15,23,42,.08);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:78px;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;z-index:80}.setup-mobile-bottom-nav a{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:11px;font-weight:700;gap:6px;justify-content:center;text-decoration:none}.setup-mobile-bottom-nav a.active{color:#1476ff}}@media (max-width:430px){.setup-mobile-title{margin:16px 18px 14px}.setup-mobile-step{margin-bottom:14px}.setup-mobile-step .setup-step-header{margin-bottom:10px}.setup-option-card.game.compact{height:104px}.setup-option-card.exam.compact{height:94px}.setup-option-card.compact .setup-option-icon{height:48px;width:48px}.setup-grade-selector.mobile{margin-top:10px}.setup-grade-selector.mobile>strong{margin-bottom:8px}.setup-find.mobile .setup-info-box{min-height:62px;padding:10px 12px}.setup-find.mobile .setup-find-button{margin-top:10px}.setup-find-meta{margin-top:7px}}@media (min-width:1024px){.one-v-one-setup-desktop{display:block}}.one-v-one-matching-page{background:#f8faff;color:#071b5f;font-family:var(--font-family-main,"Be Vietnam Pro",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);min-height:100vh}.matching-desktop *,.matching-desktop :after,.matching-desktop :before,.matching-mobile *,.matching-mobile :after,.matching-mobile :before{box-sizing:border-box;letter-spacing:0}.matching-mobile{display:none}.matching-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;height:84px;padding:0 32px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.matching-logo-link{align-items:center;display:inline-flex;text-decoration:none}.matching-header-nav{align-items:center;display:flex;flex:1 1;gap:52px;justify-content:center}.matching-header-nav a{align-items:center;color:#071b5f;display:flex;font-size:15px;font-weight:700;gap:8px;height:84px;line-height:1.2;position:relative;text-decoration:none}.matching-header-nav a.active{color:#1476ff}.matching-header-nav a.active:after{background:#1476ff;border-radius:999px 999px 0 0;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.matching-header-user{align-items:center;display:flex;gap:12px}.matching-bell{align-items:center;background:transparent;border:0;color:#071b5f;display:inline-flex;height:40px;justify-content:center;position:relative;width:40px}.matching-bell:after{background:#ef4444;border:2px solid #fff;border-radius:999px;content:"";height:9px;position:absolute;right:8px;top:7px;width:9px}.matching-header-user .uclass-user-avatar{height:44px;width:44px}.matching-header-user span{display:grid;grid-gap:2px;gap:2px}.matching-header-user strong{color:#071b5f;font-size:16px;font-weight:800}.matching-header-user small{color:#64748b;font-size:13px;font-weight:500}.matching-main{margin:0 auto;max-width:1180px;padding:24px 24px 40px}.matching-chips{display:flex;gap:16px;justify-content:center;margin:0 0 30px}.matching-chips span{align-items:center;background:#fff;border:1px solid #d7e8ff;border-radius:14px;color:#071b5f;display:inline-flex;font-size:16px;font-weight:700;gap:10px;height:52px;justify-content:center;min-width:164px;padding:0 22px;white-space:nowrap}.matching-chips .purple svg{color:#7c3aed}.matching-chips .green svg{color:#10b981}.matching-chips .blue svg{color:#1476ff}.matching-hero{margin-bottom:26px;text-align:center}.matching-hero h1{color:#071b5f;font-size:54px;font-weight:900;line-height:1.1;margin:0}.matching-hero p{color:#475569;font-size:16px;font-weight:500;line-height:1.5;margin:16px 0 0}.matching-hero>span{align-items:center;color:#475569;display:inline-flex;font-size:18px;font-weight:700;gap:8px;margin-top:18px}.matching-hero strong{color:#1476ff;font-weight:800}.matching-status-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 10px 24px rgba(15,23,42,.06);margin:0 auto;max-width:760px;padding:28px 30px 26px}.matching-loading-row{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:18px}.matching-loading-row strong{color:#475569;font-size:18px;font-weight:700}.matching-spinner{animation:matching-spin 1.15s linear infinite;color:#1476ff}.matching-progress{background:#e6eef9;border-radius:999px;height:8px;margin:0 auto 24px;overflow:hidden;width:430px}.matching-progress span{background:linear-gradient(135deg,#1476ff,#2e7dff);border-radius:999px;display:block;height:100%;width:45%}.matching-vs-zone{align-items:center;display:grid;grid-gap:18px;gap:18px;grid-template-columns:1fr 88px 1fr;margin-bottom:24px}.matching-player-card{align-items:center;background:#fafcff;border:1px solid #d7e8ff;border-radius:20px;display:flex;flex-direction:column;height:210px;justify-content:center;text-align:center}.matching-player-card.opponent.matched .uclass-user-avatar,.matching-player-card.user .uclass-user-avatar{height:78px;margin-bottom:14px;width:78px}.matching-player-card h2{color:#071b5f;font-size:18px;font-weight:800;line-height:1.2;margin:0}.matching-class-badge{align-items:center;background:#eaf5ff;border-radius:999px;color:#1476ff;display:inline-flex;font-size:14px;font-weight:700;height:30px;margin-top:10px;padding:0 12px}.matching-player-card p{color:#475569;font-size:16px;font-weight:700;margin:14px 0 0}.matching-player-card p strong{color:#1476ff;font-weight:800}.matching-opponent-placeholder{align-items:center;background:#f6faff;border:2px dashed #bfd5ff;border-radius:999px;color:#b6c2d9;display:flex;height:78px;justify-content:center;margin-bottom:16px;width:78px}.matching-player-card small{color:#64748b;display:block;font-size:16px;font-weight:500;margin-top:10px}.matching-vs-wrap{align-items:center;display:flex;justify-content:center;position:relative}.matching-vs-wrap:after,.matching-vs-wrap:before{border-top:4px dotted #cfe0fa;content:"";position:absolute;top:50%;width:30px}.matching-vs-wrap:before{right:64px}.matching-vs-wrap:after{left:64px}.matching-vs-wrap span{align-items:center;background:#f8fbff;border:1px solid #d7e8ff;border-radius:18px;color:#1476ff;display:flex;font-size:24px;font-weight:900;height:56px;justify-content:center;width:56px;z-index:1}.matching-actions{display:grid;grid-gap:18px;gap:18px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:520px}.matching-actions a,.matching-actions button{align-items:center;border-radius:14px;display:flex;font-size:16px;font-weight:800;gap:10px;height:56px;justify-content:center;text-decoration:none}.matching-actions a.matching-primary-action,.matching-actions button{background:linear-gradient(135deg,#1476ff,#005bff);border:0;color:#fff}.matching-actions button .matching-spinner{color:#fff}.matching-actions a{background:#fff;border:2px solid #2563eb;color:#2563eb}.matching-info-strip{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 24px rgba(15,23,42,.06);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:28px auto 0;max-width:760px;min-height:100px;padding:0 26px}.matching-info-strip article{align-items:center;color:#475569;display:flex;font-size:15px;font-weight:600;gap:14px;line-height:1.45;min-height:100px}.matching-info-strip article+article{border-left:1px solid #e2e8f0;padding-left:26px}.matching-info-strip .blue svg{color:#1476ff}.matching-info-strip .green svg{color:#10b981}.matching-info-strip .purple svg{color:#7c3aed}@keyframes matching-spin{to{transform:rotate(1turn)}}@media (max-width:1023px){.matching-desktop{display:none}.matching-mobile{background:#f8faff;color:#071b5f;display:block;min-height:100vh;overflow-x:hidden;padding-bottom:92px}.matching-mobile-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;height:92px;justify-content:space-between;padding:16px 16px 12px}.matching-mobile-actions{align-items:center;display:flex;gap:12px}.matching-mobile-icon-button{align-items:center;background:transparent;border:0;color:#071b5f;display:flex;height:36px;justify-content:center;padding:0;position:relative;width:36px}.matching-mobile-icon-button.has-dot:after{background:#ef4444;border:2px solid #fff;border-radius:999px;content:"";height:8px;position:absolute;right:6px;top:6px;width:8px}.matching-mobile-label{align-items:center;display:flex;gap:8px;margin:14px 16px 12px}.matching-mobile-label strong{color:#071b5f;font-size:15px;font-weight:800}.matching-chips.mobile{gap:8px;justify-content:flex-start;margin:0 16px 18px;overflow-x:auto;scrollbar-width:none}.matching-chips.mobile::-webkit-scrollbar{display:none}.matching-chips.mobile span{border-radius:12px;flex:0 0 auto;font-size:13px;gap:8px;height:38px;min-width:0;padding:0 12px}.matching-hero.mobile{margin:0 24px 18px}.matching-hero.mobile h1{font-size:24px;line-height:1.15}.matching-hero.mobile p{font-size:13px;line-height:1.5;margin-top:10px}.matching-hero.mobile>span{font-size:13px;gap:6px;margin-top:10px}.matching-status-card.mobile{border-radius:18px;margin:0 16px 14px;padding:16px}.matching-status-card.mobile .matching-loading-row{gap:8px;margin-bottom:10px}.matching-status-card.mobile .matching-loading-row strong{font-size:14px}.matching-status-card.mobile .matching-progress{height:6px;margin-bottom:16px;width:100%}.matching-status-card.mobile .matching-vs-zone{display:block;margin-bottom:0}.matching-status-card.mobile .matching-player-card{border-radius:16px;display:grid;grid-gap:12px;gap:12px;grid-template-columns:64px minmax(0,1fr);height:auto;justify-content:stretch;padding:14px;text-align:left}.matching-status-card.mobile .matching-player-card.opponent.matched .uclass-user-avatar,.matching-status-card.mobile .matching-player-card.user .uclass-user-avatar{height:64px;margin:0;width:64px}.matching-status-card.mobile .matching-player-card h2{font-size:16px}.matching-status-card.mobile .matching-class-badge{font-size:12px;height:24px;margin-top:6px;padding:0 10px}.matching-status-card.mobile .matching-player-card p{font-size:14px;font-weight:600;margin-top:8px}.matching-status-card.mobile .matching-vs-wrap{gap:12px;margin:12px 0}.matching-status-card.mobile .matching-vs-wrap:after,.matching-status-card.mobile .matching-vs-wrap:before{position:static;width:84px}.matching-status-card.mobile .matching-vs-wrap span{border-radius:14px;font-size:20px;height:42px;width:42px}.matching-status-card.mobile .matching-player-card.opponent{grid-template-columns:60px minmax(0,1fr)}.matching-status-card.mobile .matching-opponent-placeholder{height:60px;margin:0;width:60px}.matching-status-card.mobile .matching-opponent-placeholder svg{height:34px;width:34px}.matching-status-card.mobile .matching-player-card small{font-size:13px;margin-top:4px}.matching-status-card.mobile .matching-actions{display:flex;flex-direction:column;gap:12px;margin-top:14px;max-width:none}.matching-status-card.mobile .matching-actions a,.matching-status-card.mobile .matching-actions button{border-radius:12px;font-size:16px;height:48px}.matching-mobile-bottom-nav{background:hsla(0,0%,100%,.98);border-top:1px solid #e2e8f0;bottom:0;box-shadow:0 -8px 24px rgba(15,23,42,.08);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:78px;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;z-index:90}.matching-mobile-bottom-nav a{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:11px;font-weight:700;gap:6px;justify-content:center;text-decoration:none}.matching-mobile-bottom-nav a.active{color:#1476ff}}@media (max-width:430px){.matching-mobile-label{margin-bottom:10px}.matching-chips.mobile,.matching-hero.mobile{margin-bottom:14px}.matching-status-card.mobile{padding:14px}.matching-status-card.mobile .matching-player-card{padding:12px}.matching-status-card.mobile .matching-actions{gap:10px;margin-top:12px}}@media (min-width:1024px){.matching-desktop{display:block}}.private-room-page,.private-room-waiting-page{background:#f6f9ff;color:#0f172a;font-family:var(--font-family-main,"Be Vietnam Pro",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);min-height:100vh}.private-room-page *,.private-room-page :after,.private-room-page :before,.private-room-waiting-page *,.private-room-waiting-page :after,.private-room-waiting-page :before{box-sizing:border-box}.private-room-mobile,.private-room-page~.app-footer,.private-room-waiting-page~.app-footer{display:none}.private-room-desktop-shell{margin:0 auto;max-width:1440px;padding:32px 48px 56px}.private-room-page-title h1{color:#0f172a;font-size:34px;font-weight:900;letter-spacing:.01em;line-height:42px;margin:0}.private-room-page-title p{color:#475569;font-size:17px;font-weight:500;line-height:26px;margin:8px 0 0}.private-room-desktop-grid{align-items:start;display:grid;grid-gap:32px;gap:32px;grid-template-columns:minmax(720px,1fr) 360px;margin-top:24px}.private-room-form-card,.private-room-side-card,.private-room-waiting-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 14px 40px rgba(15,23,42,.06)}.private-room-form-card{border-radius:24px;padding:24px}.private-room-section-header{align-items:center;display:flex;gap:12px;margin-bottom:18px}.private-room-section-header>span{align-items:center;background:#2563eb;border-radius:999px;color:#fff;display:inline-flex;flex:0 0 28px;font-size:15px;font-weight:900;height:28px;justify-content:center}.private-room-section-header h2{color:#0f172a;font-size:18px;font-weight:850;line-height:26px;margin:0}.private-room-divider{background:#e2e8f0;height:1px;margin:22px 0}.private-room-mode-grid{display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.private-room-content-option,.private-room-mode-option{background:#fff;border:1.5px solid #cbd5e1;color:#0f172a;cursor:pointer;position:relative}.private-room-mode-option{align-items:center;border-radius:16px;display:flex;flex-direction:column;height:112px;justify-content:center;padding:18px}.private-room-content-option.selected,.private-room-mode-option.selected{background:#f8fbff;border:2px solid #2563eb;box-shadow:0 10px 26px rgba(37,99,235,.1)}.private-room-option-icon{align-items:center;border-radius:14px;display:inline-flex;height:48px;justify-content:center;width:48px}.private-room-mode-option.blue .private-room-option-icon{background:#eff6ff;color:#2563eb}.private-room-mode-option.green .private-room-option-icon{background:#ecfdf5;color:#059669}.private-room-mode-option.purple .private-room-option-icon{background:#f3e8ff;color:#7c3aed}.private-room-mode-option strong{color:#0f172a;font-size:17px;font-weight:850;margin-top:10px}.private-room-mode-option.selected strong{color:#2563eb}.private-room-selected-check{align-items:center;background:#2563eb;border-radius:999px;color:#fff;display:flex;height:26px;justify-content:center;position:absolute;right:12px;top:12px;width:26px}.private-room-content-grid{display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.private-room-content-option{align-items:center;border-radius:16px;display:flex;gap:16px;height:74px;justify-content:center;padding:16px 20px}.private-room-content-option.blue>svg{color:#2563eb}.private-room-content-option strong{font-size:17px;font-weight:850}.private-room-content-option.selected strong{color:#2563eb}.private-room-toeic-badge{align-items:center;border:2px solid #10b981;border-radius:10px;color:#059669;display:flex;font-size:13px;font-weight:900;height:42px;justify-content:center;width:42px}.private-room-grade-list{display:flex;gap:14px}.private-room-grade-list button{background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;color:#0f172a;cursor:pointer;flex:1 1 82px;font-size:15px;font-weight:800;height:40px;min-width:72px;padding:0 10px}.private-room-grade-list button.selected{background:#2563eb;border-color:#2563eb;box-shadow:0 8px 20px rgba(37,99,235,.2);color:#fff}.private-room-info-grid{background:#fff;border:1px solid #e2e8f0;border-radius:18px;display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(6,minmax(0,1fr));padding:18px}.private-room-info-grid article{align-items:center;display:flex;gap:12px;grid-column:span 2;min-height:54px}.private-room-info-grid article:nth-child(n+4){grid-column:span 3}.private-room-info-icon{align-items:center;background:#eff6ff;border-radius:12px;color:#2563eb;display:flex;flex:0 0 38px;height:38px;justify-content:center}.private-room-info-grid article>div{display:grid;grid-gap:4px;gap:4px;min-width:0}.private-room-info-grid small{color:#64748b;font-size:13px;font-weight:600}.private-room-info-grid strong{color:#0f172a;font-size:15px;font-weight:850;overflow-wrap:anywhere}.private-room-info-grid article.room-code strong{color:#059669;font-size:16px;font-weight:900;letter-spacing:.04em}.private-room-secondary-actions{display:flex;gap:14px;justify-content:flex-end;margin-top:18px}.private-room-secondary-actions button{align-items:center;background:#fff;border:1.5px solid #2563eb;border-radius:12px;color:#2563eb;cursor:pointer;display:inline-flex;font-size:14px;font-weight:800;gap:8px;height:42px;justify-content:center;padding:0 18px}.private-room-create-button{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:0;border-radius:16px;box-shadow:0 14px 30px rgba(37,99,235,.26);color:#fff;cursor:pointer;display:flex;font-size:19px;font-weight:900;gap:10px;height:60px;justify-content:center;margin-top:24px;width:100%}.private-room-create-button:disabled{cursor:wait;opacity:.74}.private-room-create-note{color:#64748b;font-size:13px;margin:12px 0 0;text-align:center}.private-room-aside{display:grid;grid-gap:20px;gap:20px}.private-room-side-card{border-radius:22px;padding:22px}.private-room-preview-card h2{color:#0f172a;font-size:17px;font-weight:850;margin:0 0 18px}.private-room-preview-players{align-items:center;display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr)}.private-room-player{align-items:center;border-radius:18px;display:flex;flex-direction:column;height:150px;justify-content:center;min-width:0;padding:12px 8px;text-align:center}.private-room-player.host{background:#f8fbff;border:1.5px solid #bfdbfe}.private-room-player.waiting{border:2px dashed #cbd5e1}.private-room-player .uclass-user-avatar{height:64px;width:64px}.private-room-player strong{color:#0f172a;font-size:15px;font-weight:850;margin-top:8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.private-room-player.host>span{align-items:center;background:#dbeafe;border-radius:999px;color:#2563eb;display:flex;font-size:12px;font-weight:800;height:24px;margin-top:6px;padding:0 10px}.private-room-player.waiting small{color:#475569;font-size:14px;margin-top:3px}.private-room-waiting-avatar{background:#f1f5f9;border-radius:999px;color:#94a3b8;height:64px;width:64px}.private-room-vs,.private-room-waiting-avatar{align-items:center;display:flex;justify-content:center}.private-room-vs{background:#fff;border:1.5px solid #dbeafe;border-radius:999px;color:#2563eb;font-size:17px;font-weight:900;height:48px;position:relative;width:48px;z-index:2}.private-room-preview-card>label{color:#475569;display:block;font-size:14px;font-weight:600;margin:18px 0 8px}.private-room-code-box{align-items:center;border:1.5px solid #bfdbfe;border-radius:14px;color:#2563eb;display:grid;grid-template-columns:24px 1fr 24px;height:58px;padding:0 16px}.private-room-code-box strong{font-size:30px;font-weight:900;letter-spacing:.06em;text-align:center}.private-room-status{align-items:center;color:#475569;display:flex;font-size:14px;gap:9px;justify-content:center;margin-top:14px}.private-room-status>span{background:#10b981;border-radius:999px;height:8px;width:8px}.private-room-status b{color:#94a3b8}.private-room-rules-card{align-items:center;display:flex;gap:20px}.private-room-rules-card>span{align-items:center;background:#eff6ff;border-radius:999px;color:#2563eb;display:flex;flex:0 0 68px;height:68px;justify-content:center}.private-room-rules-card ul{color:#0f172a;font-size:15px;font-weight:600;line-height:24px;margin:0;padding-left:18px}.private-room-tip-card{align-items:center;background:#fff;border:1px solid #dbeafe;border-radius:16px;display:flex;gap:12px;padding:14px}.private-room-tip-card.compact{border-color:#e2e8f0;border-radius:22px;box-shadow:0 12px 32px rgba(15,23,42,.06);padding:22px}.private-room-tip-card>span{align-items:center;background:#fef3c7;border-radius:14px;color:#f59e0b;display:flex;flex:0 0 42px;height:42px;justify-content:center}.private-room-tip-card.compact>span{border-radius:999px;flex-basis:56px;height:56px}.private-room-tip-card p{color:#475569;font-size:14px;font-weight:600;line-height:21px;margin:0}.private-room-tip-card.compact p{color:#334155;font-size:15px;line-height:24px}.private-room-toast{background:#0f172a;border-radius:12px;box-shadow:0 12px 30px rgba(15,23,42,.2);color:#fff;font-size:14px;font-weight:700;padding:12px 18px;position:fixed;right:24px;top:92px;z-index:120}.private-room-waiting-shell{margin:0 auto;max-width:900px;padding:38px 24px 64px}.private-room-waiting-title{align-items:center;display:flex;gap:14px;margin-bottom:22px}.private-room-waiting-title>a{align-items:center;border:1px solid #dbeafe;border-radius:12px;color:#0f172a;display:flex;height:44px;justify-content:center;width:44px}.private-room-waiting-title h1{font-size:32px;font-weight:900;margin:0}.private-room-waiting-title p{color:#475569;font-size:16px;margin:5px 0 0}.private-room-waiting-card{border-radius:24px;padding:28px}.private-room-waiting-status{align-items:center;background:#ecfdf5;border-radius:12px;color:#059669;display:flex;font-size:14px;font-weight:800;gap:9px;justify-content:center;margin-bottom:24px;min-height:42px}.private-room-waiting-status span{background:#10b981;border-radius:999px;height:8px;width:8px}.private-room-waiting-players{align-items:center;display:grid;grid-gap:20px;gap:20px;grid-template-columns:1fr 56px 1fr;margin:0 auto;max-width:620px}.private-room-waiting-players article{align-items:center;background:#f8fbff;border:1.5px solid #bfdbfe;border-radius:18px;display:flex;flex-direction:column;min-height:180px;justify-content:center}.private-room-waiting-players article.empty{background:#fff;border:2px dashed #cbd5e1}.private-room-waiting-players .uclass-user-avatar,.private-room-waiting-players article.empty>span{height:72px;width:72px}.private-room-waiting-players article.empty>span{align-items:center;background:#f1f5f9;border-radius:999px;color:#94a3b8;display:flex;justify-content:center}.private-room-waiting-players article strong{font-size:17px;font-weight:850;margin-top:10px}.private-room-waiting-players article>span:last-child{background:#dbeafe;border-radius:999px;color:#2563eb;font-size:12px;font-weight:800;margin-top:7px;padding:5px 10px}.private-room-waiting-players article small{color:#64748b;font-size:13px;margin-top:4px}.private-room-waiting-players>b{align-items:center;border:1.5px solid #dbeafe;border-radius:999px;color:#2563eb;display:flex;font-size:18px;height:56px;justify-content:center;width:56px}.private-room-waiting-code{align-items:center;border:1.5px solid #bfdbfe;border-radius:16px;display:grid;grid-template-columns:1fr auto 44px;margin-top:24px;min-height:70px;padding:10px 14px 10px 18px}.private-room-waiting-code small{color:#64748b;font-size:13px;font-weight:600}.private-room-waiting-code strong{color:#2563eb;font-size:30px;font-weight:900;letter-spacing:.06em}.private-room-waiting-code button{align-items:center;background:#eff6ff;border:0;border-radius:12px;color:#2563eb;cursor:pointer;display:flex;height:44px;justify-content:center;width:44px}.private-room-waiting-summary{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.private-room-waiting-summary article{align-items:center;background:#f8fbff;border:1px solid #e2e8f0;border-radius:14px;color:#2563eb;display:flex;gap:12px;min-height:66px;padding:12px 14px}.private-room-waiting-summary article>span{display:grid;grid-gap:3px;gap:3px}.private-room-waiting-summary small{color:#64748b;font-size:12px}.private-room-waiting-summary strong{color:#0f172a;font-size:14px}.private-room-waiting-actions{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px}.private-room-waiting-actions button{align-items:center;background:#fff;border:1.5px solid #2563eb;border-radius:14px;color:#2563eb;cursor:pointer;display:flex;font-size:15px;font-weight:800;gap:8px;height:50px;justify-content:center}.private-room-waiting-back{color:#64748b;display:block;font-size:14px;font-weight:700;margin-top:18px;text-align:center}.private-room-waiting-message{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 12px 32px rgba(15,23,42,.06);color:#2563eb;display:flex;flex-direction:column;gap:12px;min-height:280px;justify-content:center;padding:28px;text-align:center}.private-room-waiting-message strong{color:#0f172a;font-size:20px}.private-room-waiting-message p{color:#64748b;margin:0}.private-room-waiting-message a{background:#2563eb;border-radius:12px;color:#fff;font-weight:800;padding:12px 18px;text-decoration:none}.private-room-waiting-spinner{animation:private-room-spin 1s linear infinite}@keyframes private-room-spin{to{transform:rotate(1turn)}}@media (max-width:1023px){.private-room-desktop{display:none}.private-room-mobile{display:block}.private-room-mobile-shell{margin:0 auto;max-width:560px;min-height:calc(100vh - 64px);overflow-x:hidden;padding:18px 16px 108px}.private-room-mobile-title{align-items:flex-start;display:flex;gap:12px;margin-bottom:24px}.private-room-mobile-title>a{align-items:center;color:#0f172a;display:flex;flex:0 0 40px;height:40px;justify-content:center;text-decoration:none}.private-room-mobile-title h1{color:#0f172a;font-size:30px;font-weight:900;line-height:36px;margin:0}.private-room-mobile-title p{color:#475569;font-size:16px;font-weight:500;line-height:22px;margin:4px 0 0}.private-room-mobile-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 8px 24px rgba(15,23,42,.05);margin-bottom:12px;padding:16px}.private-room-mobile-card .private-room-section-header{gap:10px;margin-bottom:14px}.private-room-mobile-card .private-room-section-header>span{flex-basis:32px;font-size:16px;height:32px}.private-room-mobile-card .private-room-section-header h2{font-size:20px;font-weight:900;line-height:28px}.private-room-mode-grid.mobile{gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.private-room-mode-grid.mobile .private-room-mode-option{border-radius:16px;height:118px;padding:12px 8px}.private-room-mode-grid.mobile .private-room-option-icon{border-radius:16px;height:56px;width:56px}.private-room-mode-grid.mobile .private-room-mode-option strong{font-size:15px;line-height:20px;margin-top:10px;text-align:center}.private-room-content-grid.mobile .private-room-selected-check,.private-room-mode-grid.mobile .private-room-selected-check{height:24px;right:10px;top:10px;width:24px}.private-room-content-grid.mobile{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.private-room-content-grid.mobile .private-room-content-option{border-radius:16px;gap:10px;height:88px;padding:12px}.private-room-content-grid.mobile .private-room-content-option strong{font-size:17px;font-weight:900}.private-room-content-grid.mobile .private-room-toeic-badge{height:40px;width:48px}.private-room-grade-list.mobile{gap:10px;margin:0 -2px;overflow-x:auto;padding:0 2px 3px;scrollbar-width:none}.private-room-grade-list.mobile::-webkit-scrollbar{display:none}.private-room-grade-list.mobile button{flex:0 0 auto;font-size:16px;height:42px;min-width:74px;padding:0 16px}.private-room-info-grid.mobile{border-radius:16px;display:grid;grid-gap:0;gap:0;grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.private-room-info-grid.mobile article{align-items:center;display:flex;gap:10px;grid-column:auto;min-height:82px;padding:12px 10px}.private-room-info-grid.mobile article:nth-child(odd){border-right:1px solid #e2e8f0}.private-room-info-grid.mobile article:nth-child(-n+3),.private-room-info-grid.mobile article:nth-child(5){border-bottom:1px solid #e2e8f0}.private-room-info-grid.mobile article:nth-child(4){border-right:0;grid-column:1/-1;order:5}.private-room-info-grid.mobile article:nth-child(5){border-right:0;order:4}.private-room-info-grid.mobile .private-room-info-icon{background:transparent;flex-basis:28px;height:28px}.private-room-info-grid.mobile small{font-size:13px}.private-room-info-grid.mobile strong{font-size:15px;font-weight:900}.private-room-info-grid.mobile article.room-code strong{font-size:17px}.private-room-secondary-actions.mobile{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.private-room-secondary-actions.mobile button{border-radius:14px;font-size:16px;font-weight:850;height:50px;padding:0 8px}.private-room-create-button.mobile{border-radius:16px;font-size:19px;height:58px;margin-top:14px}.private-room-tip-card{margin-bottom:12px}.private-room-toast{bottom:94px;left:20px;right:20px;text-align:center;top:auto}.private-room-waiting-shell{max-width:560px;padding:18px 16px 108px}.private-room-waiting-title{gap:10px;margin-bottom:18px}.private-room-waiting-title>a{background:transparent;border:0;height:40px;width:40px}.private-room-waiting-title h1{font-size:28px;line-height:34px}.private-room-waiting-title p{font-size:14px;line-height:20px}.private-room-waiting-card{border-radius:20px;padding:16px}.private-room-waiting-players{gap:8px;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr)}.private-room-waiting-players article{min-height:154px;padding:10px 6px}.private-room-waiting-players .uclass-user-avatar,.private-room-waiting-players article.empty>span{height:60px;width:60px}.private-room-waiting-players article strong{font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.private-room-waiting-players>b{font-size:15px;height:42px;width:42px}.private-room-waiting-code{grid-template-columns:1fr auto 44px;min-height:64px}.private-room-waiting-code strong{font-size:24px}.private-room-waiting-summary{grid-template-columns:1fr}.private-room-waiting-actions{gap:10px}.private-room-waiting-actions button{font-size:14px}}@media (max-width:374px){.private-room-mobile-shell{padding-left:12px;padding-right:12px}.private-room-mobile-title h1{font-size:27px}.private-room-mobile-title p{font-size:14px}.private-room-mobile-card{padding:14px}.private-room-mode-grid.mobile{gap:7px}.private-room-mode-grid.mobile .private-room-mode-option{padding:10px 5px}.private-room-mode-grid.mobile .private-room-option-icon{height:50px;width:50px}.private-room-mode-grid.mobile .private-room-mode-option strong{font-size:13px}.private-room-secondary-actions.mobile button{font-size:14px}}.friend-waiting-page{background:#f6f9ff;color:#0f172a;font-family:var(--font-family-main,"Be Vietnam Pro",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);min-height:100vh}.friend-waiting-page *,.friend-waiting-page :after,.friend-waiting-page :before{box-sizing:border-box;letter-spacing:0}.friend-waiting-mobile,.friend-waiting-page~.app-footer{display:none}.friend-waiting-page .app-header-main{height:72px}.friend-waiting-shell{margin:0 auto;max-width:1440px;padding:40px 56px 48px}.friend-waiting-title{margin:0 0 28px}.friend-waiting-title h1{color:#0f172a;font-size:36px;font-weight:900;line-height:44px;margin:0;text-transform:uppercase}.friend-waiting-title p{color:#475569;font-size:18px;font-weight:500;line-height:28px;margin:8px 0 0}.friend-waiting-grid{align-items:start;display:grid;grid-gap:32px;gap:32px;grid-template-columns:minmax(760px,1fr) 380px}.friend-waiting-left{display:grid;grid-gap:24px;gap:24px}.friend-waiting-right{display:grid;grid-gap:20px;gap:20px}.friend-action-card,.friend-invite-card,.friend-mobile-status-rules,.friend-players-card,.friend-side-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 14px 40px rgba(15,23,42,.06)}.friend-invite-card{align-items:center;border-radius:24px;display:grid;grid-gap:28px;gap:28px;grid-template-columns:300px 1px minmax(0,1fr);padding:28px}.friend-room-code-block{min-width:0}.friend-invite-label,.friend-link-label{color:#475569;font-size:18px;font-weight:700;line-height:26px}.friend-invite-label{align-items:center;display:flex;gap:12px}.friend-invite-label svg{color:#2563eb}.friend-room-code-block>strong{color:#2563eb;display:block;font-size:58px;font-weight:900;line-height:66px;margin-top:12px}.friend-invite-divider{background:#e2e8f0;height:120px;width:1px}.friend-link-label{color:#0f172a;font-size:17px;font-weight:750;margin-bottom:10px}.friend-link-field{align-items:center;border:1.5px solid #bfdbfe;border-radius:14px;color:#2563eb;display:flex;font-size:16px;font-weight:700;gap:12px;height:56px;min-width:0;overflow:hidden;padding:0 18px;text-overflow:ellipsis;white-space:nowrap}.friend-invite-actions{display:flex;gap:16px;margin-top:18px}.friend-invite-actions button{align-items:center;background:#fff;border:1.5px solid #2563eb;border-radius:14px;color:#2563eb;cursor:pointer;display:inline-flex;font-size:15px;font-weight:850;gap:8px;height:48px;justify-content:center;min-width:170px;padding:0 18px}.friend-players-card{align-items:center;border-radius:24px;display:grid;grid-gap:24px;gap:24px;grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);padding:28px}.friend-player-slot{align-items:center;background:#f8fbff;border:1.5px solid #bfdbfe;border-radius:18px;display:flex;gap:20px;height:160px;min-width:0;padding:20px 24px}.friend-player-slot.empty{background:#fff;border-color:#e2e8f0}.friend-empty-avatar,.friend-player-slot .uclass-user-avatar{flex:0 0 auto;height:88px;width:88px}.friend-player-slot .uclass-user-avatar{border:2px solid #dbeafe}.friend-empty-avatar{align-items:center;background:#f1f5f9;border:2px dashed #cbd5e1;border-radius:999px;color:#94a3b8;display:flex;justify-content:center}.friend-player-copy{min-width:0}.friend-player-copy h2{color:#0f172a;font-size:21px;font-weight:900;line-height:28px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-role-badge{align-items:center;background:#dbeafe;border-radius:999px;color:#2563eb;display:inline-flex;font-size:13px;font-weight:800;height:28px;margin-top:6px;padding:0 12px}.friend-player-copy p{color:#475569;font-size:16px;font-weight:500;line-height:24px;margin:8px 0 0}.friend-status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:14px;font-weight:800;gap:6px;height:30px;margin-top:8px;padding:0 12px}.friend-status-badge.ready{background:#dcfce7;color:#059669}.friend-status-badge.waiting{background:#f1f5f9;color:#475569}.friend-vs-separator{align-items:center;display:flex;justify-content:center;position:relative}.friend-vs-separator:after,.friend-vs-separator:before{border-top:4px dotted #cbd5e1;content:"";position:absolute;top:50%;width:34px}.friend-vs-separator:before{right:66px}.friend-vs-separator:after{left:66px}.friend-vs-separator span{align-items:center;background:#fff;border:1px solid #dbeafe;border-radius:999px;box-shadow:0 8px 20px rgba(15,23,42,.08);color:#2563eb;display:flex;font-size:24px;font-weight:900;height:62px;justify-content:center;width:62px;z-index:1}.friend-action-card{border-radius:24px;padding:28px}.friend-action-row{display:grid;grid-gap:24px;gap:24px;grid-template-columns:1fr 1.15fr 1.45fr}.friend-action-row button,.friend-ready-button{align-items:center;border-radius:14px;cursor:pointer;display:flex;font-size:17px;font-weight:900;gap:10px;height:58px;justify-content:center}.friend-leave-button{background:#fff;border:1.5px solid #94a3b8;color:#334155}.friend-ready-button{background:#fff;border:1.5px solid #2563eb;color:#2563eb;width:100%}.friend-start-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:0;box-shadow:0 12px 28px rgba(37,99,235,.24);color:#fff}.friend-start-button:disabled{background:#e5e7eb;box-shadow:none;color:#94a3b8;cursor:not-allowed}.friend-action-card p{align-items:center;color:#64748b;display:flex;font-size:15px;font-weight:500;gap:8px;justify-content:center;line-height:22px;margin:18px 0 0}.friend-action-card p svg{color:#2563eb}.friend-side-card{border-radius:22px;padding:22px}.friend-panel-title{align-items:center;color:#0f172a;display:flex;font-size:18px;font-weight:900;gap:10px;line-height:26px;margin:0 0 14px}.friend-panel-title svg{color:#2563eb}.friend-info-row{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;height:44px;justify-content:space-between;gap:16px}.friend-info-row:last-child{border-bottom:0}.friend-info-row span{align-items:center;color:#475569;display:flex;font-size:15px;font-weight:600;gap:10px}.friend-info-row span svg{color:#2563eb;flex:0 0 auto}.friend-info-row strong{color:#0f172a;font-size:15px;font-weight:850;text-align:right}.friend-status-list{display:grid;grid-gap:16px;gap:16px;margin-top:18px}.friend-status-item{align-items:center;color:#334155;display:flex;font-size:15px;font-weight:600;gap:12px}.friend-status-item>span{align-items:center;background:#fff;border:1.5px solid #cbd5e1;border-radius:999px;color:#94a3b8;display:flex;flex:0 0 26px;font-size:13px;font-weight:900;height:26px;justify-content:center;width:26px}.friend-status-item>span.done{background:#10b981;border-color:#10b981;color:#fff}.friend-rule-list{display:grid;grid-gap:12px;gap:12px;margin-top:16px}.friend-rule-item{align-items:center;display:flex;font-size:15px;line-height:22px;justify-content:space-between}.friend-rule-item span{color:#334155;font-weight:600}.friend-rule-item strong{font-weight:900}.friend-rule-item strong.correct{color:#059669}.friend-rule-item strong.wrong{color:#ef4444}.friend-rule-item strong.time{color:#2563eb}.friend-waiting-loading{display:flex;font-size:18px;gap:10px;min-height:360px}.friend-invite-fallback-link,.friend-waiting-loading{align-items:center;color:#2563eb;font-weight:800;justify-content:center}.friend-invite-fallback-link{border:1px solid #2563eb;border-radius:12px;display:inline-flex;font-size:15px;margin-top:10px;min-height:42px;padding:0 18px;text-decoration:none}.friend-waiting-spin{animation:private-room-spin 1s linear infinite}@media (max-width:1023px){.friend-waiting-desktop{display:none}.friend-waiting-mobile{background:#f6f9ff;display:block;min-height:100vh;overflow-x:hidden}.friend-waiting-page .app-header-main{height:64px}.friend-waiting-mobile-shell{margin:0 auto;max-width:560px;padding:18px 16px 110px}.friend-waiting-mobile-title{margin:0 0 16px}.friend-waiting-mobile-title h1{color:#0f172a;font-size:30px;font-weight:900;line-height:36px;margin:0}.friend-waiting-mobile-title p{color:#475569;font-size:16px;font-weight:500;line-height:23px;margin:4px 0 0}.friend-action-card.mobile,.friend-invite-card.mobile,.friend-mobile-status-rules,.friend-players-card.mobile,.friend-side-card.mobile{border-radius:20px;box-shadow:0 8px 24px rgba(15,23,42,.05);margin-top:12px;padding:16px}.friend-invite-card.mobile{align-items:stretch;gap:14px;grid-template-columns:minmax(0,.85fr) 1px minmax(0,1.45fr);margin-top:16px}.friend-invite-card.mobile .friend-invite-label,.friend-invite-card.mobile .friend-link-label{font-size:15px;font-weight:700;line-height:22px}.friend-invite-card.mobile .friend-room-code-block>strong{font-size:44px;line-height:50px;margin-top:8px}.friend-invite-card.mobile .friend-invite-divider{height:148px}.friend-invite-card.mobile .friend-link-label{color:#475569;margin-bottom:8px}.friend-invite-card.mobile .friend-link-field{border-radius:12px;font-size:13px;height:42px;padding:0 12px}.friend-invite-card.mobile .friend-invite-actions{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.friend-invite-card.mobile .friend-invite-actions button{border-radius:12px;font-size:15px;font-weight:850;height:48px;min-width:0;padding:0 8px}.friend-players-card.mobile{display:block}.friend-players-card.mobile .friend-player-slot{border-color:#dbeafe;border-radius:16px;gap:16px;height:136px;padding:14px}.friend-players-card.mobile .friend-empty-avatar,.friend-players-card.mobile .friend-player-slot .uclass-user-avatar{height:82px;width:82px}.friend-players-card.mobile .friend-player-copy h2{font-size:20px;line-height:26px}.friend-players-card.mobile .friend-role-badge{font-size:13px;height:26px;margin-top:4px;padding:0 10px}.friend-players-card.mobile .friend-player-copy p{font-size:15px;line-height:22px;margin-top:6px}.friend-players-card.mobile .friend-status-badge{font-size:13px;height:28px;margin-top:6px;padding:0 10px}.friend-players-card.mobile .friend-vs-separator{height:46px}.friend-players-card.mobile .friend-vs-separator:after,.friend-players-card.mobile .friend-vs-separator:before{position:static;width:82px}.friend-players-card.mobile .friend-vs-separator{gap:12px}.friend-players-card.mobile .friend-vs-separator span{flex:0 0 auto;font-size:21px;height:54px;width:54px}.friend-info-card.mobile .friend-panel-title,.friend-mobile-status-rules .friend-panel-title{font-size:18px;line-height:26px;margin-bottom:10px}.friend-info-card.mobile .friend-info-row{height:36px}.friend-info-card.mobile .friend-info-row span,.friend-info-card.mobile .friend-info-row strong{font-size:15px}.friend-mobile-status-rules{display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr)}.friend-mobile-divider{background:#e2e8f0;display:block;width:1px}.friend-mobile-status-rules .friend-status-list{gap:8px;margin-top:8px}.friend-mobile-status-rules .friend-status-item{font-size:15px;gap:10px;min-height:30px}.friend-mobile-status-rules .friend-rule-list{gap:8px;margin-top:34px}.friend-mobile-status-rules .friend-rule-item{font-size:15px;min-height:30px}.friend-action-card.mobile{background:transparent;border:0;box-shadow:none;padding:0}.friend-action-card.mobile .friend-action-row{display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(0,.9fr) minmax(0,1.9fr)}.friend-action-card.mobile .friend-action-row button,.friend-action-card.mobile .friend-ready-button.mobile{border-radius:14px;font-size:17px;height:54px}.friend-action-card.mobile .friend-leave-button{border-color:#2563eb;color:#0f172a}.friend-action-card.mobile .friend-ready-button.mobile{height:50px;margin-top:10px}.friend-action-card.mobile p{font-size:14px;gap:6px;line-height:20px;margin-top:12px;text-align:center}}@media (max-width:390px){.friend-waiting-mobile-shell{padding-left:14px;padding-right:14px}.friend-invite-card.mobile{gap:10px;padding:14px}.friend-invite-card.mobile .friend-room-code-block>strong{font-size:39px}.friend-invite-card.mobile .friend-invite-actions button{font-size:13px}.friend-players-card.mobile .friend-player-slot{gap:12px}.friend-players-card.mobile .friend-empty-avatar,.friend-players-card.mobile .friend-player-slot .uclass-user-avatar{height:74px;width:74px}}@media (max-width:360px){.friend-waiting-mobile-title h1{font-size:27px;line-height:32px}.friend-invite-card.mobile{display:block}.friend-invite-card.mobile .friend-invite-divider{display:none}.friend-link-block{margin-top:12px}.friend-mobile-status-rules{display:block}.friend-mobile-divider{height:1px;margin:12px 0;width:100%}.friend-mobile-status-rules .friend-rule-list{margin-top:10px}}.battle3p-books,.battle3p-mascot,.hero-trophy-3p,.pink-squiggle,.sparkle{pointer-events:none;position:absolute}.sparkle.left-top{left:110px;top:83px}.sparkle.left-mid{left:4px;top:120px}.sparkle.right-card{right:-70px;top:620px}.sparkle.right-low{right:-48px;top:825px}.hero-trophy-3p{right:-22px;top:52px}.pink-squiggle{right:-86px;top:150px}.battle3p-books{bottom:32px;height:185px;left:16px;width:245px;z-index:1}.battle3p-books img:first-child{bottom:0;left:0;position:absolute}.battle3p-books img:last-child{bottom:94px;left:38px;position:absolute}.battle3p-mascot{bottom:52px;display:grid;justify-items:center;right:64px;z-index:1}.cheer-bubble{margin:0 0 -8px 92px}@media (max-width:1180px){.battle3p-nav{grid-template-columns:auto 1fr auto}.battle3p-search{display:none}.battle3p-hero h1{font-size:68px}.battle3p-books,.battle3p-mascot{opacity:.35}}@media (max-width:840px){.battle3p-nav{gap:14px;grid-template-columns:1fr auto;padding:12px 18px}.battle3p-nav nav,.battle3p-user strong,.battle3p-user>img:last-child,.battle3p-user>img:nth-of-type(2){display:none}.battle3p-stage{padding:42px 14px 48px}.battle3p-hero h1{font-size:48px}.battle3p-hero p{font-size:18px}.battle3p-facts,.battle3p-tabs{grid-template-columns:1fr}.battle3p-tabs{border-radius:24px;overflow:visible}.battle3p-tabs button{min-height:58px}.battle3p-tabs button:not(:last-child):after{display:none}.battle3p-card{padding:28px 18px 24px}.battle3p-card h2{font-size:36px}.battle3p-card>p,.battle3p-note{font-size:16px}.battle3p-continue{font-size:24px;min-height:68px}.battle3p-books,.battle3p-mascot,.hero-trophy-3p,.pink-squiggle,.sparkle{display:none}}.arena-ready-page{background:linear-gradient(180deg,#fff,#f8fbff);color:#06143a;min-height:100vh}.ready-nav{align-items:center;background:hsla(0,0%,100%,.96);border-bottom:1px solid #e7ecf5;box-shadow:0 8px 30px rgba(32,56,108,.07);display:grid;grid-gap:28px;gap:28px;grid-template-columns:auto auto minmax(260px,330px) auto;min-height:86px;padding:0 18px}.ready-brand,.ready-change,.ready-mode-tabs,.ready-mode-tabs a,.ready-nav nav,.ready-nav nav a,.ready-panel h2,.ready-panel p,.ready-player h2,.ready-player strong,.ready-search,.ready-start,.ready-tip,.ready-title p,.ready-userbar{align-items:center;display:flex}.ready-brand{color:#6747ff;font-size:31px;font-weight:900;gap:12px;text-decoration:none}.ready-nav nav{align-self:stretch;gap:42px}.ready-nav nav a{color:#101936;font-size:17px;font-weight:800;height:100%;position:relative;text-decoration:none}.ready-nav nav a.active{color:#1264ff}.ready-nav nav a.active:after{background:#1264ff;border-radius:999px;bottom:0;content:"";height:4px;left:0;position:absolute;right:0}.ready-search{border:1px solid #dde5f2;border-radius:24px;gap:12px;height:48px;padding:0 18px}.ready-search input{background:transparent;border:0;font-size:15px;outline:0;width:100%}.ready-userbar{gap:14px;justify-content:flex-end}.ready-shell{margin:0 auto;max-width:1120px;padding:52px 20px 20px}.ready-title{text-align:center}.ready-title h1{color:#06143a;font-size:64px;font-weight:900;letter-spacing:0;line-height:1;margin:0 0 24px}.ready-title p{color:#56617b;font-size:17px;gap:12px;justify-content:center;margin:0 0 32px}.ready-mode-tabs{gap:14px;margin-bottom:36px}.ready-mode-tabs a{background:#fff;border:1px solid #dfe5ef;border-radius:10px;box-shadow:0 10px 24px rgba(20,35,70,.06);color:#2f3857;flex:1 1;font-size:18px;font-weight:900;gap:14px;justify-content:center;min-height:72px;text-decoration:none}.ready-mode-tabs a.active{border-color:#1b66ff;color:#1264ff}.ready-versus{grid-template-columns:minmax(0,1fr) 170px minmax(0,1fr);margin-bottom:36px}.ready-player,.ready-versus{align-items:center;display:grid}.ready-player{grid-gap:22px;gap:22px;grid-template-columns:162px 1fr;min-height:206px;padding:22px}.ready-player.you{background:linear-gradient(105deg,#eef6ff,#fff);border:1px solid #cfe0ff;border-radius:18px 0 0 18px}.ready-player.opponent{background:linear-gradient(255deg,#fff0f4,#fff);border:1px solid #ffd4df;border-radius:0 18px 18px 0;direction:rtl;text-align:right}.ready-player.opponent>*{direction:ltr}.ready-avatar{align-items:center;background:radial-gradient(circle at 50% 35%,#fff 0 58px,transparent 59px),linear-gradient(135deg,#dbeafe,#fff2f5);border:9px solid #fff;border-radius:999px;box-shadow:0 8px 24px rgba(50,78,138,.13);display:flex;height:150px;justify-content:center;width:150px}.ready-player.opponent .ready-avatar{background:radial-gradient(circle at 50% 35%,#fff 0 58px,transparent 59px),linear-gradient(135deg,#ffe5ee,#fff7d7)}.ready-player.opponent .ready-avatar img{filter:hue-rotate(315deg) saturate(1.1)}.ready-player span{color:#1264ff;display:block;font-size:18px;font-weight:900;margin-bottom:12px}.ready-player.opponent span{color:#ff4d79}.ready-player h2{color:#020817;font-size:25px;font-weight:900;gap:10px;margin:0 0 22px}.ready-player strong{color:#1264ff;font-size:27px;gap:10px}.ready-player.opponent strong{color:#ef4967}.ready-player p{color:#657089;font-size:17px;margin:10px 0 0}.ready-vs{height:auto;justify-self:center;margin:0 -24px;position:relative;z-index:2}.ready-grid{display:grid;grid-gap:28px;gap:28px;grid-template-columns:1.2fr .95fr;margin-bottom:36px}.ready-panel{background:#fff;border:1px solid #dce6f5;border-radius:18px;box-shadow:0 14px 36px rgba(28,48,92,.07);padding:26px 34px}.ready-panel.rewards{border-color:#f8ce78}.ready-panel h2{font-size:25px;font-weight:900;gap:18px;margin:0 0 26px}.ready-panel.rules p{border-bottom:1px dashed #dfe6f1;color:#293453;font-size:19px;gap:24px;margin:0;min-height:66px}.ready-panel.rules p:last-child{border-bottom:0}.ready-panel.rules strong{color:#101936;font-weight:900}.ready-panel.rewards article{align-items:center;border:1px solid #f1e3c5;border-radius:14px;display:grid;grid-gap:26px;gap:26px;grid-template-columns:80px 1fr;margin-bottom:14px;min-height:92px;padding:10px 24px}.ready-panel.rewards strong{display:block;font-size:17px;margin-bottom:8px}.ready-panel.rewards span{color:#1264ff;font-size:17px;font-weight:900}.ready-panel.rewards article:nth-child(3) span{color:#9b48ff}.ready-panel.rewards article:nth-child(4) span{color:#ff8a00}.ready-start-card{background:radial-gradient(circle at 50% 0,rgba(140,78,255,.12),transparent 48%),linear-gradient(90deg,#f4f8ff,#fff 50%,#fff7fb);border:1px solid #d5e1ff;border-radius:18px;box-shadow:0 14px 36px rgba(28,48,92,.07);min-height:330px;overflow:hidden;padding:34px 24px 12px;position:relative;text-align:center}.ready-start-card p{color:#101936;font-size:21px;font-weight:900;margin:0 0 14px}.ready-countdown{align-items:center;color:#06143a;display:flex;font-size:78px;font-weight:900;justify-content:center;line-height:1;margin-bottom:26px}.ready-change,.ready-start{border-radius:10px;font-size:24px;font-weight:900;gap:12px;justify-content:center;margin:0 auto;max-width:540px;min-height:74px;text-decoration:none}.ready-start{background:#075fff;box-shadow:0 16px 34px rgba(7,95,255,.22);color:#fff}.ready-change{background:#fff;border:2px solid #1264ff;color:#1264ff;font-size:20px;margin-top:16px;min-height:48px}.ready-card-a,.ready-card-word,.ready-sparkle{pointer-events:none;position:absolute}.ready-card-a{left:118px;top:76px;transform:rotate(-9deg)}.ready-card-word{right:92px;top:95px;transform:rotate(9deg)}.ready-sparkle.top-left{left:92px;top:60px}.ready-sparkle.top-mid{left:394px;top:36px}.ready-sparkle.right-mid{right:98px;top:52px}.ready-tip{color:#66728c;font-size:16px;gap:12px;justify-content:center;margin:16px 0 0}@media (max-width:1100px){.ready-nav{grid-template-columns:auto 1fr auto}.ready-search{display:none}.ready-title h1{font-size:52px}.ready-grid,.ready-versus{grid-template-columns:1fr}.ready-vs{margin:-44px auto}.ready-player.opponent,.ready-player.you{border-radius:18px}}@media (max-width:760px){.ready-nav{grid-template-columns:1fr auto;padding:10px 14px}.ready-nav nav,.ready-userbar img:first-child,.ready-userbar img:last-child{display:none}.ready-brand{font-size:24px}.ready-shell{padding:34px 14px 18px}.ready-title h1{font-size:38px}.ready-title p{align-items:flex-start;font-size:15px;text-align:left}.ready-mode-tabs{display:grid;grid-template-columns:1fr}.ready-player{grid-template-columns:1fr;justify-items:center;text-align:center}.ready-avatar{height:124px;width:124px}.ready-grid{gap:18px}.ready-panel{padding:22px 18px}.ready-panel.rules p{font-size:16px;gap:14px}.ready-card-a,.ready-card-word,.ready-sparkle{display:none}.ready-countdown{font-size:54px}.ready-start{font-size:21px}}