/* Daily mission. Uses the portal tokens (--bg, --surface, --line, --yellow…). */
.ms{--ms-gap:16px;display:grid;gap:var(--ms-gap)}
.ms-eyebrow{font-size:10px;letter-spacing:.14em;font-weight:650;color:var(--yellow)}
.ms-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.ms-head h1{margin:6px 0;font-size:28px}
.ms-head p{margin:0;font-size:12px}
.ms-chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ms-layout{display:grid;grid-template-columns:minmax(0,1fr) 372px;gap:var(--ms-gap);align-items:start}
.ms-main,.ms-side,.ms-sec{display:grid;gap:var(--ms-gap);min-width:0}
.ms-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.ms-section-head h2{margin:0;font-size:15px}
.ms-section-head span{font-size:11px;color:var(--muted)}
.ms-meter{height:5px;border-radius:4px;background:#2a2b30;overflow:hidden;margin-top:8px}
.ms-meter span{display:block;height:100%;border-radius:4px;background:var(--yellow);transition:width .6s}
.ms-note{margin:0;font-size:12px;line-height:1.55;color:var(--muted)}
.ms-note strong{color:var(--text)}
.ms-note svg{width:13px;height:13px;vertical-align:-2px}
.ms-note.is-ok{color:var(--green)}
.ms-inline{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.ms-divider{height:1px;background:#2a2b30}
.text-button.is-current{color:var(--yellow)}
.ms-icon-button{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:transparent;color:#b4b6bd;flex-shrink:0}
.ms-icon-button:hover{background:#292a2e;color:#fff}
.ms-ghost{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 11px;border-radius:8px;background:transparent;border:1px solid #3b3d42;color:#cdd0d5;font-size:11px;font-weight:600;white-space:nowrap}
.ms-ghost:hover{border-color:#6a6c73;color:#fff}
.ms-ghost svg{width:13px;height:13px}

/* chevrons: the grade of a phase */
.ms-chevrons{display:inline-flex;gap:3px;align-items:center}
.ms-chevrons svg{width:18px;height:8px;fill:none;stroke:#44464d;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.ms-chevrons svg.is-on{stroke:var(--yellow)}
.ms-chevrons.is-large svg{width:34px;height:15px;stroke-width:2.4}
.ms-chevrons.is-hero{flex-direction:column-reverse;gap:5px}
.ms-chevrons.is-hero svg{width:104px;height:44px;stroke-width:2.2}
.ms-chevrons.is-hero svg.is-on{stroke-dasharray:30;stroke-dashoffset:30;animation:ms-draw .5s ease-out forwards}
.ms-chevrons.is-hero svg.is-on:nth-child(2){animation-delay:.22s}
.ms-chevrons.is-hero svg.is-on:nth-child(3){animation-delay:.44s}
@keyframes ms-draw{to{stroke-dashoffset:0}}

/* status bar */
.ms-hud{display:flex;gap:8px;align-items:stretch}
.ms-hud-item,.ms-hud-xp{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);text-align:left}
.ms-hud-item svg{width:17px;height:17px;color:#8d919b}
.ms-hud-item b{font-size:17px;font-weight:800;font-variant-numeric:tabular-nums}
.ms-hud-item small{font-size:10px;color:var(--muted);line-height:1.15}
.ms-hud-item.is-hot svg{color:var(--yellow)}
.ms-hud-item.is-hot{border-color:#5a4d16}
.ms-hud-item.is-risk svg{color:var(--red)}
.ms-hud-item.is-risk{border-color:#5d3a39}
.ms-hud-xp{flex:1;display:grid;gap:7px;min-width:0;font-size:11px;color:var(--muted)}
.ms-hud-xp b{font-size:17px;color:var(--text);font-weight:800;font-variant-numeric:tabular-nums}
.ms-hud-xp .ms-meter{margin:0}
.ms-hud-xp.is-met .ms-meter span{background:var(--green)}
button.ms-hud-item:hover,button.ms-hud-xp:hover{border-color:#55575e}

/* tracks and the phase map */
.ms-tracks{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
.ms-tracks::-webkit-scrollbar{display:none}
.ms-track{flex:0 0 auto;display:grid;gap:2px;text-align:left;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:#b9bcc4;min-width:150px}
.ms-track strong{font-size:12px;white-space:nowrap}
.ms-track small{font-size:10px;color:var(--muted);white-space:nowrap}
.ms-track.is-on{border-color:var(--yellow);background:#24210f;color:var(--text)}
.ms-map-panel{padding:0;overflow:hidden}
.ms-map-head{padding:20px 20px 14px}
.ms-map-head h2{margin:4px 0 0;font-size:20px}
.ms-play{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 16px 4px;padding:13px 14px 13px 16px;border-radius:12px;border:1px solid #4a431c;background:linear-gradient(135deg,#2b2710,#1d1e21 75%)}
.ms-play>div{display:grid;gap:2px;min-width:0}
.ms-play small{font-size:9px;letter-spacing:.12em;color:var(--yellow);font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ms-play strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ms-play .primary{min-height:48px;padding:12px 18px;font-size:13px;font-weight:700;white-space:nowrap;flex-shrink:0}
.ms-play .primary svg{width:15px;height:15px;fill:currentColor}
.ms-map{position:relative;padding:10px 16px 22px}
.ms-map-path{position:absolute;left:16px;top:10px;width:var(--column);height:auto;overflow:visible;pointer-events:none}
.ms-map-path path{fill:none;stroke:#2f3136;stroke-width:6;stroke-linecap:round}
.ms-map-path path.is-done{stroke:#8b7a1e}
.ms-map ol{list-style:none;margin:0;padding:0;position:relative}
.ms-map-lesson{position:relative;z-index:2;height:calc(var(--head) - 10px);margin:5px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 10px 0 14px;border-radius:10px;border:1px solid #303238;background:#202125}
.ms-map-lesson>div{display:grid;min-width:0}
.ms-map-lesson small{font-size:9px;letter-spacing:.12em;color:var(--muted);font-weight:650}
.ms-map-lesson strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ms-phase{position:relative;height:var(--row);display:grid;grid-template-columns:var(--column) minmax(0,1fr);align-items:center}
.ms-node{position:absolute;left:calc(var(--x) - 35px);top:50%;margin-top:-35px;width:70px;height:70px;border-radius:50%;padding:4px;z-index:1;background:conic-gradient(var(--yellow) calc(var(--p) * 1%),#3a3c42 0);transition:transform .12s}
.ms-node:active{transform:scale(.95)}
.ms-node-core{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;background:#1b1c1f;border:3px solid var(--surface);font-size:18px;font-weight:800;color:#c9ccd3;font-variant-numeric:tabular-nums}
.ms-node-core svg{width:20px;height:20px}
.ms-phase.is-cleared .ms-node{background:var(--yellow)}
.ms-phase.is-cleared .ms-node-core{background:var(--yellow);color:#17170f;border-color:rgba(23,23,15,.28)}
.ms-phase.is-current .ms-node{background:var(--yellow);box-shadow:0 0 0 7px rgba(243,211,46,.14);animation:ms-pulse 2.2s ease-in-out infinite}
.ms-phase.is-current .ms-node-core{color:var(--yellow);font-size:20px}
.ms-phase.is-open .ms-node{background:#8b7a1e}
.ms-phase.is-open .ms-node-core{color:var(--yellow)}
.ms-phase.is-locked .ms-node{background:#2a2b30}
.ms-phase.is-locked .ms-node-core{background:#17181a;color:#565962}
@keyframes ms-pulse{50%{box-shadow:0 0 0 12px rgba(243,211,46,.05)}}
.ms-phase-info{grid-column:2;display:grid;gap:5px;justify-items:start;min-width:0;padding:0 4px 0 14px}
.ms-phase-info>small{font-size:9px;letter-spacing:.12em;color:#8d919b;font-weight:650}
.ms-phase-info>span{font-size:12px;color:#b3b6be;line-height:1.4}
.ms-phase.is-locked .ms-phase-info{opacity:.55}
.ms-phase.is-current .ms-phase-info>span{color:var(--text)}
.ms-tag{font-style:normal;font-size:9px;letter-spacing:.1em;font-weight:700;color:#17170f;background:var(--yellow);border-radius:4px;padding:2px 7px}
.ms-tag.is-plan{background:transparent;color:var(--yellow);border:1px solid #5a4d16}
.ms-due{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--yellow)}
.ms-due svg{width:12px;height:12px}

/* today */
.ms-today{padding:20px;border-radius:12px;border:1px solid var(--line);background:var(--surface);display:flex;align-items:center;gap:18px}
.ms-ring{width:120px;height:120px;flex-shrink:0}
.ms-ring circle{fill:none;stroke-width:9}
.ms-ring-track{stroke:#2c2d32}
.ms-ring-value{stroke:var(--yellow);stroke-linecap:round;transform:rotate(-90deg);transform-origin:60px 60px;transition:stroke-dashoffset .9s cubic-bezier(.2,.8,.2,1)}
.ms-ring.is-met .ms-ring-value{stroke:var(--green)}
.ms-ring text{stroke:none;text-anchor:middle}
.ms-ring-number{fill:var(--text);font-size:30px;font-weight:700}
.ms-ring-caption{fill:var(--muted);font-size:10px}
.ms-today-side{display:grid;gap:10px;min-width:0;flex:1}
.ms-today-side>strong{font-size:14px;line-height:1.4}
.ms-today-side>strong.is-met{color:var(--green)}
.ms-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0}
.ms-stats div{padding:8px;border:1px solid #33353a;border-radius:8px;background:#1f2023}
.ms-stats dt{font-size:10px;color:var(--muted)}
.ms-stats dd{margin:2px 0 0;font-size:17px;font-weight:650;font-variant-numeric:tabular-nums}
.ms-week{padding:20px}
.ms-week-days{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.ms-week-days li{display:grid;justify-items:center;gap:6px;padding:8px 2px;border-radius:10px;border:1px solid transparent}
.ms-week-days li.is-now{border-color:#3d3f45;background:#202125}
.ms-week-bar{height:48px;width:9px;border-radius:6px;background:#28292d;display:flex;align-items:flex-end;overflow:hidden}
.ms-week-bar span{display:block;width:100%;border-radius:6px;background:#5b5d64;transition:height .6s}
.ms-week-days .is-active .ms-week-bar span{background:var(--yellow)}
.ms-week-mark{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#28292d;color:#7d818b}
.ms-week-mark svg{width:12px;height:12px}
.ms-week-days .is-active .ms-week-mark{background:var(--yellow);color:#17170f}
.ms-week-days .is-frozen .ms-week-mark{background:#1d2f3a;color:#8fc7e6}
.ms-week-days .is-today .ms-week-mark{color:var(--yellow);background:var(--yellow-soft)}
.ms-week-days b{font-size:10px;font-weight:600}
.ms-week-days small{font-size:10px;color:var(--muted);min-height:15px;font-variant-numeric:tabular-nums}
.ms-fronts{padding:20px}
.ms-front{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #2a2b30}
.ms-front:first-of-type{border-top:0;padding-top:0}
.ms-front:last-of-type{padding-bottom:0}
.ms-front-main strong{display:block;font-size:12px}
.ms-front-main small{color:var(--muted);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ms-front-value{font-size:14px;font-weight:650;min-width:30px;text-align:right;font-variant-numeric:tabular-nums}
.ms-front .secondary{min-height:34px;padding:7px 12px;min-width:74px}

/* side cards */
.ms-card{padding:20px;display:grid;gap:14px}
.ms-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.ms-card-head h3{margin:0;display:flex;gap:8px;align-items:center;font-size:13px}
.ms-card-head h3 svg{width:16px;height:16px;color:var(--yellow)}
.ms-card>.ms-meter{margin:0}
.ms-card>button,.ms-card>a{justify-self:start}
.ms-level{display:flex;gap:14px;align-items:center}
.ms-level-badge{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--yellow);color:#17170f;font-size:20px;font-weight:800;flex-shrink:0}
.ms-level strong{display:block;font-size:15px}
.ms-level small{color:var(--muted)}
.ms-streak{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ms-streak>div{padding:12px 10px;border:1px solid #33353a;border-radius:8px;background:#1f2023;display:grid;gap:4px;align-content:start}
.ms-streak small{font-size:10px;color:var(--muted);line-height:1.3}
.ms-streak-number{display:inline-flex;gap:5px;align-items:center;font-size:20px;font-weight:700;height:30px;font-variant-numeric:tabular-nums}
.ms-streak-number svg{width:17px;height:17px;color:var(--yellow)}
.ms-streak.is-risk .ms-streak-number svg{color:var(--red)}
.ms-shields{display:inline-flex;gap:4px;height:30px;align-items:center}
.ms-shields span{color:#4a4c53;display:inline-flex}
.ms-shields span.is-on{color:#8fc7e6}
.ms-rank{display:flex;gap:14px;align-items:center}
.ms-rank strong{font-size:38px;line-height:1;font-weight:800;color:var(--yellow)}
.ms-rank span{font-size:12px;color:#c6c9cf;line-height:1.4}
.ms-rules summary{cursor:pointer;display:flex;gap:8px;align-items:center;font-size:12px;font-weight:600;list-style:none}
.ms-rules summary::-webkit-details-marker{display:none}
.ms-rules summary svg{width:15px;height:15px;color:var(--muted)}
.ms-rules ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:12px;color:#c6c9cf}
.ms-rules b{color:var(--yellow)}

/* states */
.ms-empty{display:flex;gap:16px;align-items:center;padding:24px;flex-wrap:wrap}
.ms-empty>svg{width:28px;height:28px;color:var(--muted)}
.ms-empty>div{flex:1;min-width:200px}
.ms-empty strong{display:block}
.ms-empty small{color:var(--muted)}
.ms-skeleton{height:110px;border-radius:12px;background:linear-gradient(100deg,#1b1c1f 30%,#27282c 50%,#1b1c1f 70%);background-size:300% 100%;animation:ms-shimmer 1.4s linear infinite}
.ms-skeleton-hud{height:58px}
.ms-skeleton-map{height:560px}
.ms-skeleton-tall{height:200px}
.ms-skeleton-line{height:12px;width:40%;border-radius:6px}
.ms-skeleton-title{height:56px}
.ms-skeleton-option{height:58px}
.ms-loading-note{margin:0;text-align:center;font-size:12px}
@keyframes ms-shimmer{to{background-position:-150% 0}}
@keyframes ms-rise{from{opacity:0;transform:translateY(14px)}}

/* home strip + nav + mobile tab bar */
.ms-home{display:flex;align-items:center;gap:18px;padding:14px 18px;margin-bottom:22px;border:1px solid #3a3620;border-radius:12px;background:linear-gradient(135deg,#26230f,#1b1c1f 60%)}
.ms-home-ring .ms-ring{width:60px;height:60px}
.ms-home-ring .ms-ring-caption{display:none}
.ms-home-ring .ms-ring-number{font-size:36px;transform:translateY(12px)}
.ms-home-main{display:grid;gap:3px;flex:1;min-width:0}
.ms-home-main strong{font-size:15px}
.ms-home-main small{color:var(--muted);display:flex;gap:5px;align-items:center}
.ms-home-main small svg{width:13px;height:13px;color:var(--yellow)}
.ms-home .primary svg{width:14px;height:14px;fill:currentColor}
.ms-nav-dot{width:7px;height:7px;border-radius:50%;background:var(--red);margin-left:auto}
.ms-tabbar{display:none}

/* focus layer */
#ms-focus{position:fixed;inset:0;z-index:80;background:rgba(10,11,12,.86);backdrop-filter:blur(6px);display:grid;place-items:center;padding:24px}
#ms-focus[hidden]{display:none}
body.ms-focus-open{overflow:hidden}
.ms-focus-frame{width:min(720px,100%);height:min(860px,100%);display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line);border-radius:16px;overflow:hidden;animation:ms-rise .28s cubic-bezier(.2,.8,.2,1)}
.ms-focus-frame.is-sheet{height:auto;width:min(460px,100%)}
.ms-focus-bar{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid #25262a}
.ms-segments{flex:1;display:flex;gap:6px}
.ms-segments span{flex:1;height:6px;border-radius:4px;background:#2a2b30;transition:background .3s}
.ms-segments .is-now{background:#6a6c73}
.ms-segments .is-right{background:var(--green)}
.ms-segments .is-wrong{background:var(--red)}
.ms-combo{font-size:10px;letter-spacing:.06em;font-weight:700;color:#17170f;background:var(--yellow);border-radius:999px;padding:3px 9px;white-space:nowrap;animation:ms-rise .25s}
.ms-focus-xp{display:inline-flex;gap:5px;align-items:center;font-size:13px;font-weight:700;color:var(--yellow);min-width:44px;justify-content:flex-end;font-variant-numeric:tabular-nums}
.ms-focus-xp svg{width:14px;height:14px}
.ms-focus-body{flex:1;overflow-y:auto;padding:24px 26px;display:flex;flex-direction:column;gap:16px;overscroll-behavior:contain}
.ms-question-context{display:flex;gap:6px 14px;flex-wrap:wrap;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ms-question-context span:first-child{color:var(--yellow);font-weight:650}
.ms-prompt{font-size:19px;line-height:1.5;margin:0;font-weight:600;white-space:pre-wrap}
.ms-options{display:grid;gap:10px}
.ms-option{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;text-align:left;min-height:58px;padding:13px 16px;border-radius:12px;border:1px solid #34363b;background:#1b1c1f;color:var(--text);font-size:14px;line-height:1.45;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}
.ms-option:hover:not(:disabled){border-color:#5c5f67;background:#212226}
.ms-option:active:not(:disabled){transform:scale(.985)}
.ms-option:disabled{opacity:1;cursor:default}
.ms-option b{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#26272b;border:1px solid #3a3c42;font-size:12px;color:#b9bcc4}
.ms-option.is-picked{border-color:var(--yellow);background:#24210f}
.ms-option.is-picked b{background:var(--yellow);border-color:var(--yellow);color:#17170f}
.ms-option.is-right{border-color:var(--green);background:#16261e}
.ms-option.is-right b{background:var(--green);border-color:var(--green);color:#0f1a14}
.ms-option.is-wrong{border-color:var(--red);background:#2a1a1a}
.ms-option.is-wrong b{background:var(--red);border-color:var(--red);color:#1f1010}
.ms-option.is-off{opacity:.45}
.ms-feedback{border-radius:12px;padding:16px 18px;border:1px solid;display:grid;gap:8px;animation:ms-rise .25s}
.ms-feedback.is-right{border-color:#2f5a45;background:#14221b}
.ms-feedback.is-wrong{border-color:#5d3a39;background:#241717}
.ms-feedback-head{display:flex;gap:10px;align-items:center}
.ms-feedback-head strong{flex:1;font-size:14px}
.ms-feedback-head span{font-size:12px;font-weight:650;color:var(--yellow);white-space:nowrap}
.ms-feedback.is-right .ms-feedback-head svg{color:var(--green)}
.ms-feedback.is-wrong .ms-feedback-head svg{color:var(--red)}
.ms-feedback p{margin:0;color:#d0d2d7;font-size:13px;line-height:1.6}
.ms-feedback small{display:flex;gap:6px;align-items:center;color:var(--muted)}
.ms-feedback small svg{width:12px;height:12px}
.ms-focus-foot{padding:14px 18px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #25262a;display:flex;justify-content:flex-end;gap:10px}
.ms-focus-foot .primary{min-height:50px;min-width:190px;font-size:14px;font-weight:700}
.ms-focus-foot .ms-note{flex:1;align-self:center}
.ms-focus-error{margin:0;color:var(--red);font-size:12px;display:flex;gap:8px;align-items:flex-start;line-height:1.5}
.ms-focus-error svg{width:14px;height:14px;margin-top:2px}
.ms-focus-wait{margin:6px 0 0;font-size:12px;text-align:center}
.ms-focus-message{margin:auto;text-align:center;display:grid;gap:10px;justify-items:center;max-width:380px}
.ms-focus-message>svg{width:34px;height:34px;color:var(--red)}
.ms-focus-message h2,.ms-focus-message p{margin:0}

/* phase briefing */
.ms-sheet-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:20px 16px 4px 22px}
.ms-sheet-head h2{margin:6px 0 0;font-size:19px;line-height:1.3}
.ms-sheet-body{padding:12px 22px 20px;display:grid;gap:14px}
.ms-sheet-marks{display:grid;gap:8px;justify-items:start}
.ms-sheet-marks small{font-size:11px;color:var(--muted)}
.ms-sheet-lesson{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;background:#1b1c1f;border:1px solid #303238;font-size:12px}
.ms-sheet-lesson span{display:inline-flex;gap:7px;align-items:center}
.ms-sheet-lesson svg{width:14px;height:14px;color:var(--muted)}
.is-sheet .ms-focus-foot .primary{flex:1}

/* phase result */
.ms-summary h2{font-size:26px;margin:0}
.ms-summary-detail{margin:-8px 0 0;font-size:13px}
.ms-summary-marks{display:grid;place-items:center;padding:8px 0 2px;min-height:150px}
.ms-summary-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px}
.ms-summary-grid>div{padding:14px;border-radius:10px;border:1px solid #33353a;background:#1b1c1f;display:grid;gap:4px;align-content:start}
.ms-summary-grid span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ms-summary-grid strong{font-size:26px;font-weight:800;display:flex;gap:6px;align-items:center;font-variant-numeric:tabular-nums}
.ms-summary-grid strong svg{width:21px;height:21px;color:var(--yellow)}
.ms-summary-grid small{color:var(--muted);font-size:11px}
.ms-summary-grid .is-main{border-color:#5a4d16;background:#24210f}
.ms-summary-grid .is-main strong{color:var(--yellow)}
.ms-summary-grid .is-hot{border-color:#5a4d16}
.ms-summary-flag{margin:0;padding:10px 14px;border-radius:8px;background:var(--yellow-soft);color:var(--yellow);font-size:12px;font-weight:600;display:flex;gap:8px;align-items:center}
.ms-summary-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ms-summary-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border-radius:8px;background:#1b1c1f;font-size:12px}
.ms-summary-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c6c9cf}
.ms-summary-list em{font-style:normal;font-size:10px;color:var(--muted)}
.ms-summary-list .is-right>svg{color:var(--green)}
.ms-summary-list .is-wrong>svg{color:var(--red)}
.ms-focus-foot.is-split .secondary{min-height:50px}
.ms-focus-foot.is-split .primary{flex:1;min-width:0;width:auto}

/* rhythm setup */
.ms-wizard-sub{margin:-8px 0 4px;font-size:13px}
.ms-option-wide span{display:grid;gap:2px}
.ms-option-wide strong{font-size:14px;display:flex;gap:8px;align-items:center}
.ms-option-wide small{color:var(--muted)}
.ms-option-wide em{font-style:normal;font-size:9px;letter-spacing:.1em;color:#17170f;background:var(--yellow);border-radius:4px;padding:2px 6px;font-weight:700}
.ms-option-wide b{width:42px;height:42px;font-size:14px}
.ms-option-wide b svg{width:17px;height:17px}
.ms-options-grid{grid-template-columns:1fr 1fr}
.ms-option input[type=time]{background:#26272b;border:1px solid #3a3c42;border-radius:6px;color:var(--text);padding:6px 8px;width:120px;color-scheme:dark}
.ms-wizard-note{margin:0;display:flex;gap:8px;align-items:center;padding:12px 14px;border-radius:8px;background:var(--yellow-soft);color:#e6d98a;font-size:12px}
.ms-wizard-note svg{color:var(--yellow)}
.ms-wizard-date{max-width:260px}
.ms-wizard-date input{color-scheme:dark}

/* Alô Você */
.ms-video{padding:0;overflow:hidden}
.ms-player{position:relative;aspect-ratio:16/9;background:#0b0c0d;display:grid;place-items:center}
.ms-player iframe,.ms-player video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.ms-player.is-empty{gap:8px;text-align:center;padding:24px;color:var(--muted);align-content:center;justify-items:center}
.ms-player.is-empty>svg{width:32px;height:32px}
.ms-video-meta{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;padding:20px 22px;flex-wrap:wrap}
.ms-video-meta h2{margin:6px 0 4px;font-size:19px}
.ms-video-meta p{margin:0;font-size:12px;max-width:60ch}
.ms-previous{padding:20px}
.ms-previous ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.ms-previous-item{width:100%;display:flex;gap:12px;align-items:center;text-align:left;padding:10px 12px;border-radius:8px;background:#1f2023;border:1px solid #33353a;color:var(--text)}
.ms-previous-item:hover{border-color:#5c5f67}
.ms-previous-item strong{display:block;font-size:12px}
.ms-previous-item small{color:var(--muted)}
.ms-audios{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ms-audios li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 12px;align-items:center;padding:12px;border-radius:8px;background:#1f2023;border:1px solid #33353a}
.ms-audio-main strong{display:block;font-size:12px}
.ms-audio-main small{color:var(--muted);display:block}
.ms-audio-main audio{width:100%;height:32px;margin-top:8px;color-scheme:dark}
.ms-audios li>.secondary{grid-column:1/-1;min-height:36px;padding:7px 11px}

@media(max-width:1180px){.ms-layout{grid-template-columns:minmax(0,1fr) 330px}}
@media(max-width:980px){.ms-layout{grid-template-columns:1fr}}
/* Phone: one section at a time, a thumb-reach play button and a bottom tab bar. */
@media(max-width:760px){
  body.ms-route #screen{padding:10px 12px 168px}
  body.ms-route .workspace-header{height:52px}
  .ms{--ms-gap:12px}
  .ms-desktop-only{display:none}
  .ms-hud{position:sticky;top:0;z-index:30;margin:0 -12px;padding:8px 12px;background:var(--bg);border-bottom:1px solid #1e1f22}
  .ms-hud-item{padding:8px 10px;gap:6px}
  .ms-hud-item small{display:none}
  .ms-hud-item.is-exam small{display:block}
  .ms[data-tab="fases"] .ms-side{display:none}
  .ms[data-tab="hoje"] .ms-sec-fases,.ms[data-tab="hoje"] .ms-sec-ranking,.ms[data-tab="ranking"] .ms-sec-fases,.ms[data-tab="ranking"] .ms-sec-hoje,.ms-sec-extra{display:none}
  .ms-head h1{font-size:22px}
  .ms-map-head{padding:16px 16px 10px}
  .ms-map{padding:8px 10px 18px}
  .ms-map-path{left:10px;top:8px}
  .ms[data-tab="fases"] .ms-play{position:fixed;left:10px;right:10px;bottom:calc(66px + env(safe-area-inset-bottom));z-index:39;margin:0;box-shadow:0 10px 30px rgba(0,0,0,.55);background:linear-gradient(135deg,#2f2a10,#1d1e21 80%)}
  .ms-tabbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:40;background:#141517;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}
  .ms-tabbar button{display:grid;justify-items:center;gap:3px;padding:9px 4px 8px;background:transparent;color:#80848d;font-size:10px;font-weight:600}
  .ms-tabbar button svg{width:21px;height:21px}
  .ms-tabbar button.is-on{color:var(--yellow)}
  .ms-today{padding:16px;gap:14px}
  .ms-ring{width:104px;height:104px}
  .ms-front{grid-template-columns:auto minmax(0,1fr) auto}
  .ms-front>a,.ms-front>button{grid-column:2/-1;justify-self:start}
  #ms-focus{padding:0;place-items:end center}
  .ms-focus-frame{height:100%;border-radius:0;border:0}
  .ms-focus-frame.is-sheet{height:auto;width:100%;border-radius:18px 18px 0 0;border-top:1px solid var(--line)}
  .ms-focus-body{padding:18px 16px}
  .ms-prompt{font-size:17px}
  .ms-focus-foot .primary{width:100%}
  .ms-summary-grid{grid-template-columns:1fr 1fr}
  .ms-summary-grid .is-main{grid-column:1/-1}
  .ms-summary-marks{min-height:124px}
  .ms-chevrons.is-hero svg{width:84px;height:36px}
  .ms-options-grid{grid-template-columns:1fr}
  .ms-home{flex-wrap:wrap}
  .ms-home .primary{width:100%}
  .ms-video-meta .primary{width:100%}
}
@media(prefers-reduced-motion:reduce){.ms *,#ms-focus *{animation:none!important;transition:none!important}.ms-chevrons.is-hero svg.is-on{stroke-dashoffset:0}}
body.live-no-motion .ms *,body.live-no-motion #ms-focus *{animation:none!important;transition:none!important}
body.live-no-motion .ms-chevrons.is-hero svg.is-on{stroke-dashoffset:0}