.card-hint{color:#52607a;font-size:13px}.duel-actions{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));max-width:520px;width:100%}.duel-actions button{align-items:center;background:#fff;border:1px solid #dbe4f2;border-radius:10px;color:#071433;display:grid;font-weight:800;grid-gap:4px;gap:4px;justify-items:center;min-height:54px}.duel-actions small{color:#52607a;font-weight:500}.match-finish{background:#0f8f48;border:0;border-radius:10px;color:#fff;font-weight:800;max-width:520px;min-height:44px;width:100%}.score-race{align-items:center;background:#fff;border-radius:14px;display:grid;grid-gap:18px;gap:18px;grid-template-columns:90px 1fr 90px;max-width:760px;padding:14px 24px;width:100%}.score-race strong{color:#0962f4;display:grid;font-size:26px}.score-race strong:last-child{color:#d946c5;text-align:right}.score-race span{color:#52607a;font-size:12px}.score-race div{align-items:center;display:grid;grid-gap:16px;gap:16px;grid-template-columns:1fr auto 1fr}.score-race div:after,.score-race div:before{background:#0962f4;border-radius:999px;content:"";height:10px}.score-race div:after{background:#d946c5}.score-race i{color:#7a88a5;font-style:normal;font-weight:800}.battle-card,.process-card{padding:22px 24px}.battle-card h2,.process-card h2{font-size:20px;font-weight:800;gap:12px;margin:0 0 18px}.battle-card p{align-items:center;color:#33415f;display:flex;gap:10px;margin:12px 0}.battle-card header{justify-content:space-between}.battle-card header a{color:#0962f4;font-weight:800;text-decoration:none}.rank-row{gap:12px;min-height:36px}.rank-row span{width:28px}.tiny-avatar{height:28px;width:28px}.rank-row strong{flex:1 1;font-size:14px}.rank-row em{color:#40506f;font-style:normal;font-weight:700}.recent-row{gap:12px;margin:14px 0}.recent-row strong{color:#0962f4;font-size:26px;min-width:80px}.recent-row span{font-weight:800}.recent-row .win{color:#059669}.recent-row .lose{color:#ef4444}.recent-row em{color:#52607a;font-size:12px;font-style:normal;margin-left:auto}.process-card{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.process-card h2{grid-column:1/4}.process-card article{display:grid;grid-gap:8px;gap:8px;justify-items:center;text-align:center}.process-card article strong{background:#0962f4;border-radius:999px;color:#fff;display:grid;height:24px;place-items:center;width:24px}.process-card h3,.process-card p{margin:0}.process-card p{color:#52607a;font-size:12px}.battle-benefits{display:grid;grid-gap:0;gap:0;grid-template-columns:repeat(3,minmax(0,1fr))}.battle-benefits article{align-items:center;display:grid;grid-gap:18px;gap:18px;grid-template-columns:84px 1fr;padding:24px 28px}.battle-benefits article:not(:last-child){border-right:1px solid #dfe7f4}.battle-benefits h2,.battle-benefits p{margin:0}.battle-benefits h2{font-size:18px}.battle-benefits p{color:#52607a;line-height:1.5}@media (max-width:1180px){.battle-nav{grid-template-columns:1fr auto}.battle-nav nav,.battle-search{display:none}.battle-hero,.battle-shell{grid-template-columns:1fr}}@media (max-width:820px){.battle-shell{padding:18px 14px}.battle-benefits,.battle-stage,.duel-actions,.process-card,.score-race{grid-template-columns:1fr}.process-card h2{grid-column:auto}}.battle3p-page{background:radial-gradient(circle at 0 82%,#e8f1ff 0 98px,transparent 100px),radial-gradient(circle at 100% 86%,#e8f1ff 0 88px,transparent 90px),linear-gradient(180deg,#fff,#f9fbff 48%,#fff);color:#111b3f;min-height:100vh;overflow:hidden;position:relative}.battle3p-nav{align-items:center;background:hsla(0,0%,100%,.96);border-bottom:1px solid #edf1f8;box-shadow:0 10px 30px rgba(59,90,150,.05);display:grid;grid-gap:28px;gap:28px;grid-template-columns:auto auto minmax(280px,430px) auto;min-height:92px;padding:0 32px;position:relative;z-index:5}.battle3p-brand,.battle3p-continue,.battle3p-nav nav,.battle3p-nav nav a,.battle3p-note,.battle3p-search,.battle3p-tabs button,.battle3p-user,.coin{align-items:center;display:flex}.battle3p-brand{color:#3578f6;font-size:31px;font-weight:800;gap:12px;text-decoration:none}.battle3p-nav nav{align-self:stretch;gap:40px}.battle3p-nav nav a{color:#5e6682;font-size:17px;font-weight:700;gap:10px;height:100%;position:relative;text-decoration:none}.battle3p-nav nav a.active{color:#6b38ff}.battle3p-nav nav a.active:after{background:#6b38ff;border-radius:999px;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.battle3p-search{background:#f7f8fd;border:1px solid #e4e8f2;border-radius:18px;gap:12px;height:48px;padding:0 17px}.battle3p-search input{background:transparent;border:0;color:#76809b;font-size:15px;outline:0;width:100%}.battle3p-user{gap:18px;justify-content:end}.coin{color:#f59e0b;font-size:18px;font-weight:800;gap:8px}.battle3p-user strong{display:grid;font-size:16px;line-height:1.15}.battle3p-user small{color:#246bff;font-size:13px;font-weight:600}.battle3p-stage{margin:0 auto;max-width:1050px;padding:76px 24px 64px;position:relative;z-index:2}.battle3p-hero{text-align:center}.battle3p-hero h1{background:linear-gradient(90deg,#0d3eb2 20%,#2269ff 48%,#8d3eff 78%);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:88px;font-weight:900;letter-spacing:0;line-height:1;margin:10px 0 24px}.battle3p-hero p{color:#3f4863;font-size:24px;font-weight:500;margin:0 0 32px}.battle3p-tabs{background:hsla(0,0%,100%,.94);border:1px solid #e1e7f2;border-radius:34px;box-shadow:0 16px 36px rgba(46,80,146,.08);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto 32px;max-width:840px;min-height:68px;overflow:hidden;padding:0}.battle3p-tabs button{background:transparent;border:0;color:#626a82;font-size:18px;font-weight:800;gap:12px;justify-content:center;min-width:0;position:relative}.battle3p-tabs button:not(:last-child):after{background:#dce3ef;content:"";height:30px;position:absolute;right:0;width:1px}.battle3p-tabs button.active{background:#fff;border:1px solid #9fb8ff;border-radius:34px;box-shadow:0 12px 28px rgba(75,118,255,.18);color:#145dff;margin:-1px}.battle3p-tabs button.active:after{display:none}.battle3p-card{background:hsla(0,0%,100%,.96);border:1px solid #c7d7ff;border-radius:18px;box-shadow:0 24px 70px rgba(52,86,150,.12);margin:0 auto;max-width:806px;min-height:540px;padding:36px 48px 38px;text-align:center}.duel-icon{height:auto;margin-bottom:6px}.battle3p-card h2{color:#092c94;font-size:46px;font-weight:900;letter-spacing:0;line-height:1.1;margin:8px 0 12px}.battle3p-card>p{color:#404a66;font-size:21px;margin:0}.battle3p-facts{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin:30px 0 34px}.battle3p-fact{align-items:center;border-radius:16px;display:grid;grid-gap:14px;gap:14px;grid-template-columns:62px minmax(0,1fr);min-height:98px;padding:16px;text-align:left}.battle3p-fact.blue{background:#fbfdff;border:1px solid #cbdcff}.battle3p-fact.green{background:#fbfffc;border:1px solid #caead8}.battle3p-fact.pink{background:#fffafb;border:1px solid #f3ccda}.battle3p-fact span{color:#606981;display:block;font-size:16px;margin-bottom:5px}.battle3p-fact strong{color:#145dff;display:block;font-size:18px;font-weight:900}.battle3p-fact.green strong{color:#08a65a}.battle3p-fact.pink strong{color:#ec2b7a}.battle3p-note{color:#505a73;font-size:18px;gap:14px;justify-content:center;margin:0 0 26px}.battle3p-continue{background:linear-gradient(90deg,#1d5cff,#8d3dff);border-radius:16px;box-shadow:0 18px 32px rgba(83,88,255,.24);color:#fff;font-size:30px;font-weight:900;gap:16px;justify-content:center;min-height:84px;text-decoration:none;width:100%}.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}}.rank-page{background:linear-gradient(180deg,#fff,#f5f9ff);color:#071433;min-height:100vh}.rank-nav{align-items:center;background:hsla(0,0%,100%,.98);border-bottom:1px solid #e2e9f5;display:grid;grid-gap:28px;gap:28px;grid-template-columns:auto 1fr auto;min-height:88px;padding:0 32px}.leader-row,.rank-account,.rank-account em,.rank-board header,.rank-board header a,.rank-brand,.rank-encourage,.rank-footer,.rank-goal,.rank-goal div,.rank-nav nav,.rank-nav nav a,.rank-shell{align-items:center;display:flex}.rank-brand{color:#6847ff;font-size:30px;font-weight:900;gap:12px;text-decoration:none}.rank-nav nav{align-self:stretch;gap:42px;justify-content:center}.rank-nav nav a{color:#101936;font-size:17px;font-weight:800;gap:10px;height:100%;position:relative;text-decoration:none}.rank-nav nav a.active{color:#7047ff}.rank-nav nav a.active:after{background:#7047ff;border-radius:999px;bottom:0;content:"";height:4px;left:0;position:absolute;right:0}.rank-account{gap:12px}.rank-account strong{color:#1264ff;display:block;font-size:18px}.rank-account small{color:#5e6884;display:block;font-weight:700}.rank-account em{border:1px solid #dfe6f2;border-radius:999px;font-style:normal;font-weight:900;gap:8px;padding:9px 14px}.rank-shell{align-items:stretch;background:#f3f8ff;border:1px solid #e1eaf6;border-radius:28px;gap:34px;margin:26px auto;max-width:1510px;padding:28px}.rank-main-panel{flex:1 1}.rank-cards{display:grid;grid-gap:26px;gap:26px;grid-template-columns:repeat(2,minmax(0,1fr))}.rank-board,.rank-encourage,.rank-goal,.rank-mode-card{background:#fff;border:1px solid #dfe7f4;border-radius:24px;box-shadow:0 18px 42px rgba(24,43,82,.08)}.rank-mode-card{min-height:490px;overflow:hidden;padding:70px 26px 26px;position:relative}.mode-ribbon{border-radius:0 0 28px 0;color:#fff;font-size:17px;font-weight:900;left:16px;min-width:228px;padding:12px 28px;position:absolute;text-transform:uppercase;top:18px}.rank-mode-card.purple .mode-ribbon,.rank-mode-card.purple button{background:linear-gradient(100deg,#2f48ff,#9b3fff)}.rank-mode-card.teal .mode-ribbon,.rank-mode-card.teal button{background:linear-gradient(100deg,#08a78c,#09c4a8)}.rank-mode-card h1{color:#6b3cff;font-size:29px;font-weight:900;letter-spacing:0;margin:0 0 32px;text-transform:uppercase}.rank-mode-card.teal h1{color:#08a78c}.rank-mode-card ul{display:grid;grid-gap:17px;gap:17px;list-style:none;margin:0;max-width:230px;padding:0;position:relative;z-index:2}.rank-mode-card li{align-items:center;display:flex;font-size:17px;font-weight:800;gap:12px;line-height:1.45}.rank-mode-card li img{flex:0 0 auto}.mode-art{filter:drop-shadow(0 18px 26px rgba(26,41,90,.16));height:132px;object-fit:contain;position:absolute;right:34px;top:150px;width:132px;z-index:1}.rank-mode-card.teal .mode-art{height:148px;right:30px;top:158px;width:148px}.mode-stats{border:1px solid #e3e9f4;border-radius:16px;display:grid;grid-template-columns:1fr 1fr;left:26px;margin:0;min-height:96px;position:absolute;right:26px;bottom:104px}.mode-stats span{color:#263552;display:grid;font-size:14px;font-weight:800;place-items:center}.mode-stats span+span{border-left:1px solid #dbe4f0}.mode-stats strong{color:#6b3cff;display:block;font-size:32px;margin-top:10px}.rank-mode-card button{align-items:center;border:0;border-radius:13px;bottom:26px;color:#fff;cursor:pointer;display:flex;font-size:22px;font-weight:900;gap:12px;justify-content:center;left:26px;min-height:68px;position:absolute;right:26px;width:auto;z-index:3}.rank-mode-card button img{flex:0 0 auto}.rank-mode-card button:disabled{background:#c7cfdd;cursor:not-allowed}.rank-message{background:#fff6e6;border:1px solid #ffd28b;border-radius:12px;color:#a95b00;font-weight:900;margin:18px 12px 0;padding:14px 18px}.rank-goal{gap:30px;margin:30px 12px 0;min-height:118px;padding:0 34px}.rank-goal div{border-left:1px solid #dbe4f0;flex:1 1;gap:18px;min-height:70px;padding-left:34px}.rank-goal div:first-child{border-left:0;padding-left:0}.rank-goal span{color:#263552;display:grid;font-size:17px;grid-gap:7px;gap:7px}.rank-goal strong{color:#071433;font-size:24px;font-weight:900}.rank-footer{color:#72809c;gap:12px;justify-content:center;margin:32px 0 8px}.rank-side{display:grid;grid-gap:20px;gap:20px;width:520px}.rank-board{padding:28px}.rank-board header{justify-content:space-between;margin-bottom:28px}.rank-board h2{align-items:center;color:#06143a;display:flex;font-size:24px;gap:12px;margin:0;text-transform:uppercase}.rank-board header a{color:#155fff;font-size:17px;font-weight:900;gap:8px;text-decoration:none}.board-head{color:#6a748c;display:grid;font-size:16px;grid-template-columns:80px 1fr 90px;padding:0 0 16px}.leader-row{border-top:1px solid #e2e9f5;gap:18px;min-height:90px}.leader-row>strong{color:#1264ff;font-size:22px;text-align:center;width:50px}.leader-row span{flex:1 1;font-size:20px;font-weight:800}.leader-row em{color:#06143a;font-size:23px;font-style:normal;font-weight:900}.leader-row.you{background:#f2f8ff;border:1px solid #bdd6ff;border-radius:14px;margin-top:16px;min-height:90px;padding:0 18px}.leader-row.you em,.leader-row.you span{color:#1264ff}.rank-encourage{justify-content:space-between;min-height:164px;padding:24px 28px}.rank-encourage>img:first-child{height:78px;width:78px}.rank-encourage>img:last-child{height:96px;width:96px}.rank-encourage div{flex:1 1;padding:0 18px}.rank-encourage strong{display:block;font-size:17px;margin-bottom:14px}.rank-encourage span{color:#6a748c;display:block;line-height:1.5}@media (max-width:1220px){.rank-nav{grid-template-columns:auto 1fr}.rank-nav nav{display:none}.rank-shell{display:grid}.rank-side{width:auto}}@media (max-width:860px){.rank-cards,.rank-goal,.rank-shell{grid-template-columns:1fr}.rank-shell{padding:16px}.rank-cards,.rank-goal{display:grid}.rank-goal{align-items:stretch;padding:20px}.rank-goal div{border-left:0;border-top:1px solid #dbe4f0;padding:18px 0 0}.rank-goal div:first-child{border-top:0;padding-top:0}}@media (max-width:620px){.rank-nav{padding:10px 14px}.rank-brand{font-size:22px}.rank-account em,.rank-account span{display:none}.mode-art{opacity:.18;right:22px}.leader-row{gap:10px}.leader-row span{font-size:16px}}.level-page{background:linear-gradient(180deg,#fff,#f6f9ff);color:#071433;min-height:100vh}.level-nav{align-items:center;background:hsla(0,0%,100%,.98);border-bottom:1px solid #e2e9f5;display:grid;grid-gap:28px;gap:28px;grid-template-columns:auto 1fr auto;min-height:88px;padding:0 32px}.level-brand,.level-continue,.level-heading span,.level-nav div,.level-nav em,.level-nav nav,.level-nav nav a,.level-suggest article,.level-suggest h2,.level-tile{align-items:center;display:flex}.level-brand{color:#6847ff;font-size:30px;font-weight:900;gap:12px;text-decoration:none}.level-nav nav{align-self:stretch;gap:42px;justify-content:center}.level-nav nav a{color:#101936;font-size:17px;font-weight:800;gap:10px;height:100%;position:relative;text-decoration:none}.level-nav nav a.active{color:#7047ff}.level-nav nav a.active:after{background:#7047ff;border-radius:999px;bottom:0;content:"";height:4px;left:0;position:absolute;right:0}.level-nav div{gap:12px}.level-nav strong{color:#1264ff;display:block;font-size:18px}.level-nav small{color:#5e6884;display:block;font-weight:700}.level-nav em{border:1px solid #dfe6f2;border-radius:999px;font-style:normal;font-weight:900;gap:8px;padding:9px 14px}.level-shell{background:#f5f9ff;border:1px solid #e0e8f5;border-radius:28px;display:grid;grid-gap:48px;gap:48px;grid-template-columns:minmax(0,1fr) 450px;margin:32px auto;max-width:1480px;padding:58px 58px 64px;position:relative}.level-back{align-items:center;background:#fff;border:1px solid #dfe7f4;border-radius:14px;box-shadow:0 10px 24px rgba(24,43,82,.07);display:flex;height:54px;justify-content:center;left:42px;position:absolute;top:36px;width:54px}.level-main{padding-top:28px;position:relative}.level-heading{margin:0 auto 28px;max-width:590px;text-align:center}.level-heading span{background:#fff;border:1px solid #d9e4ff;border-radius:999px;color:#7047ff;font-weight:900;gap:10px;justify-content:center;margin:0 auto 18px;padding:0 18px 0 6px;width:max-content}.level-heading h1{font-size:42px;font-weight:900;letter-spacing:0;margin:0 0 14px}.level-heading p{color:#56627d;font-size:19px;margin:0}.level-confetti,.level-star{position:absolute}.level-star.a{right:70px;top:58px}.level-confetti{right:-10px;top:76px}.level-options{display:grid;grid-gap:14px;gap:14px;margin:0 auto;max-width:780px}.level-tile{background:hsla(0,0%,100%,.9);border:1.5px solid #b8d4ff;border-radius:16px;cursor:pointer;gap:28px;min-height:112px;overflow:hidden;padding:0 22px;text-align:left}.level-tile.grade-8-9,.level-tile.toeic{border-color:#c4a7ff}.level-tile.grade-10-12{border-color:#ffd48b}.level-tile.active{box-shadow:0 16px 34px rgba(112,71,255,.14);transform:translateY(-1px)}.level-tile>span{flex:1 1}.level-tile strong{color:#1264ff;display:block;font-size:27px;font-weight:900;margin-bottom:8px}.level-tile.grade-8-9 strong,.level-tile.toeic strong{color:#7047ff}.level-tile.grade-10-12 strong{color:#f08a00}.level-tile small{color:#52607a;display:block;font-size:18px;line-height:1.45}.level-suggest{align-self:center;background:#fff;border:1px solid #dfe7f4;border-radius:24px;box-shadow:0 18px 42px rgba(24,43,82,.08);padding:34px 26px}.level-suggest h2{font-size:25px;gap:12px;margin:0 0 28px}.suggest-card{align-items:center;border:1.5px solid #d2bcff;border-radius:18px;display:grid;grid-gap:22px;gap:22px;grid-template-columns:110px 1fr 36px;margin-bottom:28px;min-height:138px;padding:14px 22px}.suggest-card span{color:#7047ff;display:block;font-size:17px;font-weight:800;margin-bottom:8px}.suggest-card strong{color:#7047ff;display:block;font-size:32px;font-weight:900}.level-suggest article{border-top:1px solid #e3e9f4;gap:22px;min-height:118px}.level-suggest article strong{display:block;font-size:19px;font-weight:900;margin-bottom:8px}.level-suggest article span{color:#56627d;display:block;font-size:17px;line-height:1.5}.level-continue{background:linear-gradient(100deg,#155fff,#9b3fff);border:0;border-radius:13px;bottom:34px;color:#fff;cursor:pointer;font-size:26px;font-weight:900;grid-column:1/-1;justify-content:center;min-height:68px;text-transform:uppercase}@media (max-width:1180px){.level-nav{grid-template-columns:auto 1fr}.level-nav nav{display:none}.level-shell{grid-template-columns:1fr;padding:50px 24px 34px}.level-suggest{align-self:stretch}}@media (max-width:720px){.level-nav{padding:10px 14px}.level-brand{font-size:22px}.level-nav div span,.level-nav em{display:none}.level-heading h1{font-size:34px}.level-tile{gap:14px;min-height:120px;padding:12px}.level-tile strong{font-size:22px}.level-tile small{font-size:15px}.suggest-card{grid-template-columns:86px 1fr}.suggest-card>img:last-child{display:none}}.challenge-start-page{background:linear-gradient(180deg,#fff,#f6f9ff);color:#071433;min-height:100vh}.start-nav{align-items:center;background:hsla(0,0%,100%,.98);border-bottom:1px solid #e2e9f5;display:grid;grid-gap:28px;gap:28px;grid-template-columns:auto 1fr auto;min-height:88px;padding:0 32px}.level-summary,.ranked-note,.score-card p,.start-brand,.start-button,.start-nav div,.start-nav em,.start-nav nav,.start-nav nav a{align-items:center;display:flex}.start-brand{color:#6847ff;font-size:30px;font-weight:900;gap:12px;text-decoration:none}.start-nav nav{align-self:stretch;gap:42px;justify-content:center}.start-nav nav a{color:#101936;font-size:17px;font-weight:800;gap:10px;height:100%;position:relative;text-decoration:none}.start-nav nav a.active{color:#7047ff}.start-nav nav a.active:after{background:#7047ff;border-radius:999px;bottom:0;content:"";height:4px;left:0;position:absolute;right:0}.start-nav div{gap:12px}.start-nav strong{color:#1264ff;display:block;font-size:18px}.start-nav small{color:#5e6884;display:block;font-weight:700}.start-nav em{border:1px solid #dfe6f2;border-radius:999px;font-style:normal;font-weight:900;gap:8px;padding:9px 14px}.challenge-start-shell{background:#f4f8ff;border:1px solid #e0e8f5;border-radius:28px;display:grid;grid-gap:78px;gap:78px;grid-template-columns:minmax(0,1fr) 430px;margin:28px auto;max-width:1510px;min-height:810px;overflow:hidden;padding:42px 94px;position:relative}.start-confetti{opacity:.85;position:absolute}.start-confetti.left{left:48px;top:96px}.start-confetti.right{right:42px;top:92px;transform:scaleX(-1)}.start-main{align-self:center;justify-self:center;max-width:680px;position:relative;text-align:center;width:100%}.hero-trophy{filter:drop-shadow(0 16px 24px rgba(255,174,0,.22));margin-bottom:16px}.start-main h1{font-size:42px;font-weight:900;letter-spacing:0;margin:0 0 10px}.start-main>p{color:#273653;font-size:23px;margin:0 0 24px}.level-summary,.ranked-note,.score-card{background:#fff;border:1px solid #e1e8f4;border-radius:16px;box-shadow:0 18px 42px rgba(24,43,82,.08)}.score-card{padding:24px 38px 18px;text-align:left}.score-card h2{color:#7047ff;font-size:23px;font-weight:900;margin:0 0 18px;text-align:center;text-transform:uppercase}.score-card p{border-top:1px dashed #dce5f3;color:#25324d;font-size:19px;gap:20px;margin:0;min-height:48px}.score-card p:first-of-type{border-top:0}.score-card span{flex:1 1}.score-card strong{color:#02ad43;font-size:18px}.score-card strong.danger{color:#ff1515}.level-summary,.ranked-note{gap:20px;margin-top:16px;min-height:78px;padding:0 34px;text-align:left}.level-summary span,.ranked-note span{color:#52607a;display:grid;font-size:17px;grid-gap:4px;gap:4px}.level-summary strong,.ranked-note strong{color:#071433;font-size:22px;font-weight:900}.ranked-note{background:#fffaf0;border-color:#ffd988}.start-button{background:linear-gradient(100deg,#155fff,#9b3fff);border:0;border-radius:14px;color:#fff;cursor:pointer;font-size:31px;font-weight:900;gap:22px;justify-content:center;margin-top:18px;min-height:74px;text-transform:uppercase;width:100%}.start-side{align-self:center;background:#fff;border:1px solid #e1e8f4;border-radius:24px;box-shadow:0 18px 42px rgba(24,43,82,.08);padding:34px 28px}.start-side article{align-items:center;border-top:1px solid #e3e9f4;display:grid;grid-gap:28px;gap:28px;grid-template-columns:108px 1fr;min-height:170px}.start-side article:first-child{border-top:0}.start-side strong{color:#071433;display:block;font-size:23px;font-weight:900;margin-bottom:12px}.start-side span{color:#55637f;display:block;font-size:18px;line-height:1.5}.start-side em{color:#7047ff;display:block;font-size:36px;font-style:normal;font-weight:900;margin-top:12px}@media (max-width:1120px){.start-nav{grid-template-columns:auto 1fr}.start-nav nav{display:none}.challenge-start-shell{grid-template-columns:1fr;padding:36px 24px}}@media (max-width:700px){.start-nav{padding:10px 14px}.start-brand{font-size:22px}.start-nav div span,.start-nav em{display:none}.start-main h1{font-size:32px}.score-card{padding:20px}.start-side article{grid-template-columns:78px 1fr}}.challenge-question-page{background:radial-gradient(circle at 3% 38%,rgba(84,140,255,.08),transparent 130px),linear-gradient(180deg,#fff,#f8fbff);color:#071433;min-height:100vh}.cq-nav{align-items:center;background:hsla(0,0%,100%,.98);border-bottom:1px solid #e2e9f5;display:grid;grid-gap:28px;gap:28px;grid-template-columns:auto 1fr auto;min-height:88px;padding:0 32px}.challenge-choices button,.cq-brand,.cq-nav div,.cq-nav em,.cq-nav nav,.cq-nav nav a,.question-card-head,.question-card-head em,.question-stats h2,.question-stats p,.question-top,.question-top span{align-items:center;display:flex}.cq-brand{color:#6847ff;font-size:30px;font-weight:900;gap:12px;text-decoration:none}.cq-nav nav{align-self:stretch;gap:42px;justify-content:center}.cq-nav nav a{color:#101936;font-size:17px;font-weight:800;gap:10px;height:100%;position:relative;text-decoration:none}.cq-nav nav a.active{color:#7047ff}.cq-nav nav a.active:after{background:#7047ff;border-radius:999px;bottom:0;content:"";height:4px;left:0;position:absolute;right:0}.cq-nav div{gap:12px}.cq-nav strong{color:#1264ff;display:block;font-size:18px}.cq-nav small{color:#5e6884;display:block;font-weight:700}.cq-nav em{border:1px solid #dfe6f2;border-radius:999px;font-style:normal;font-weight:900;gap:8px;padding:9px 14px}.question-shell{display:grid;grid-gap:48px;gap:48px;grid-template-columns:minmax(0,820px) 370px;justify-content:center;padding:34px 24px}.question-panel{background:#eef5ff;border:1px solid #dfe8f6;border-radius:28px;padding:24px 12px 12px}.question-top{justify-content:space-between;padding:0 12px 16px}.question-top span{background:#fff;border-radius:999px;box-shadow:0 10px 24px rgba(24,43,82,.08);font-size:26px;font-weight:900;gap:12px;min-height:58px;padding:0 28px}.question-top button{background:transparent;border:0;color:#071433;cursor:pointer;font-size:22px;font-weight:900}.question-card{background:#fff;border-radius:18px;box-shadow:0 18px 42px rgba(24,43,82,.08);overflow:hidden}.question-card-head{border-bottom:1px solid #e2e9f5;justify-content:space-between;min-height:72px;padding:0 28px}.question-card-head strong{color:#071c56;font-size:23px}.question-card-head em{color:#ff7b00;font-size:20px;font-style:normal;font-weight:900;gap:8px}.question-body{padding:22px 40px 30px;text-align:center}.kind-pill{background:#e7f0ff;border-radius:8px;color:#1264ff;display:inline-flex;font-size:16px;font-weight:900;margin-bottom:6px;padding:9px 14px;text-transform:uppercase}.question-body h1{font-size:46px;font-weight:900;letter-spacing:0;margin:8px 0}.question-body>p{color:#283858;font-size:22px;margin:0 0 26px}.listen-big{background:#eef5ff;border:1px solid #c9dcff;border-radius:16px;color:#1264ff;cursor:pointer;display:inline-grid;font-size:18px;font-weight:900;gap:8px;justify-items:center;margin:12px 0;padding:18px 34px}.challenge-choices{display:grid;grid-gap:14px;gap:14px}.challenge-choices button{background:#fff;border:1.5px solid #dfe7f4;border-radius:12px;color:#071433;cursor:pointer;font-size:19px;font-weight:800;gap:28px;min-height:72px;padding:0 18px;text-align:left}.challenge-choices button span{align-items:center;background:#f1f4f9;border-radius:999px;display:inline-flex;flex:0 0 auto;font-size:22px;height:50px;justify-content:center;width:50px}.challenge-choices button.correct{background:#effdf4;border-color:#22c55e}.challenge-choices button.wrong{background:#fff1f2;border-color:#ef4444}.challenge-choices button.locked{opacity:.55}.challenge-choices button img{margin-left:auto}.challenge-feedback{background:#fff;border:1px solid #dfe7f4;border-radius:14px;box-shadow:0 16px 34px rgba(24,43,82,.14);display:grid;grid-gap:8px;gap:8px;margin:18px auto 0;max-width:470px;padding:14px 18px;text-align:left}.challenge-feedback.correct strong{color:#08a745}.challenge-feedback.skip strong,.challenge-feedback.wrong strong{color:#ef1c1c}.challenge-feedback button{background:#155fff;border:0;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;font-weight:900;min-height:48px}.missing-score{align-items:center;background:#f1f5fb;border-radius:14px;display:inline-flex;gap:18px;line-height:1.45;margin-top:20px;padding:14px 56px}.question-stats{align-self:start;background:#fff;border:1px solid #dfe7f4;border-radius:18px;box-shadow:0 18px 42px rgba(24,43,82,.08);padding:30px 24px}.question-stats h2{color:#071433;font-size:22px;gap:14px;margin:0 0 26px}.question-stats p{border:1px solid #e1e8f4;border-radius:14px;gap:20px;margin:0 0 18px;min-height:78px;padding:0 18px}.question-stats span{flex:1 1;font-size:17px}.question-stats strong{font-size:25px}.question-stats strong.good{color:#11b95a}.question-stats strong.bad{color:#ff1515}@media (max-width:1080px){.cq-nav{grid-template-columns:auto 1fr}.cq-nav nav{display:none}.question-shell{grid-template-columns:1fr}}@media (max-width:680px){.cq-nav{padding:10px 14px}.cq-brand{font-size:22px}.cq-nav div span,.cq-nav em{display:none}.question-body{padding:20px 16px}.question-body h1{font-size:34px}}.challenge-result-page{background:linear-gradient(180deg,#fff,#f7fbff);color:#071433;min-height:100vh}.result-nav{align-items:center;background:hsla(0,0%,100%,.98);border-bottom:1px solid #e2e9f5;display:grid;grid-gap:28px;gap:28px;grid-template-columns:auto 1fr auto;min-height:88px;padding:0 32px}.rank-line,.result-actions,.result-brand,.result-nav div,.result-nav em,.result-nav nav,.result-nav nav a,.result-score,.result-stats{align-items:center;display:flex}.result-brand{color:#6847ff;font-size:30px;font-weight:900;gap:12px;text-decoration:none}.result-nav nav{align-self:stretch;gap:42px;justify-content:center}.result-nav nav a{color:#101936;font-size:17px;font-weight:800;gap:10px;height:100%;position:relative;text-decoration:none}.result-nav nav a.active{color:#7047ff}.result-nav nav a.active:after{background:#7047ff;border-radius:999px;bottom:0;content:"";height:4px;left:0;position:absolute;right:0}.result-nav div{gap:12px}.result-nav strong{color:#1264ff;display:block;font-size:18px}.result-nav small{color:#5e6884;display:block;font-weight:700}.result-nav em{border:1px solid #dfe6f2;border-radius:999px;font-style:normal;font-weight:900;gap:8px;padding:9px 14px}.result-shell{display:grid;grid-gap:22px;gap:22px;grid-template-columns:minmax(0,1fr) 590px;margin:36px auto 28px;max-width:1480px;padding:0 24px}.ai-card,.result-card{background:#fff;border:1px solid #dfe7f4;border-radius:24px;box-shadow:0 18px 42px rgba(24,43,82,.08)}.result-card{min-height:660px;overflow:hidden;padding:44px 50px 28px;position:relative;text-align:center}.result-confetti{opacity:.8;position:absolute;top:62px}.result-confetti.left{left:46px}.result-confetti.right{right:46px;transform:scaleX(-1)}.result-trophy{filter:drop-shadow(0 16px 24px rgba(255,174,0,.22))}.result-card h1{font-size:34px;font-weight:900;margin:14px 0 16px}.result-score{gap:24px;justify-content:center}.result-score>strong{color:#7547ff;font-size:92px;line-height:1}.result-score span{border:1px solid #f7b52a;border-radius:12px;color:#9b6500;font-size:18px;font-weight:900;padding:12px 18px}.score-delta{color:#52607a;font-size:22px;margin:14px 0 30px}.rank-line{border-top:1px solid #e2e9f5;justify-content:space-around;margin-top:18px;padding:32px 0 24px}.rank-line small,.rank-line span{color:#52607a;display:block;font-size:21px}.rank-line strong{color:#06143a;display:block;font-size:76px;line-height:1;margin:18px 0}.rank-line em{align-items:center;background:#effcf5;border:1px solid #bce8ce;border-radius:16px;color:#0d9f48;display:flex;font-size:22px;font-style:normal;font-weight:900;gap:10px;padding:14px 22px}.result-stats{border:1px solid #e2e9f5;border-radius:16px;justify-content:space-around;min-height:106px}.result-stats p{border-left:1px solid #e2e9f5;display:grid;flex:1 1;grid-gap:7px;gap:7px;margin:0;place-items:center}.result-stats p:first-child{border-left:0}.result-stats span{color:#243553;font-size:14px}.result-stats strong{color:#06143a;font-size:26px}.ai-card{padding:42px 36px}.ai-card h2{align-items:center;display:flex;font-size:34px;gap:22px;margin:0 0 32px}.ai-note{background:#f3f8ff;border:1px solid #dbe7f7;border-radius:18px;color:#172545;font-size:23px;line-height:1.65;margin-bottom:22px;padding:26px}.ai-note p{margin:0}.ai-note strong{color:#1264ff}.ai-list{border:1px solid #e2e9f5;border-radius:18px;padding:10px 26px}.ai-list p{align-items:center;border-top:1px solid #e2e9f5;display:flex;font-size:19px;gap:22px;margin:0;min-height:66px}.ai-list p:first-child{border-top:0}.result-actions{gap:26px;margin:0 auto 34px;max-width:1280px;padding:0 24px}.result-actions a{align-items:center;background:#fff;border:1px solid #dfe7f4;border-radius:14px;color:#071433;display:flex;flex:1 1;font-size:25px;font-weight:900;gap:16px;justify-content:center;min-height:82px;text-decoration:none;text-transform:uppercase}.result-actions a.primary{background:linear-gradient(100deg,#155fff,#9b3fff);color:#fff}@media (max-width:1120px){.result-nav{grid-template-columns:auto 1fr}.result-nav nav{display:none}.result-shell{grid-template-columns:1fr}}@media (max-width:760px){.result-score>strong{font-size:58px}.result-actions,.result-stats{display:grid;grid-template-columns:1fr}}.leaderboard-page{background:linear-gradient(180deg,#fff,#f8fbff);color:#071433;min-height:100vh}.leader-nav{align-items:center;background:hsla(0,0%,100%,.98);border-bottom:1px solid #e2e9f5;display:grid;grid-gap:28px;gap:28px;grid-template-columns:auto 1fr auto;min-height:88px;padding:0 32px}.board-filters,.board-row,.board-update,.leader-brand,.leader-nav div,.leader-nav em,.leader-nav nav,.leader-nav nav a,.play-again,.share-button{align-items:center;display:flex}.leader-brand{color:#6847ff;font-size:30px;font-weight:900;gap:12px;text-decoration:none}.leader-nav nav{align-self:stretch;gap:42px;justify-content:center}.leader-nav nav a{color:#101936;font-size:17px;font-weight:800;gap:10px;height:100%;position:relative;text-decoration:none}.leader-nav nav a.active{color:#7047ff}.leader-nav nav a.active:after{background:#7047ff;border-radius:999px;bottom:0;content:"";height:4px;left:0;position:absolute;right:0}.leader-nav div{gap:12px}.leader-nav strong{color:#1264ff;display:block;font-size:18px}.leader-nav small{color:#5e6884;display:block;font-weight:700}.leader-nav em{border:1px solid #dfe6f2;border-radius:999px;font-style:normal;font-weight:900;gap:8px;padding:9px 14px}.board-heading{margin:36px auto 16px;max-width:1050px;position:relative;text-align:center}.board-heading h1{font-size:52px;font-weight:900;letter-spacing:0;margin:0 0 22px}.decor{position:absolute}.decor.a{left:-110px;top:20px}.decor.b{right:-120px;top:0}.board-filters{gap:30px;justify-content:center}.board-filters section{text-align:left}.board-filters section>span{color:#60708e;display:block;font-size:16px;margin:0 0 -2px 28px}.board-filters div{background:#fff;border:1px solid #dfe7f4;border-radius:12px;display:grid;grid-auto-flow:column;overflow:hidden}.board-filters button{background:#fff;border:0;border-left:1px solid #dfe7f4;color:#283858;cursor:pointer;font-size:17px;min-height:48px;min-width:160px}.board-filters button:first-child{border-left:0}.board-filters button.active{background:linear-gradient(100deg,#6b3cff,#844dff);color:#fff}.board-shell{display:grid;grid-gap:24px;gap:24px;grid-template-columns:minmax(0,1fr) 500px;margin:0 auto 34px;max-width:1480px;padding:0 28px}.board-side,.board-table{background:#fff;border:1px solid #dfe7f4;border-radius:22px;box-shadow:0 18px 42px rgba(24,43,82,.08)}.board-table{padding:28px}.table-head{color:#60708e;display:grid;font-size:17px;grid-template-columns:90px 1fr 130px;padding:0 20px 16px}.board-row{border-top:1px solid #e2e9f5;gap:28px;min-height:84px;padding:0 20px}.board-heading.compact{margin:32px auto 18px;max-width:920px;padding:0 18px}.board-heading.compact h1{font-size:clamp(32px,6vw,52px);margin-bottom:10px}.board-heading.compact p,.board-kicker{color:#64748b;font-weight:700}.board-kicker{color:#2563eb;display:inline-flex;margin-bottom:8px}.board-controls{display:grid;grid-gap:12px;gap:12px;margin:0 auto 18px;max-width:1040px;padding:0 18px}.board-tabs{display:flex;gap:8px}.board-tabs.horizontal{border-bottom:1px solid #e5e7eb;overflow-x:auto}.board-tabs button{background:#fff;border:1px solid #dbe7f5;border-bottom:3px solid transparent;border-radius:10px 10px 0 0;color:#64748b;cursor:pointer;flex:0 0 auto;font-weight:850;min-height:44px;padding:0 18px}.board-tabs button.active{border-bottom-color:#2563eb;color:#2563eb}.board-tabs.period button{border-radius:999px;min-height:38px}.board-tabs.period button.active{background:#2563eb;color:#fff}.board-shell.single{display:block;max-width:1040px}.board-table.modern .table-head{grid-template-columns:72px 1fr 140px}.board-table.modern .board-row{display:grid;grid-template-columns:72px 48px 1fr 140px}.board-rank{align-items:center;background:#eef4ff;border-radius:999px;color:#0f172a;display:inline-flex;height:34px;justify-content:center;width:34px}.board-rank.rank-1{background:#f59e0b;color:#fff}.board-rank.rank-2{background:#e5e7eb}.board-rank.rank-3{background:#fed7aa}.board-row small{color:#64748b;display:block;font-size:12px;margin-top:3px}.board-empty{color:#64748b;font-weight:700;margin:0;padding:22px}@media (max-width:720px){.leaderboard-page{padding-bottom:88px}.board-heading{margin-top:20px}.board-controls,.board-shell.single{padding:0 14px}.board-table.modern{border-radius:18px;padding:10px}.board-table.modern .table-head{display:none}.board-table.modern .board-row{border:1px solid #edf2f7;border-radius:14px;gap:10px;grid-template-columns:38px 42px 1fr auto;margin-bottom:10px;min-height:72px;padding:10px}.board-row em{font-size:15px}}.board-row>strong{color:#1b4ddb;font-size:24px;text-align:center;width:50px}.board-row span{flex:1 1;font-size:22px;font-weight:800}.board-row em{color:#06143a;font-size:23px;font-style:normal;font-weight:900}.board-row.you{background:#f2f8ff;border:1px solid #bdd6ff;border-radius:14px;margin-top:16px}.board-row.you em,.board-row.you span,.board-row.you>strong{color:#1264ff}.ellipsis{display:block;margin:10px auto}.board-side{padding:30px}.my-rank-card{background:linear-gradient(135deg,#2f58ff,#9b3fff);border-radius:20px;color:#fff;min-height:335px;overflow:hidden;padding:38px 42px;position:relative}.card-confetti{position:absolute;right:20px;top:18px}.my-rank-card h2{font-size:25px;font-weight:900;margin:0 0 22px}.my-rank-card>strong{display:block;font-size:90px;line-height:.9}.my-rank-card p{font-size:31px;font-weight:900;margin:14px 0 26px}.my-rank-card span{border-top:1px solid hsla(0,0%,100%,.55);display:block;font-size:20px;padding-top:20px}.my-rank-card b{color:#ffd340}.rank-trophy{bottom:72px;position:absolute;right:42px}.play-again,.share-button{border-radius:14px;font-size:23px;font-weight:900;gap:14px;justify-content:center;min-height:68px;text-decoration:none;text-transform:uppercase;width:100%}.play-again{background:linear-gradient(100deg,#155fff,#9b3fff);color:#fff;margin:24px 0 14px}.share-button{background:#fff;border:1px solid #d5def0;color:#7047ff;cursor:pointer}.board-update{color:#6d7b98;gap:12px;justify-content:center;margin:22px 0 0}@media (max-width:1100px){.leader-nav{grid-template-columns:auto 1fr}.leader-nav nav{display:none}.board-shell{grid-template-columns:1fr}}@media (max-width:760px){.board-filters{display:grid}.board-filters div{grid-auto-flow:row}.leader-nav div span,.leader-nav em{display:none}.board-row{gap:12px;padding:0 8px}.board-row span{font-size:16px}}.study-page{background:linear-gradient(180deg,#fff,#f7faff);color:#07143a;min-height:100vh}.study-nav{align-items:center;background:hsla(0,0%,100%,.98);border-bottom:1px solid #e2e9f5;display:grid;grid-gap:24px;gap:24px;grid-template-columns:auto 1fr auto;min-height:80px;padding:0 34px}.continue-section article a,.continue-section article div,.continue-section>div,.goals article,.goals>a,.recommendation a,.route-section footer,.route-section footer a,.route-section footer div,.study-brand,.study-greeting,.study-nav nav,.study-nav nav a,.study-streak,.study-user,.study-user em,.study-user span{align-items:center;display:flex}.study-brand{color:#4f2cff;font-size:20px;font-weight:900;gap:10px;text-decoration:none}.study-nav nav{align-self:stretch;gap:48px;justify-content:center}.study-nav nav a{color:#0d1738;font-weight:800;gap:10px;height:100%;position:relative;text-decoration:none}.study-nav nav a.active{color:#5c35ff}.study-nav nav a.active:after{background:#6f35ff;border-radius:999px;bottom:0;content:"";height:4px;left:0;position:absolute;right:0}.study-user{gap:22px}.study-user em{border:1px solid #dfe7f4;border-radius:999px;font-style:normal;font-weight:900;gap:8px;padding:8px 16px}.study-user span{display:grid;grid-gap:0 10px;gap:0 10px;grid-template-columns:48px auto}.study-user span img{grid-row:1/3}.study-user small{color:#62708c;font-weight:700}.study-shell{display:grid;grid-gap:28px;gap:28px;grid-template-columns:minmax(0,1fr) 500px;margin:34px auto;max-width:1500px;padding:0 32px}.study-left,.study-right{display:grid;grid-gap:22px;gap:22px}.study-greeting{justify-content:space-between}.study-greeting h1{font-size:28px;margin:0 0 12px}.study-greeting p{color:#4f5d7a;font-size:17px;margin:0}.study-streak{background:#fff;border:1px solid #e0e7f5;border-radius:14px;box-shadow:0 12px 30px rgba(30,45,85,.05);display:grid;grid-gap:0 10px;gap:0 10px;grid-template-columns:34px auto;min-width:190px;padding:18px 22px}.study-streak img{grid-row:1/3}.study-streak span{color:#42506e}.study-card{background:#fff;border:1px solid #dfe7f4;border-radius:16px;box-shadow:0 16px 42px rgba(27,42,76,.06);padding:22px}.study-card h2{font-size:21px;margin:0 0 18px}.continue-section{position:relative}.continue-section>div{gap:22px}.continue-section article{border:1px solid #dfe7f4;border-radius:14px;flex:1 1;min-height:164px;padding:18px}.continue-section article.orange{background:#fff9f3;border-color:#ffd7b8}.continue-section article.green{background:#f4fff8;border-color:#c7ebd5}.continue-section article.purple{background:#fbf7ff;border-color:#decaff}.continue-section h3,.continue-section p{margin:0 0 8px 72px}.continue-section article>img{float:left}.study-system-hero,.study-system-icon{align-items:center;background:#eaf2ff;border-radius:16px;color:#2563eb;display:inline-flex;height:58px;justify-content:center;width:58px}.continue-section article>.study-system-icon{float:left}.study-system-icon.small{height:42px;margin-bottom:8px;width:42px}.continue-section p{color:#52607a}.continue-section article div{gap:12px;margin:24px 0 18px;overflow:hidden;position:relative}.continue-section article div:before{background:#e5eaf3;border-radius:999px;content:"";flex:1 1;height:5px;max-width:calc(100% - 48px);order:1}.continue-section article div i{background:#7047ff;border-radius:999px;height:5px;margin-right:calc(-100% + 48px);max-width:calc(100% - 48px);z-index:1}.continue-section article.orange div i{background:#ff7a1a}.continue-section article.green div i{background:#24a365}.continue-section article div span{font-weight:900;order:2}.continue-section article a,.goals>a,.route-section footer a{border:1px solid #c6b5ff;border-radius:10px;color:#7047ff;font-weight:900;justify-content:center;min-height:40px;text-decoration:none}.continue-section>button{background:#fff;border:1px solid #dfe7f4;border-radius:999px;height:48px;position:absolute;right:14px;top:132px;width:48px}.recommendation{background:linear-gradient(145deg,#fff,#f3f5ff);min-height:320px;overflow:hidden;position:relative}.recommendation p{color:#3f4e6d;line-height:1.7;max-width:270px}.recommendation ol{display:grid;grid-gap:18px;gap:18px;list-style:none;padding:0}.recommendation li{align-items:center;display:flex;font-weight:800;gap:14px}.recommendation li span{background:linear-gradient(135deg,#8a64ff,#5c35ff);border-radius:999px;color:#fff;display:grid;height:26px;place-items:center;width:26px}.recommendation a{border:1px solid #c6b5ff;border-radius:10px;color:#7047ff;font-weight:900;gap:8px;justify-content:center;margin-top:24px;min-height:42px;text-decoration:none;width:180px}.rec-books,.rec-plant,.rec-target{position:absolute}.rec-target{bottom:48px;right:62px}.rec-plant{bottom:42px;right:198px}.rec-books{bottom:24px;right:76px}.route-section>p{color:#52607a;margin:-8px 0 18px}.route-section>div{display:grid;grid-gap:22px;gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}.route-section article{background:#f8faff;border:1px solid #cbd8ff;border-radius:14px;overflow:hidden}.route-section article.toeic{background:#f4fff8;border-color:#bfead2}.route-section article>img{float:left;margin:22px 20px 0 18px;object-fit:contain}.route-section article>.study-system-hero{float:left;height:118px;margin:22px 20px 0 18px;width:142px}.route-section h3{color:#1d46c8;font-size:28px;margin:48px 0 10px}.route-section .toeic h3{color:#14a162}.route-section section p{color:#263a60;line-height:1.55;min-height:74px}.route-section section span{background:#336dff;border-radius:999px;color:#fff;font-size:12px;font-weight:900;padding:6px 12px}.route-section footer{background:#fff;border-radius:12px;clear:both;gap:18px;margin:16px;padding:14px}.route-section footer div{color:#52607a;flex:1 1;gap:8px}.route-section footer a{background:#315df4;color:#fff;min-width:120px}.route-section .toeic footer a{background:#20a96b}.goals{min-height:402px}.goals article{border-bottom:1px solid #eef2f8;gap:14px;min-height:74px}.goals div{flex:1 1}.goals span,.goals strong{display:block}.goals span{color:#52607a;margin-top:6px}.goals i{border:2px solid #c7d1e7;border-radius:999px;height:18px;width:18px}.goals>a{margin-top:24px;min-height:46px}.stats-section>div{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(5,minmax(0,1fr))}.stats-section article{background:#fff;border:1px solid #e6edf8;border-radius:10px;padding:14px}.stats-section small,.stats-section span{color:#53617e;display:block;font-size:13px;font-weight:800}.stats-section strong{display:block;font-size:22px;margin:6px 0}.stats-section small{color:#18a064}@media (max-width:1180px){.study-nav nav{display:none}.route-section>div,.stats-section>div,.study-shell{grid-template-columns:1fr}}@media (max-width:760px){.study-nav,.study-shell{padding-left:14px;padding-right:14px}.continue-section>div,.study-greeting{align-items:stretch;flex-direction:column}}.route-page{background:linear-gradient(180deg,#fff,#f7faff);color:#07143a;min-height:100vh}.route-shell{display:grid;grid-gap:30px;gap:30px;grid-template-columns:minmax(0,1fr) 430px;margin:24px auto;max-width:1500px;padding:0 32px}.breadcrumb,.breadcrumb a,.route-subtitle{color:#53617e;font-weight:700;text-decoration:none}.route-main h1{font-size:34px;margin:20px 0 10px}.route-subtitle{font-size:17px;margin-bottom:28px}.route-card,.route-summary,.unit-row{background:#fff;border:1px solid #dfe7f4;border-radius:16px;box-shadow:0 16px 42px rgba(27,42,76,.06)}.route-summary{align-items:center;display:grid;grid-gap:28px;gap:28px;grid-template-columns:110px 1fr repeat(3,180px);min-height:124px;padding:24px}.circle-progress{align-items:center;background:conic-gradient(#7b4cff var(--route-progress,17%),#eef2f8 0);border-radius:999px;display:flex;height:86px;justify-content:center;width:86px}.toeic-route .circle-progress{background:conic-gradient(#7b4cff var(--route-progress,0),#eef2f8 0)}.circle-progress strong{background:#fff;border-radius:999px;display:grid;height:66px;place-items:center;width:66px}.route-progress-copy span,.route-summary article span,.route-summary small{color:#5c6885;display:block;font-weight:800}.route-progress-copy b,.route-summary article strong{display:block;font-size:24px;margin:6px 0}.continue-box i,.route-progress-copy i,.unit-row aside i{background:#e6ebf4;border-radius:999px;display:block;height:8px;overflow:hidden}.continue-box em,.route-progress-copy em,.unit-row aside b{background:#7849ff;display:block;height:100%}.route-summary article{border-left:1px solid #e4eaf5;min-height:76px;padding-left:26px}.unit-list{display:grid;margin-top:22px}.unit-row{align-items:center;border-radius:0;display:grid;grid-gap:22px;gap:22px;grid-template-columns:150px 1fr 250px;min-height:116px;padding:16px 18px}.unit-row:first-child{border-radius:16px 16px 0 0}.unit-row.active{border-color:#bba7ff;box-shadow:inset 0 0 0 1px #bba7ff}.unit-row>img{background:#f4f8ff;border-radius:12px;object-fit:contain;padding:8px}.unit-row h2{font-size:20px;margin:0 0 8px}.unit-row p{color:#53617e;margin:0 0 14px}.unit-row section div{display:flex;flex-wrap:wrap;gap:14px}.unit-row section span{align-items:center;border:1px solid #e1e8f5;border-radius:8px;display:flex;font-weight:800;gap:8px;min-height:32px;padding:0 14px}.unit-row aside{display:grid;grid-gap:10px;gap:10px}.unit-row aside em{background:#eef2f8;border-radius:8px;color:#4e5d78;font-style:normal;font-weight:800;justify-self:start;padding:7px 16px}.unit-row aside em.done{background:#e7faef;color:#16a05e}.unit-row aside em.learning{background:#f2ecff;color:#7047ff}.unit-row aside strong{font-size:15px}.unit-row aside a{border:1px solid #c6b5ff;border-radius:10px;color:#7047ff;font-weight:900;min-height:42px;padding:10px 20px;text-align:center;text-decoration:none}.unit-row.active aside a{background:#7047ff;color:#fff}.more-units{background:#fff;border:1px solid #dfe7f4;border-radius:0 0 16px 16px;color:#7047ff;cursor:pointer;font-size:18px;font-weight:900;min-height:58px}.route-side{display:grid;grid-gap:22px;gap:22px;align-content:start}.route-card{padding:22px}.route-card h2{margin:0 0 18px}.route-rec{background:linear-gradient(145deg,#fff,#f4f6ff);min-height:250px;overflow:hidden;position:relative}.route-rec p{color:#53617e;line-height:1.6;max-width:250px}.route-rec ol{display:grid;grid-gap:16px;gap:16px;list-style:none;padding:0}.route-rec li{align-items:center;display:flex;font-weight:800;gap:12px}.route-rec li span{background:linear-gradient(135deg,#8a64ff,#5c35ff);border-radius:999px;color:#fff;display:grid;height:26px;place-items:center;width:26px}.continue-box a,.route-rec a{align-items:center;border:1px solid #c6b5ff;border-radius:10px;color:#7047ff;display:flex;font-weight:900;gap:8px;justify-content:center;min-height:42px;text-decoration:none}.route-rec a{width:178px}.route-books,.route-plant,.route-target{position:absolute}.route-target{bottom:40px;right:42px}.route-plant{bottom:36px;right:162px}.route-books{bottom:22px;right:54px}.continue-box article{align-items:center;border:1px solid #e1e8f5;border-radius:14px;display:grid;grid-gap:18px;gap:18px;grid-template-columns:82px 1fr 100px;padding:16px}.continue-box p,.continue-box span,.continue-box strong{display:block;margin:0 0 6px}.continue-box p,.continue-box span{color:#53617e}.recent-box p{align-items:center;border:1px solid #e1e8f5;border-bottom:0;display:grid;grid-gap:14px;gap:14px;grid-template-columns:42px 1fr auto;margin:0;min-height:60px;padding:0 14px}.recent-box p:last-child{border-bottom:1px solid #e1e8f5;border-radius:0 0 10px 10px}.recent-box p:first-of-type{border-radius:10px 10px 0 0}.recent-box span{color:#53617e}.toeic-start{min-height:250px;overflow:hidden;position:relative}.toeic-start p{color:#53617e;line-height:1.6;max-width:270px}.toeic-start div{align-items:center;display:flex;gap:10px;margin:20px 0 28px}.toeic-start div span{border:1px solid #d8cdfc;border-radius:10px;color:#7047ff;font-weight:900;padding:10px 14px}.toeic-start>a{align-items:center;background:linear-gradient(135deg,#4d36ff,#7d31ff);border-radius:10px;color:#fff;display:flex;font-weight:900;justify-content:center;min-height:48px;text-decoration:none;width:220px}.toeic-start>img{bottom:26px;position:absolute;right:26px}.toeic-goals h2,.toeic-goals p{align-items:center;display:flex;gap:12px}.toeic-goals p{font-weight:800;margin:20px 0}.toeic-structure article{align-items:center;border:1px solid #e3e9f5;border-radius:10px;display:grid;grid-gap:14px;gap:14px;grid-template-columns:36px 50px 1fr;margin-top:12px;padding:12px}.toeic-structure span,.toeic-structure strong{display:block}.toeic-structure span{color:#53617e;font-size:13px;margin-top:5px}.toeic-route .unit-row:first-child{border-radius:16px;border-color:#b79cff}.toeic-route .route-summary{grid-template-columns:90px 1fr repeat(3,180px)}@media (max-width:1180px){.route-shell,.route-summary,.unit-row{grid-template-columns:1fr}}@media (max-width:760px){.route-shell{padding-left:14px;padding-right:14px}.continue-box article{grid-template-columns:1fr}}.unit-result-page{background:#f7faff;color:#101b3f;min-height:100vh}.unit-result-nav{align-items:center;background:#fff;border-bottom:1px solid #e5eaf4;display:flex;height:82px;justify-content:space-between;padding:0 36px}.unit-result-nav .brand{color:#1764f5;font-size:30px;font-weight:900;text-decoration:none}.unit-result-nav a,.unit-result-nav em,.unit-result-nav nav,.unit-result-nav section,.unit-result-nav span{align-items:center;display:flex}.unit-result-nav nav{gap:44px}.unit-result-nav nav a{color:#111b44;font-weight:800;gap:10px;min-height:82px;position:relative;text-decoration:none}.unit-result-nav nav a.active{color:#5c35ff}.unit-result-nav nav a.active:after{background:#5d34ff;border-radius:999px;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.unit-result-nav section{gap:22px}.unit-result-nav em{border:1px solid #dce5f4;border-radius:14px;font-style:normal;font-weight:900;gap:8px;padding:10px 18px}.unit-result-nav span{grid-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:54px auto}.unit-result-nav span img{grid-row:span 2}.unit-result-nav small{color:#53617f;font-weight:700}.unit-result-shell{margin:0 auto;max-width:1320px;padding:46px 28px}.unit-back{align-items:center;color:#111b44;display:inline-flex;font-size:42px;font-weight:900;gap:20px;margin-bottom:28px;text-decoration:none}.unit-back img{background:#f3f7fe;border-radius:999px;padding:12px}.unit-result-card{background:#fff;border:1px solid #dfe7f3;border-radius:18px;box-shadow:0 22px 60px rgba(34,54,108,.08);overflow:hidden}.unit-result-card>header{align-items:center;display:flex;justify-content:space-between;padding:42px 44px 22px}.unit-result-card h1{align-items:center;display:flex;font-size:42px;gap:20px;line-height:1.1;margin:0 0 12px}.unit-result-card header p{color:#64708d;font-size:20px;font-weight:700;margin:0}.unit-result-grid{display:grid;grid-gap:20px;gap:20px;grid-template-columns:1.35fr repeat(3,1fr);padding:0 44px 22px}.unit-score-ring{align-items:center;border:1px solid #e1e8f3;border-radius:16px;display:grid;grid-row:span 2;justify-items:center;min-height:278px;padding:24px}.unit-score-ring div{align-items:center;background:conic-gradient(#7141ff var(--score),#eee8ff 0);border-radius:999px;display:flex;height:230px;justify-content:center;position:relative;width:230px}.unit-score-ring div:after{background:#fff;border-radius:inherit;content:"";inset:28px;position:absolute}.unit-score-ring span,.unit-score-ring strong{position:relative;z-index:1}.unit-score-ring strong{display:block;font-size:58px}.unit-score-ring small,.unit-score-ring span{color:#68738f;font-size:18px;font-weight:800}.unit-score-ring small{margin-top:8px}.unit-metric{align-items:center;border:1px solid #e1e8f3;border-radius:16px;display:flex;gap:18px;min-height:122px;padding:24px}.unit-metric strong{display:block;font-size:32px;font-weight:900}.unit-metric span{color:#64708d;font-size:18px;font-weight:800}.unit-review-list{border:1px solid #e1e8f3;border-radius:16px;margin:0 44px 22px;padding:22px 26px}.unit-review-list h2{font-size:22px;margin:0 0 18px}.unit-review-list>div{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(3,1fr)}.unit-review-list article{align-items:center;border-radius:16px;display:flex;gap:18px;padding:18px}.unit-review-list article.listening{background:#fffaf2;border:1px solid #ffdca9}.unit-review-list article.meaning{background:#fff4f7;border:1px solid #ffc8d9}.unit-review-list article.uncertain{background:#fffdf1;border:1px solid #f4dea2}.unit-review-list small,.unit-review-list strong{display:block}.unit-review-list strong{font-size:20px}.unit-empty,.unit-review-list small{color:#5f6b87;font-size:16px;font-weight:700;margin-top:6px}.unit-result-card footer{border-top:1px solid #e7edf6;display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(3,1fr);padding:24px 44px 36px}.unit-result-card footer a{align-items:center;border:2px solid #7950ff;border-radius:14px;color:#161f50;display:flex;font-size:20px;font-weight:900;gap:14px;justify-content:center;min-height:78px;text-decoration:none}.unit-result-card footer a.primary{background:linear-gradient(135deg,#4a38ff,#7f32f2);border-color:transparent;color:#fff}.unit-result-card footer a span{color:inherit;display:block;font-size:14px;font-weight:700;opacity:.85}@media (max-width:1020px){.unit-result-card>header,.unit-result-nav{align-items:flex-start;flex-direction:column;height:auto;gap:18px;padding:22px}.unit-result-nav nav{flex-wrap:wrap;gap:18px}.unit-result-card footer,.unit-result-grid,.unit-review-list>div{grid-template-columns:1fr}.unit-back,.unit-result-card h1{font-size:30px}}.speed-battle-page{background:linear-gradient(180deg,#fff,#f8fbff);color:#06143a;min-height:100vh}.speed-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 24px}.phonetic,.phonetic button,.question-topline,.question-topline button,.speed-brand,.speed-feedback button,.speed-footer,.speed-info-card h2,.speed-info-card p,.speed-nav div,.speed-nav label,.speed-nav nav,.speed-nav nav a,.speed-player h2,.speed-player strong,.speed-tabs,.speed-tabs a{align-items:center;display:flex}.speed-brand{color:#6747ff;font-size:31px;font-weight:900;gap:12px;text-decoration:none}.speed-nav nav{align-self:stretch;gap:42px}.speed-nav nav a{color:#101936;font-size:17px;font-weight:800;height:100%;position:relative;text-decoration:none}.speed-nav nav a.active{color:#1264ff}.speed-nav nav a.active:after{background:#1264ff;border-radius:999px;bottom:0;content:"";height:4px;left:0;position:absolute;right:0}.speed-nav label{border:1px solid #dde5f2;border-radius:24px;gap:12px;height:48px;padding:0 18px}.speed-nav input{background:transparent;border:0;font-size:15px;outline:0;width:100%}.speed-nav div{gap:14px;justify-content:flex-end}.speed-shell{margin:0 auto;max-width:1120px;padding:30px 20px 20px}.speed-tabs{gap:18px;margin-bottom:32px}.speed-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:68px;text-decoration:none}.speed-tabs a.active{border-color:#1b66ff;color:#1264ff}.speed-versus{background:#fff;border:1px solid #e1e8f4;border-radius:14px;box-shadow:0 14px 36px rgba(28,48,92,.07);display:grid;grid-template-columns:minmax(0,1fr) 160px minmax(0,1fr);margin-bottom:32px;min-height:210px;padding:22px}.speed-player{align-items:center;display:grid;grid-gap:20px;gap:20px;grid-template-columns:136px 1fr;padding:18px}.speed-player.you{background:linear-gradient(105deg,#eef6ff,#fff);border-radius:18px 0 0 18px}.speed-player.opponent{background:linear-gradient(255deg,#fff0f4,#fff);border-radius:0 18px 18px 0;direction:rtl;text-align:right}.speed-player.opponent>*{direction:ltr}.speed-player span{color:#1264ff;display:block;font-size:18px;font-weight:900;margin-bottom:10px}.speed-player.opponent span{color:#5f6d89}.speed-player h2{color:#020817;font-size:22px;font-weight:900;gap:10px;margin:0 0 18px}.speed-player strong{color:#1264ff;font-size:38px;gap:10px}.speed-player>img{background:#fff;border:8px solid #fff;border-radius:999px;box-shadow:0 10px 24px rgba(50,78,138,.12)}.speed-player.opponent strong{color:#ef5d91}.speed-vs{align-content:center;display:grid;justify-items:center;position:relative}.speed-vs span{color:#ffad0a;font-size:62px;font-weight:900;line-height:1}.speed-vs strong{align-items:center;background:#fff;border:1px solid #dfe7f4;border-radius:999px;box-shadow:0 8px 20px rgba(34,73,140,.08);color:#1264ff;display:flex;font-size:25px;gap:8px;padding:10px 24px}.speed-question-card{background:#fff;border:1px solid #e1e8f4;border-radius:16px;box-shadow:0 14px 36px rgba(28,48,92,.07);margin-bottom:20px;min-height:520px;padding:32px 32px 24px;position:relative;text-align:center}.question-topline{justify-content:space-between}.question-topline button,.question-topline span{background:#f0f5fc;border:1px solid #e1e8f4;border-radius:999px;color:#52607a;font-size:18px;font-weight:900;min-height:48px;padding:0 28px}.question-topline button{background:#fff;gap:10px}.speed-question-card h1{color:#06143a;font-size:62px;font-weight:900;letter-spacing:0;margin:36px 0 14px}.speed-question-card h1.meaning-prompt{font-size:46px;line-height:1.2;margin-top:48px}.phonetic{color:#5e6884;font-size:26px;gap:14px;justify-content:center}.phonetic button{background:transparent;border:0;justify-content:center}.speed-question-card>p{color:#5b657e;font-size:22px;font-weight:900;margin:22px 0 24px}.speed-choices{display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto;max-width:900px}.speed-choices button{align-items:center;background:#fff;border:1.5px solid #d6e3ff;border-radius:12px;color:#111b3f;display:grid;font-size:20px;font-weight:900;grid-gap:18px;gap:18px;grid-template-columns:48px 1fr;min-height:88px;padding:18px 24px}.speed-choices button:nth-child(2){border-color:#ffc7da}.speed-choices button:nth-child(3){border-color:#bdebd9}.speed-choices button:nth-child(4){border-color:#ffd994}.speed-choices button.correct{background:#effcf5;border-color:#26c268}.speed-choices button.wrong{background:#fff1f2;border-color:#ef4444}.speed-choices button.locked{opacity:.54}.speed-feedback{background:#fff;border:1px solid #dfe7f4;border-radius:16px;box-shadow:0 18px 42px rgba(28,48,92,.14);display:grid;grid-gap:10px;gap:10px;margin:26px auto 0;max-width:560px;padding:18px 22px;text-align:left}.speed-feedback.correct strong{color:#0f9f4d}.speed-feedback.wrong strong{color:#dc2626}.speed-feedback.skip strong{color:#f97316}.speed-feedback button{background:#075fff;border:0;border-radius:12px;color:#fff;font-size:20px;font-weight:900;gap:12px;justify-content:center;min-height:54px}.listening-prompt{margin:26px auto 28px;max-width:560px;text-align:center}.listening-prompt h1{font-size:34px;margin:0 0 10px}.listening-prompt p{color:#6a748c;font-size:15px;font-weight:700;line-height:1.45;margin:0 auto 24px;max-width:330px}.listening-prompt button{background:linear-gradient(180deg,#f4f8ff,#fff);border:1.5px solid #1264ff;border-radius:999px;box-shadow:0 14px 28px rgba(18,100,255,.16);cursor:pointer;display:inline-flex;height:118px;margin-bottom:22px;outline:14px solid #eaf2ff;width:118px}.listening-prompt button,.sound-wave{align-items:center;justify-content:center}.sound-wave{display:flex;gap:4px;min-height:42px}.sound-wave i{background:linear-gradient(180deg,#1264ff,#9fc5ff);border-radius:999px;display:block;opacity:.72;width:3px}@media (max-width:760px){.listening-prompt h1{font-size:27px}.listening-prompt button{height:96px;outline-width:10px;width:96px}}.speed-info-grid{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}.speed-info-card{background:#fff;border:1px solid #e1e8f4;border-radius:16px;box-shadow:0 14px 36px rgba(28,48,92,.07);padding:26px 48px}.speed-info-card h2{color:#1264ff;font-size:25px;font-weight:900;gap:18px;margin:0 0 18px}.speed-info-card p{color:#4e5b78;font-size:16px;gap:18px;line-height:1.45;margin:10px 0}.speed-footer{color:#61708c;font-size:15px;gap:10px;justify-content:center;margin:14px 0 0}.speed-loading{color:#52607a;font-size:22px;font-weight:800;margin-top:120px}@media (max-width:1100px){.speed-nav{grid-template-columns:auto 1fr auto}.speed-nav label{display:none}.speed-info-grid,.speed-versus{grid-template-columns:1fr}.speed-vs{margin:-18px 0}.speed-player.opponent,.speed-player.you{border-radius:18px}.speed-player.opponent{direction:ltr;text-align:left}}@media (max-width:760px){.speed-nav{grid-template-columns:1fr auto;padding:10px 14px}.speed-nav div img:first-child,.speed-nav div img:last-child,.speed-nav nav{display:none}.speed-brand{font-size:24px}.speed-shell{padding:24px 14px 18px}.speed-choices,.speed-tabs{grid-template-columns:1fr}.speed-tabs{display:grid}.speed-versus{padding:14px}.speed-player{grid-template-columns:1fr;justify-items:center;text-align:center}.speed-question-card{padding:24px 14px}.question-topline button,.question-topline span{font-size:15px;padding:0 14px}.speed-question-card h1{font-size:42px}.phonetic{font-size:20px}.speed-info-card{padding:22px 18px}}.post-match-page{background:linear-gradient(180deg,#fff,#f8fbff);color:#06143a;min-height:100vh}.post-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:78px;padding:0 18px}.friend-card,.post-action-card,.post-brand,.post-footer,.post-nav div,.post-nav label,.post-nav nav,.post-nav nav a,.post-summary,.post-summary span,.post-tip,.post-tip a{align-items:center;display:flex}.post-brand{color:#6747ff;font-size:29px;font-weight:900;gap:12px;text-decoration:none}.post-nav nav{align-self:stretch;gap:42px}.post-nav nav a{color:#101936;font-weight:800;height:100%;position:relative;text-decoration:none}.post-nav nav a.active{color:#1264ff}.post-nav nav a.active:after{background:#1264ff;border-radius:999px;bottom:0;content:"";height:4px;left:0;position:absolute;right:0}.post-nav label{border:1px solid #dde5f2;border-radius:24px;gap:12px;height:46px;padding:0 18px}.post-nav input{background:transparent;border:0;outline:0}.post-nav div{gap:14px;justify-content:flex-end}.post-shell{margin:0 auto;max-width:960px;padding:56px 20px 22px;position:relative;text-align:center}.post-confetti,.post-hero-trophy{display:block;margin:0 auto}.post-confetti{left:50%;position:absolute;top:62px;transform:translateX(-50%)}.post-hero-trophy{position:relative;z-index:1}.post-shell h1{font-size:56px;font-weight:900;letter-spacing:0;margin:22px 0 12px}.post-subtitle{color:#5e6884;font-size:18px;margin:0 0 32px}.post-summary{background:#effdf7;border:1px solid #aee8cf;border-radius:18px;display:grid;grid-gap:26px;gap:26px;grid-template-columns:96px 1.2fr 1px 1fr 100px;margin:0 auto 34px;padding:14px 22px;text-align:left}.post-summary.lose{background:#fff4f5;border-color:#ffcbd3}.post-summary strong{display:block;font-size:17px;margin-bottom:10px}.post-summary span{background:#e8f0ff;border-radius:999px;color:#1264ff;font-size:18px;font-weight:900;gap:10px;padding:8px 18px}.summary-divider{background:#d5deed;height:72px}.post-summary em{color:#24bd6d;font-size:38px;font-style:normal;font-weight:900}.post-summary.lose em{color:#ef4967}.post-summary small{font-size:18px}.post-actions{display:grid;grid-gap:26px;gap:26px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:26px}.post-action-card{background:#fff;border:1px solid #e2e9f5;border-radius:18px;box-shadow:0 18px 40px rgba(32,56,108,.08);color:#06143a;gap:26px;min-height:200px;padding:30px;text-align:left;text-decoration:none}.post-action-card div{flex:1 1}.friend-card strong,.post-action-card strong,.post-tip strong{display:block;font-size:24px;font-weight:900}.post-action-card span{background:#f2eaff;border-radius:999px;color:#8b45ff;display:inline-flex;font-weight:900;margin:12px 0;padding:8px 14px}.friend-card span,.post-action-card p,.post-tip span{color:#5e6884;font-size:16px;line-height:1.55}.friend-card{background:#fff;border:1px solid #e2e9f5;border-radius:18px;box-shadow:0 18px 40px rgba(32,56,108,.08);color:#06143a;gap:24px;margin:0 auto 34px;max-width:590px;padding:16px 34px;text-align:left;text-decoration:none}.friend-card div{flex:1 1}.post-tip{background:#fffdf7;border:1px solid #f8c66c;border-radius:18px;gap:28px;justify-content:space-between;padding:28px 34px;text-align:left}.post-tip div{flex:1 1}.post-tip a{border:1px solid #ff9f2e;border-radius:10px;color:#ff7a00;font-weight:900;min-height:48px;padding:0 20px;text-decoration:none}.post-footer,.post-tip a{gap:10px;justify-content:center}.post-footer{color:#61708c;font-size:15px;margin:20px 0 0}@media (max-width:980px){.post-nav{grid-template-columns:auto 1fr auto}.post-nav label{display:none}.post-shell h1{font-size:42px}.post-summary{grid-template-columns:80px 1fr}.post-summary>img:last-child,.summary-divider{display:none}.post-actions{grid-template-columns:1fr}}@media (max-width:720px){.post-nav{grid-template-columns:1fr auto}.post-nav div img:first-child,.post-nav div img:last-child,.post-nav nav{display:none}.friend-card,.post-action-card,.post-tip{align-items:flex-start;display:grid;grid-template-columns:1fr;justify-items:center;text-align:center}}.wrong-review-page{background:linear-gradient(180deg,#fff,#f8fbff);color:#06143a;min-height:100vh;padding-bottom:26px}.wrong-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:78px;padding:0 18px}.example-block h3,.example-block p,.phonetic,.review-tips h2,.review-tips p,.wrong-actions,.wrong-actions button,.wrong-back,.wrong-brand,.wrong-footer,.wrong-hero p,.wrong-list button,.wrong-nav div,.wrong-nav label,.wrong-nav nav,.wrong-nav nav a,.wrong-progress{align-items:center;display:flex}.wrong-brand{color:#6747ff;font-size:29px;font-weight:900;gap:12px;text-decoration:none}.wrong-nav nav{align-self:stretch;gap:42px}.wrong-nav nav a{color:#101936;font-weight:800;height:100%;position:relative;text-decoration:none}.wrong-nav nav a.active{color:#1264ff}.wrong-nav nav a.active:after{background:#1264ff;border-radius:999px;bottom:0;content:"";height:4px;left:0;position:absolute;right:0}.wrong-nav label{border:1px solid #dde5f2;border-radius:24px;gap:12px;height:46px;padding:0 18px}.wrong-nav input{background:transparent;border:0;outline:0}.wrong-nav div{gap:14px;justify-content:flex-end}.review-tips,.wrong-hero,.wrong-layout{margin:0 auto;max-width:1140px}.wrong-hero{align-items:center;display:grid;grid-template-columns:1fr 360px;padding:60px 22px 36px}.wrong-hero h1{font-size:58px;font-weight:900;letter-spacing:0;margin:0 0 16px}.wrong-hero p{color:#5e6884;font-size:17px;font-weight:700;gap:10px;margin:0}.wrong-hero-art{height:190px;position:relative}.wrong-hero-art>img:nth-child(3){bottom:8px;left:60px;position:absolute}.hero-cross,.hero-glass,.letter-a,.letter-b{position:absolute}.letter-a{left:55px;top:6px}.letter-b{right:118px;top:0}.hero-glass{bottom:0;right:24px}.hero-cross{bottom:0;right:50px}.wrong-layout{display:grid;grid-gap:22px;gap:22px;grid-template-columns:250px minmax(0,1fr);padding:0 22px}.review-tips,.wrong-list,.wrong-study{background:#fff;border:1px solid #e2e9f5;border-radius:18px;box-shadow:0 18px 40px rgba(32,56,108,.08)}.wrong-list{padding:28px 20px}.wrong-list h2{font-size:18px;margin:0 0 20px}.wrong-list button{background:#fff;border:1px solid #e0e7f2;border-radius:12px;color:#59657e;cursor:pointer;font-size:17px;font-weight:800;gap:14px;margin-bottom:18px;min-height:70px;padding:0 14px;width:100%}.wrong-list button.active{border-color:#1264ff;box-shadow:0 10px 24px rgba(18,100,255,.13);color:#06143a}.wrong-list span{align-items:center;background:#e9eef7;border-radius:999px;color:#7d879e;display:inline-flex;height:32px;justify-content:center;width:32px}.wrong-list .active span{background:#1264ff;color:#fff}.wrong-study{padding:30px}.wrong-progress{gap:16px;margin-bottom:22px}.wrong-progress strong{color:#1264ff;font-size:28px}.wrong-progress>span{background:#e8edf6;border-radius:999px;flex:1 1;height:14px;overflow:hidden}.wrong-progress i{background:#1264ff;border-radius:inherit;display:block;height:100%}