*{box-sizing:border-box} :root{--ink:#253b50;--muted:#728d88;--mint:#e5f2ee;--cream:#fffdf5;--orange:#f47b4c;--orange-dark:#cf5834;--blue:#4478c9;--line:#d7e5da;--shadow:0 12px 32px #315d4b0a} html,body{margin:0;color:var(--ink);font-family:"Malgun Gothic","맑은 고딕",sans-serif;background:#dcece7;font-size:14px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;cursor:default}button:disabled{opacity:1}a:focus-visible{outline:3px solid #253b50;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-1.1px}p{line-height:1.75}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.artboard{height:960px;max-width:1920px;margin:auto;background:radial-gradient(ellipse at 80% 33%,#edf7f1 0%,transparent 55%),var(--mint);display:flex;flex-direction:column;overflow:hidden;position:relative}.topbar{height:80px;min-height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid #d0e4dc;background:#edf7f0d9;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:800;letter-spacing:-1px}.brand-mark{background:var(--orange);color:#fff9e9;border-radius:16px;width:46px;height:46px;display:grid;place-items:center;box-shadow:0 4px 0 #df693c25}.brand-mark .icon{width:30px;height:30px}.brand small{display:block;font-size:10px;font-weight:600;letter-spacing:1.4px;color:#73918b;margin-top:4px}.mode-tabs{display:flex;background:#dbebe4;padding:5px;border-radius:17px;gap:3px}.mode-tabs a{height:42px;min-width:135px;padding:0 17px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:700;color:#728b85}.mode-tabs a.active{background:var(--cream);color:var(--ink);border-radius:12px;box-shadow:0 3px 9px #39685907}.mode-tabs .active .icon{color:var(--orange)}.header-tools{display:flex;gap:9px;align-items:center}.nickname{color:#728d86;font-size:12px;margin-right:9px}.icon-button{width:36px;height:36px;border:1px solid #d5e5dc;border-radius:11px;display:grid;place-items:center;background:#f3faf3}.icon-button .icon{width:18px;height:18px}.product-footer{margin-top:auto;height:34px;min-height:34px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#7f9690}.product-footer b{font-weight:600}.footer-diamond{font-size:18px;margin-left:10px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.2px;color:#709289;text-transform:uppercase}.label{font-size:12px;font-weight:700;color:#65847d}.muted{color:var(--muted)}.card{background:var(--cream);border:1px solid #d9e6d9;border-radius:24px;box-shadow:var(--shadow)}.pill{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;padding:8px 12px;border:1px solid #d1e5db;border-radius:10px;background:#f3faf3;color:#4c786a}.pill .icon{width:14px;height:14px}.button{height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 23px;border-radius:13px;font-weight:700;font-size:13px;white-space:nowrap}.button.primary{background:var(--orange);color:#fffdf4;box-shadow:0 4px 0 #d8653b}.button.secondary{background:#f4f5e8;border:1px solid #dbe2cd}.button.blue{background:var(--blue);color:white;box-shadow:0 4px 0 #2c5b9d}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#568374}.text-link .icon{width:16px;height:16px}.page{flex:1;min-height:0;padding:32px 48px 18px}.page-home{display:flex;flex-direction:column;gap:22px}.home-hero{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;min-height:450px;position:relative}.hero-copy{padding:6px 0 0 22px;position:relative;z-index:1}.hero-copy h1{font-size:49px;line-height:1.28;margin:17px 0 20px;font-weight:800;letter-spacing:-2.9px}.hero-copy h1 em{font-style:normal;color:var(--orange)}.hero-copy p{font-size:15px;color:#728d84;max-width:360px}.hero-actions{display:flex;gap:19px;align-items:center;margin-top:27px}.hero-field{height:440px;position:relative}.hero-field canvas{width:100%;height:100%}.hero-field-tag{position:absolute;bottom:7px;left:40%;font-size:11px;color:#578371;display:flex;align-items:center;gap:7px}.home-section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 6px 13px}.home-section-heading h2{font-size:19px}.home-section-heading p{font-size:12px;color:var(--muted)}.mode-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mode-card{padding:23px 26px;min-height:194px;position:relative}.mode-card .mode-icon{position:absolute;right:25px;top:31px;width:61px;height:61px;border-radius:19px;display:grid;place-items:center;background:#e8efe1;color:#6c9576}.mode-card .mode-icon .icon{height:30px;width:30px}.mode-card h3{font-size:23px;line-height:1.35;margin:11px 0 8px}.mode-card p{font-size:12px;color:#7a8f81}.mode-card .mode-bottom{margin-top:18px;padding-top:13px;border-top:1px solid #e3e7d9;display:flex;justify-content:space-between;font-size:11px;color:#799082;align-items:center}.mode-card.practice .mode-icon{background:#ffecda;color:var(--orange)}.mode-card.duel{background:#315b52;color:#fff8dd;border-color:#315b52}.mode-card.duel .eyebrow,.mode-card.duel p,.mode-card.duel .mode-bottom{color:#c4d9c2}.mode-card.duel .mode-icon{background:#456e60;color:#efca83}.mode-card.duel .mode-bottom{border-color:#54776a}.daily-situation{display:flex;gap:14px;align-items:center;padding:15px 21px;background:#d9eadd;border-radius:17px;margin-top:0;font-size:12px}.daily-situation .daily-icon{width:35px;height:35px;display:grid;place-items:center;background:#f0f6e9;border-radius:10px;color:#5c8a70}.daily-situation p{color:#709081}.daily-situation .text-link{margin-left:auto}.page-learn{padding-top:27px}.learning-layout{height:100%;display:grid;grid-template-columns:238px 1fr;gap:24px}.learning-sidebar{display:flex;flex-direction:column;padding:10px 0}.learning-sidebar h1{font-size:27px;margin:10px 0 8px}.learning-sidebar>p{font-size:12px;color:var(--muted)}.learning-progress{margin:24px 0 22px;padding:15px 17px;border-radius:15px;background:#dbeadf}.learning-progress strong{font-size:19px}.learning-progress span{font-size:11px;color:#779487}.progress-track{height:5px;background:#c6dccd;border-radius:10px;margin-top:10px}.progress-track i{display:block;height:5px;width:25%;background:#81a992;border-radius:10px}.category-list{display:flex;flex-direction:column;gap:8px}.category-item{display:flex;align-items:center;gap:10px;padding:15px 14px;border-radius:13px;font-size:12px;color:#658476;border:1px solid transparent}.category-item .icon{height:17px;width:17px}.category-item strong{font-size:10px;margin-left:auto;padding:3px 6px;background:#d9e9db;border-radius:6px}.category-item.active{background:var(--cream);border-color:#dce7d7;font-weight:800;color:#3d6255;box-shadow:var(--shadow)}.category-item.active .icon{color:var(--orange)}.sidebar-note{margin-top:auto;font-size:10px;line-height:1.8;color:#80978c;padding:15px 12px 5px}.learning-main{display:flex;flex-direction:column;gap:14px;min-height:0}.lesson-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:1px}.lesson-heading h2{font-size:23px;margin-top:7px}.lesson-counter{font-size:11px;color:#819689}.lesson-field{height:363px;flex-shrink:0;position:relative;border:1px solid #d4e6d7;border-radius:24px;background:#daede1;overflow:hidden}.lesson-field canvas{width:100%;height:100%}.lesson-field .diagram-label{position:absolute;top:18px;left:20px;display:flex;gap:8px}.lesson-field .diagram-label .pill{background:#f9fcf0}.lesson-toolbar{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:7px;align-items:center;padding:6px;background:#fffef2e8;border-radius:12px;box-shadow:0 5px 16px #49735212}.lesson-toolbar button{height:32px;padding:0 11px;display:flex;align-items:center;gap:5px;border-radius:8px;background:transparent;font-size:11px;color:#66857a}.lesson-toolbar button.selected{background:#e5ecdc;color:#466a58;font-weight:700}.lesson-toolbar .icon{height:15px;width:15px}.lesson-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.lesson-option{min-height:68px;padding:12px 14px;border:1px solid #d9e4d4;border-radius:15px;display:flex;align-items:center;gap:9px;background:#fffdf4;font-size:12px;line-height:1.5}.option-letter{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#edf0e3;color:#768774;font-size:11px;font-weight:700;flex-shrink:0}.lesson-option.correct{background:#e6efdc;border-color:#9bbb96;color:#3e6650;font-weight:700}.lesson-option.correct .option-letter{background:#608c65;color:white}.lesson-option>.icon{width:16px;height:16px;margin-left:auto}.lesson-feedback{padding:17px 20px;background:#fffdf4;border-radius:18px;border:1px solid #dbe6d5;display:flex;gap:12px;align-items:flex-start}.feedback-icon{width:31px;height:31px;border-radius:10px;background:#e3eedd;color:#639266;display:grid;place-items:center;flex-shrink:0}.lesson-feedback h3{font-size:14px;margin-bottom:5px}.lesson-feedback p{font-size:12px;color:#728576;line-height:1.7}.lesson-feedback .remember{font-size:11px;margin-top:8px;color:#8b8063}.lesson-compare{display:flex;align-items:center;justify-content:space-between;padding:0 7px;font-size:11px;color:#839589}.lesson-compare .text-link{font-size:11px}.page-matching{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:5px;gap:23px}.matching-heading{text-align:center}.matching-heading h1{font-size:35px;margin:11px 0 10px}.matching-heading p{color:#7a958a;font-size:13px}.matching-card{width:760px;padding:35px 52px 30px;box-shadow:0 20px 54px #376b4c0a}.matching-players{display:flex;align-items:center;justify-content:space-around;gap:30px}.match-player{text-align:center;min-width:180px}.player-avatar{width:104px;height:104px;display:grid;place-items:center;margin:0 auto 16px;background:#fae5ce;border-radius:30px;color:#dd7948;position:relative}.player-avatar .icon{height:49px;width:49px;stroke-width:1.4}.player-avatar.unknown{background:#e7f0e5;color:#96ada0;border:1px dashed #acc4af}.player-avatar.unknown .icon{width:43px;height:43px}.avatar-status{position:absolute;right:-4px;bottom:-4px;background:#6e9c76;color:white;border:4px solid var(--cream);width:27px;height:27px;border-radius:50%;display:grid;place-items:center}.avatar-status .icon{width:12px;height:12px}.match-player h2{font-size:18px;letter-spacing:-.6px}.match-player p{font-size:11px;color:#849789;margin-top:6px}.versus{font-size:24px;font-weight:800;color:#bad0bd;letter-spacing:2px}.queue-info{margin-top:31px;padding-top:24px;border-top:1px solid #e0e8da;display:flex;flex-direction:column;align-items:center;gap:13px}.queue-time{display:flex;align-items:center;gap:10px;font-size:12px;color:#789183}.queue-time strong{font-size:24px;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:1px}.queue-dots{display:flex;gap:5px}.queue-dots i{width:6px;height:6px;border-radius:50%;background:#95b59b}.queue-dots i:nth-child(2){background:#b3cbb0}.queue-dots i:nth-child(3){background:#d2dfc5}.queue-info>.button{width:192px}.matching-steps{display:flex;align-items:center;justify-content:center;gap:35px;color:#8da297;font-size:12px}.matching-step{display:flex;align-items:center;gap:8px}.matching-step>span{height:25px;width:25px;display:grid;place-items:center;border-radius:50%;background:#dbe9db;font-size:11px;font-weight:700}.matching-step.active{color:#527f5d;font-weight:700}.matching-step.active>span{background:#72966d;color:white}.matching-steps>.icon{width:15px;height:15px;color:#a8bba9}.matching-note{font-size:10px;color:#879a8d;text-align:center;padding-top:3px}.page-result{padding-top:27px;display:flex;flex-direction:column;align-items:center;gap:19px}.result-heading{text-align:center}.result-heading h1{font-size:33px;margin:9px 0}.result-heading p{color:#7f9385;font-size:12px}.result-layout{width:100%;max-width:1130px;display:grid;grid-template-columns:380px 1fr;gap:20px;flex:1;min-height:0}.result-summary{padding:29px 26px;display:flex;flex-direction:column}.winner-badge{align-self:center;background:#f9e6ce;color:#b9793e;padding:9px 17px;border-radius:10px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:7px}.winner-badge .icon{height:16px;width:16px}.result-score{display:flex;align-items:center;justify-content:center;gap:15px;margin:25px 0}.result-score strong{font-size:67px;letter-spacing:-3px;color:var(--orange)}.result-score strong.opponent{color:#527baa}.result-score .colon{color:#b2c4b2;font-size:27px}.result-team-names{display:flex;justify-content:space-between;align-items:center;padding:0 17px;font-size:12px;font-weight:700}.result-team-names small{display:block;font-size:10px;font-weight:400;color:#91a08e;text-align:center;margin-top:5px}.result-facts{margin-top:25px;border-top:1px solid #e0e7d8;padding-top:17px;display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:8px}.result-facts strong{display:block;font-size:20px;margin-bottom:5px}.result-facts span{font-size:10px;color:#829782}.result-rule{font-size:10px;color:#8d9c86;line-height:1.8;margin-top:23px;text-align:center}.result-summary .button{margin-top:auto;width:100%}.result-summary .text-link{justify-content:center;margin-top:17px}.result-highlights{padding:22px;display:flex;flex-direction:column;min-height:0}.highlight-heading{display:flex;justify-content:space-between;align-items:center}.highlight-heading h2{font-size:18px}.highlight-heading>span{font-size:10px;color:#7e9687}.highlight-field{height:245px;background:#dfecdc;border-radius:17px;position:relative;margin:15px 0;overflow:hidden}.highlight-field canvas{width:100%;height:100%}.highlight-play{position:absolute;right:15px;bottom:14px;display:flex;gap:6px;align-items:center;font-size:11px;background:#fffdf2;padding:8px 12px;border-radius:9px;color:#608069}.highlight-play .icon{width:14px;height:14px}.highlight-list{display:flex;flex-direction:column;gap:9px}.highlight-item{display:flex;gap:12px;align-items:center;padding:12px 13px;border-radius:12px;background:#f0f4e8}.highlight-item.selected{background:#fce9d5}.highlight-number{height:29px;width:29px;display:grid;place-items:center;border-radius:9px;background:#e3e9d9;font-size:11px;color:#769173;flex-shrink:0}.highlight-item.selected .highlight-number{background:#f8d1ae;color:#b9713c}.highlight-item h3{font-size:12px;margin-bottom:3px;letter-spacing:-.3px}.highlight-item p{font-size:10px;color:#8c9986}.highlight-item>.icon{margin-left:auto;width:16px;height:16px;color:#8ba086}.match-page{flex:1;min-height:0;display:flex;flex-direction:column;padding:25px 30px 0}.match-meta{display:grid;grid-template-columns:1fr 358px 1fr;align-items:start;min-height:106px;flex-shrink:0;gap:18px;z-index:1}.role-heading{padding-top:4px}.role-heading h1{font-size:24px;margin:11px 0 7px}.role-heading p{font-size:12px;color:#7b958c}.meta-divider{color:#adc5b7;margin:0 7px}.scoreboard{background:var(--cream);border-radius:22px;padding:17px 21px 13px;box-shadow:0 10px 30px #2a5a4510;border:1px solid #f5f6e8}.score-top{display:flex;justify-content:center;align-items:center;gap:15px}.score-top strong{font-size:36px;line-height:1}.team{font-size:11px;font-weight:800;position:relative;padding-left:11px;text-align:center}.team:before{content:"";position:absolute;left:0;top:4px;width:5px;height:5px;border-radius:2px;background:var(--orange)}.team-blue:before{background:var(--blue)}.team small{font-size:9px;font-weight:400;color:#91a18e;display:block;margin-top:5px}.score-divider{font-size:25px;color:#bacab6;margin:0 1px}.score-bottom{display:flex;justify-content:center;gap:10px;font-size:10px;color:#899c86;margin-top:13px}.score-bottom i{height:9px;width:1px;background:#dfe7d4;margin-top:2px}.live-status{display:flex;flex-direction:column;align-items:flex-end;gap:10px;padding-top:3px}.pill.live{background:#f3f9ed;border-color:#d0e3d3;font-size:10px;color:#5b8970;padding:7px 10px}.pill.live .icon{color:#81a87d}.connection{font-size:10px;color:#82a088;display:flex;gap:5px;align-items:center}.connection i{width:5px;height:5px;border-radius:50%;background:#6da985}.view-switch{font-size:10px;border:1px solid #d4e6d6;border-radius:10px;padding:7px 9px;color:#608575;background:#f5f9ed}.view-switch span{color:#9eb4a2;margin-left:9px}.match-field{flex:1;min-height:0;position:relative;margin-top:-5px}.match-field canvas{width:100%;height:100%;display:block}.field-status{position:absolute;left:28px;top:14px;font-size:11px;background:#fff9e9;padding:9px 14px;border-radius:11px;display:flex;gap:8px;align-items:center;color:#b67442;border:1px solid #f1dcbf;box-shadow:0 5px 16px #57855206}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--orange)}.field-status.blue-note{background:#edf5ff;border-color:#cddff0;color:#4774ae}.blue-note .status-dot{background:var(--blue)}.field-tip{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);white-space:nowrap;font-size:11px;background:#fffdf0e8;color:#648675;padding:9px 14px;border-radius:12px;display:flex;align-items:center;gap:7px}.field-tip .icon{width:13px;height:13px;color:#bb9a5f}.field-legend{position:absolute;bottom:10px;left:0;display:flex;gap:13px;font-size:9px;color:#7e9b8b}.field-legend span{display:flex;align-items:center;gap:5px}.field-legend i{width:5px;height:5px;border-radius:50%;background:var(--orange)}.field-legend .blue{background:var(--blue)}.field-legend .ball{background:#fff7d8;border:1px solid #b7be92}.control-dock{min-height:160px;flex-shrink:0;background:var(--cream);border-radius:25px;display:grid;grid-template-columns:220px 1fr 290px;padding:23px 27px;gap:25px;box-shadow:0 15px 28px #2f695215;border:1px solid #fbfcf0}.dock-context{display:flex;gap:16px;align-items:center;border-right:1px solid #e0e7d7;padding-right:23px}.runner-avatar{height:54px;width:45px;background:#ffdfb7;border-radius:17px;color:var(--orange-dark);font-size:25px;font-weight:800;display:grid;place-items:center;position:relative}.runner-avatar:before{content:"";width:30px;height:7px;border-radius:5px;background:var(--orange);position:absolute;top:-3px;left:8px}.dock-context .eyebrow{font-size:10px;letter-spacing:.6px}.dock-context h2{font-size:19px;margin:8px 0 4px;white-space:nowrap}.dock-context p{font-size:10px;color:#8a9b83}.dock-context .context-icon{height:52px;width:46px;display:grid;place-items:center;border-radius:16px;background:#e7f0ff;color:var(--blue)}.dock-context .context-icon .icon{width:29px;height:29px}.dock-action{display:flex;flex-direction:column;gap:10px}.run-buttons,.base-buttons{display:flex;gap:8px}.action-button{border:1px solid #e2e5d3;background:#f4f5e8;min-height:57px;border-radius:12px;padding:9px 13px;display:flex;align-items:center;justify-content:center;gap:7px;position:relative;flex:1;font-size:12px;font-weight:700;white-space:nowrap}.action-button .icon{width:17px;height:17px}.run-buttons .action-button{flex-wrap:wrap;row-gap:5px}.action-button small{display:block;font-size:9px;font-weight:400;flex-basis:100%;text-align:center;color:#99a68c}.action-button.primary{background:var(--orange);border-color:var(--orange);color:white;box-shadow:0 3px 0 #d2623b}.action-button.primary small{color:#ffecd9}.action-button.selected-cream{background:#fff0d9;border-color:#efc993;color:#ab7840}.action-button.selected-cream small{color:#aa906b}.action-button.selected-blue{background:var(--blue);color:white;border-color:var(--blue);box-shadow:0 3px 0 #305f9b}.base-buttons .action-button{min-height:57px;min-width:68px}.base-buttons small{flex-basis:auto;background:#e6eada;border-radius:5px;width:15px;height:15px;line-height:15px;color:#93a387;font-size:8px;margin-left:3px}.base-buttons .selected-blue small{background:#7098d4;color:#e8f1ff}.action-caption{font-size:9px;color:#87997d}.dock-extra{padding-left:23px;border-left:1px solid #e0e7d7;display:flex;flex-direction:column;justify-content:center;gap:10px}.runner-chips{display:flex;gap:5px}.runner-chips button{font-size:10px;padding:9px 9px;border-radius:8px;background:#f0f2e4;border:1px solid #e3e9d6;color:#879b83;white-space:nowrap;min-height:34px}.runner-chips button.selected{background:#ffe8cf;border-color:#f2c591;color:#b67a42}.runner-chips button.unavailable-chip{color:#b1bba5;background:#f3f4ea}.unavailable{font-size:9px;color:#a3af94;display:flex;gap:5px;align-items:center;line-height:1.6}.unavailable .icon{width:11px;height:11px}.dock-extra .button{height:44px;font-size:12px}.dock-extra p{font-size:10px;color:#8b9b82}.match-bottom{display:flex;align-items:center;justify-content:space-between;height:33px;flex-shrink:0;font-size:10px;color:#7c9789;margin-top:7px}.match-bottom>span:first-child{display:flex;align-items:center;gap:5px}.match-bottom .icon{width:12px;height:12px;color:#8fae84}.review-nav{min-height:52px;background:#263e37;color:#d8e7dc;display:flex;align-items:center;justify-content:space-between;padding:10px 25px;gap:16px}.review-label{font-size:11px;font-weight:700}.review-label small{font-size:9px;font-weight:400;color:#9bb3a5;margin-left:9px}.review-nav>div{display:flex;gap:6px;flex-wrap:wrap}.review-nav a{font-size:10px;padding:8px 10px;border-radius:8px;color:#bacdc1}.review-nav a span{font-size:8px;color:#839d8a;margin-right:4px}.review-nav a[aria-current]{background:#3e5c4e;color:white}.review-nav a:hover{background:#3e5c4e}
@media(min-width:1600px){.page{padding-left:80px;padding-right:80px}.home-hero{grid-template-columns:.8fr 1.2fr}}
@media(max-width:1100px) and (min-width:701px){.mode-tabs a{min-width:105px;padding:0 10px}.nickname{display:none}.page{padding-left:25px;padding-right:25px}.hero-copy h1{font-size:38px}.match-meta{grid-template-columns:1fr 300px 150px}.role-heading h1{font-size:19px}.control-dock{grid-template-columns:170px 1fr 190px;gap:15px;padding:20px}.dock-context{padding-right:13px;gap:9px}.dock-extra{padding-left:13px}.run-buttons .action-button{padding:8px;font-size:10px}.runner-chips{flex-wrap:wrap}.learning-layout{grid-template-columns:200px 1fr}}
.unavailable-action{background:#f0f2e8!important;border-color:#e6e9dc!important;color:#b1baa3!important}.unavailable-action small{color:#b1baa3!important}
.match-page{position:relative}.match-meta{position:absolute;top:25px;left:30px;right:30px}.match-field{margin-top:0}.field-status{top:120px}
.lesson-scene-picker{display:flex;align-items:center;gap:14px}.scenario-picker{background:#f7faf0;border:1px solid #d3e4d5;border-radius:10px;padding:9px 11px;font-size:11px;color:#648873;display:flex;align-items:center;gap:6px}.scenario-picker .icon{width:12px;height:12px}.team-orange:before{background:var(--orange)}