@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url('/new-design/assets/8f9722a91349/font-preview/fonts/outfit-variable.ttf') format('truetype');}
/* Emil design direction, applied to the complete MSFWAR application. */
:root {
  color-scheme: dark;
  --msf-bg: #101216; --msf-surface: #191c22; --msf-raised: #22262e;
  --msf-line: #343944; --msf-text: #f3f4f6; --msf-muted: #a5adbb;
  --msf-accent: #ec6473; --msf-accent-soft: #382127;
  --msf-ease: cubic-bezier(.23,1,.32,1);
}
body[data-msf-design] { --bg:var(--msf-bg);--surface:var(--msf-surface);--text:var(--msf-text);--muted:var(--msf-muted); background:var(--msf-bg)!important;color:var(--msf-text);font-family:Outfit,system-ui,sans-serif;line-height:1.5; }
body.crucible-mode { --msf-accent:#79b6f7;--msf-accent-soft:#1c2c40; }
body.arena-mode { --msf-accent:#cbd2de;--msf-accent-soft:#2b303a; }
html { scroll-padding-top:100px; }
body::before,body::after { pointer-events:none; }
button,input,select,textarea { font:inherit; }
button,[role=button],a { -webkit-tap-highlight-color:transparent; }
button { touch-action:manipulation; }
button:disabled { cursor:not-allowed;opacity:.5; }
:where(button,a,input,select,textarea,[tabindex]):focus-visible { outline:2px solid #a9d3ff!important;outline-offset:3px!important; }
:where(input,textarea,select) { color:var(--msf-text);accent-color:var(--msf-accent); }
:where(input,textarea)::placeholder { color:#909aaa!important;opacity:1; }
[hidden] { display:none!important; }
.msf-test-banner { position:relative;z-index:100;background:#20322c;border-bottom:1px solid #375449;color:#d7e8dc;font-size:12px;line-height:1.4;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;padding:9px 16px;text-align:center; }
.msf-test-banner strong { font-weight:650; }
.msf-test-banner a { color:inherit;text-decoration:underline;text-underline-offset:3px; }
.msf-test-banner button { border:0;background:none;color:inherit;text-decoration:underline;font-size:inherit;cursor:pointer; }
.msf-load-error { padding:16px;text-align:center;background:#3b262b;color:#ffe1e4; }
.msf-load-error button { margin-left:12px;padding:8px 12px;border:1px solid #d1949d;border-radius:8px;background:#57333b;color:white;cursor:pointer; }
.msf-skip { position:fixed;top:-80px;left:16px;z-index:100001;padding:12px 18px;border-radius:8px;background:#eef5ff;color:#15191f; }
.msf-skip:focus { top:12px; }
body #msfTopNav { position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;width:min(1200px,calc(100% - 112px))!important;margin:18px auto 0!important;min-height:44px; }
body #hamburgerBtn,body #cruSettingsBtn { top:61px!important;min-width:40px;min-height:40px;border:1px solid var(--msf-line)!important;border-radius:10px!important;background:var(--msf-surface)!important;box-shadow:none!important; }
body #hamburgerBtn { left:16px!important; }
body #cruSettingsBtn { right:16px!important; }
body #hamburgerMenu { top:108px!important;max-height:calc(100dvh - 128px)!important;background:#191c22!important;border:1px solid #3b414c!important;border-radius:14px!important;box-shadow:0 18px 60px #0008!important; }
#hamburgerMenu :where(button,a) { min-height:37px; }
.msf-nav-brand { display:flex;align-items:center;gap:8px;font-size:16px;font-weight:750;letter-spacing:-.035em;text-decoration:none;color:var(--msf-text);white-space:nowrap; }
.msf-nav-brand img { width:34px;height:34px;object-fit:contain; }
body[data-msf-design] #msfTopNav { display:flex!important;align-items:center!important;gap:22px!important; }
body[data-msf-design] #tnBrandBtn { display:none!important; }
body[data-msf-design] .msf-nav-brand { margin-right:auto; }
body[data-msf-design] #megaphoneMan { position:relative!important;inset:auto!important;transform:none!important; }
body[data-msf-design] #counterSpan { color:var(--msf-text)!important;display:inline-flex!important;align-items:center!important; }
body[data-msf-design] .search-input-row { display:flex!important;flex-direction:column!important;align-items:stretch!important; }
body[data-msf-design] .search-main-row { display:flex!important;width:100%!important;align-items:flex-end!important; }
body[data-msf-design] .search-main-row .input-wrap { flex:1!important;min-width:0!important; }
body[data-msf-design] #searchBtn { width:auto!important;min-width:136px!important;flex:0 0 auto!important;text-transform:none!important;letter-spacing:0!important; }
body[data-msf-design] #offenseBtn { width:auto!important;height:38px!important;min-height:38px!important;align-self:flex-start!important; }
body #searchPage { width:min(1060px,calc(100% - 48px))!important;max-width:none!important;height:auto!important;min-height:calc(100dvh - 130px)!important;margin:0 auto!important;padding:40px 0 24px!important;justify-content:flex-start!important;gap:0!important; }
body #searchPage .logo-wrap { width:100%;margin:20px auto 30px!important; }
.msf-mode-tabs { display:flex;justify-content:center;gap:4px;width:max-content;max-width:100%;padding:4px;margin:0 auto 24px;background:#191c22;border:1px solid #343944;border-radius:12px; }
.msf-mode-tabs button { font-family:Outfit,system-ui,sans-serif;font-size:14px;font-weight:600;min-height:40px;min-width:96px;padding:8px 18px;border-radius:8px;border:1px solid transparent;background:transparent;color:#aab2c0;cursor:pointer; }
.msf-mode-tabs [aria-pressed=true] { color:var(--msf-text);background:var(--msf-accent-soft);border-color:var(--msf-accent); }
body .home-toggle-row { display:none!important; }
body #logoTitle { display:flex!important;justify-content:center;gap:.28em;align-items:baseline;font-family:Outfit,system-ui,sans-serif!important;font-size:clamp(30px,4vw,48px)!important;letter-spacing:-.055em!important;line-height:1.15!important;text-transform:none!important;color:var(--msf-text)!important;text-shadow:none!important; }
body #logoTitle span { font-size:inherit!important;letter-spacing:inherit!important;text-shadow:none!important; }
body #warSpan { color:var(--msf-accent)!important; }
body #counterSpan { display:inline!important; }
body #megaphoneWrap { position:static!important;display:inline-flex!important;vertical-align:middle;margin-left:14px;padding:0!important; }
body #megaphoneImg { width:45px!important;max-width:45px!important; }
body #speechBubble { display:none!important; }
body #welcomeGreeting,body #msfLoginBtnWrap { position:static!important;top:auto!important;left:auto!important;right:auto!important;order:0;margin:0 auto 4px!important;width:auto!important; }
body #msfLoginBtnWrap img { max-height:34px!important; }
.msf-home-description { color:var(--msf-muted);font-size:15px;margin:12px auto 0;max-width:540px;text-align:center; }
body .search-wrap { width:min(640px,100%)!important;max-width:640px!important;margin:0 auto!important; }
body .search-input-row,body .search-main-row { gap:10px!important; }
body .input-wrap { min-width:0; }
.msf-search-label { display:block;text-align:left;font-size:12px;color:var(--msf-muted);font-weight:600;margin:0 0 7px; }
body #searchInput { min-height:52px;background:#191c22!important;border:1px solid #46505e!important;border-radius:10px!important;padding:14px 16px!important;box-shadow:none!important;font-size:16px!important; }
body #searchBtn { align-self:flex-end;min-height:52px;padding:12px 19px;border:1px solid var(--msf-accent)!important;border-radius:10px!important;background:var(--msf-accent)!important;color:#171a20!important;font-size:14px!important;font-weight:750!important;box-shadow:none!important;white-space:nowrap; }
body #offenseBtn { border:1px solid #3c4350!important;color:#d4d9e1!important;border-radius:8px!important;background:#1b1f26!important;min-height:40px;font-size:12px!important; }
body .nav-inline-row { gap:14px!important;margin-top:15px!important; }
body .nav-inline-link { font-size:13px!important;letter-spacing:0!important;min-height:34px;text-transform:none!important; }
body #suggestions,body .cp-suggestions,body .cp-cs-sugg { background:#21262f!important;border:1px solid #4b5361!important;border-radius:10px!important;box-shadow:0 10px 26px #0006!important; }
body #suggestions>div,body .suggestion-item { min-height:42px;padding:10px 14px!important; }
.msf-home-tools { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;margin:32px 0 24px; }
.msf-home-tool { display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;text-align:left;padding:19px 20px;background:#191c22;border:1px solid #343944;border-radius:12px;color:#edf0f5;cursor:pointer; }
.msf-home-tool strong { font-size:14px;font-weight:650; }
.msf-home-tool span { font-size:12px;color:#a5adbb; }
body #counterHomeFooter { position:static!important;bottom:auto!important;left:auto!important;transform:none!important;margin:24px auto 0!important;padding-top:22px!important;width:100%!important;border-top:1px solid #292e37; }
body #counterHomeFooter p { max-width:660px;margin-inline:auto;line-height:1.5; }
body .results-header { position:relative!important;top:auto!important;margin:0 auto 20px!important;padding:20px 0 16px!important;border-bottom:1px solid var(--msf-line)!important;background:transparent!important;box-shadow:none!important;gap:12px; }
body .results-title-block { min-width:0; }
body .results-label { color:#a5adbb!important;font-family:Outfit,system-ui,sans-serif!important;font-size:11px!important;letter-spacing:.08em!important; }
body .results-header :where(.back-btn,.header-btn) { border:1px solid var(--msf-line)!important;background:#1c2027!important;min-height:38px;border-radius:9px!important;box-shadow:none!important; }
body :where(#resultsPage,#listPage,#metasPage,#eventsPage,#inactiveEventsPage,#stormPage,#floorPage,#warTowerPage,#warTowerFloorPage,#fearTowerPage,#fearTowerFloorPage,#bladeTowerPage,#bladeTowerFloorPage,#breakerPage,#breakerNodePage,#dystopiaPage,#dystopiaMissionPage,#cevEventPage,#cevUnitPage,#raidHubPage,#arHubPage,#allianceResPage,#orangeIsoPage,#defensePage,#defenseCruciblePage,#rosterPage,#rosterV2Page,#modControlsPage,#contactPage,#dinerPage,#codesPage,#changelogPage) { width:calc(100% - 48px)!important;max-width:1120px!important;margin:16px auto 0!important;padding:0 0 36px!important; }
body #resultsBody { padding:0!important; }
body .counter-grid { gap:12px!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))!important; }
body :where(.counter-card,.cru-face-card,.cru-counter-card,.fear-ctr-box,.wtf-counter-box,.cev-box,.brk-counter-box) { background:#191d24!important;border:1px solid #3b424e!important;border-radius:12px!important;box-shadow:none!important; }
body :where(.counter-card,.cru-face-card,.cru-counter-card) { padding:18px 16px!important; }
body .counter-card .counter-name { color:#f2f4f8!important;font-size:16px!important;line-height:1.4!important;font-weight:650!important;letter-spacing:0!important;text-shadow:none!important; }
body :where(.cru-face-name,.fear-ctr-name,.cev-box-title,.wtf-counter-title) { font-family:Outfit,system-ui,sans-serif!important;font-size:14px;letter-spacing:0!important;line-height:1.4!important;text-shadow:none!important; }
body :where(.punch-badge,.cru-face-punch,.punch-corner) { font-family:Outfit,system-ui,sans-serif!important;font-size:12px!important;letter-spacing:0!important;border-radius:6px!important;box-shadow:none!important;line-height:1.3!important; }
body .counter-card.has-note::after,body .counter-card.has-note::before { display:none!important; }
body :where(.counter-note-inline,.fear-ctr-note,.cev-text,.brk-counter-note) { font-size:13px!important;line-height:1.65!important;color:#c6cedb!important; }
body .counter-note-hint { color:#9aa5b5;font-size:12px;margin:8px 0 16px; }
.msf-card-notes { min-height:34px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px!important;margin-top:12px;border:1px solid #454d5a!important;border-radius:7px;background:#252b35!important;color:#d7e3f4;font-size:12px!important;cursor:pointer; }
.msf-results-tools { display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px;color:#a5adbb;font-size:12px; }
.msf-results-tools button { border:1px solid #424b58;background:#1c222b;color:#d9e0ea;border-radius:8px;padding:8px 12px;min-height:38px;cursor:pointer; }
body.msf-compact .counter-grid { grid-template-columns:1fr!important; }
body.msf-compact :where(.counter-card,.cru-face-card) { padding:12px 16px!important; }
body.msf-compact .cru-face-row { justify-content:flex-start; }
body.msf-compact .cru-face-row img { max-height:52px!important; }
body :where(.meta-card,.alpha-group,.event-tile,.arhub-card) { border-radius:12px!important;box-shadow:none!important; }
body :where(.meta-card,.alpha-group) { background:#191c22!important;border:1px solid #38404c!important; }
body :where(.meta-card-name,.alpha-team-name,.meta-variant-item) { font-family:Outfit,system-ui,sans-serif!important;letter-spacing:0!important; }
body .event-tile { min-height:84px!important;text-align:left!important;padding:18px 20px!important;border-width:1px!important;background-image:none!important; }
body :where(.evt-tile-name,.cev-tile-name,.event-tile-text) { font-family:Outfit,system-ui,sans-serif!important;font-size:17px!important;letter-spacing:-.02em!important;line-height:1.35!important; }
body :where(.evt-tile-tag,.cev-tile-tag) { font-size:11px!important;letter-spacing:.025em!important; }
.msf-event-intro { margin:0 0 22px;color:#a5adbb;font-size:14px;max-width:660px; }
.msf-event-actions { display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px; }
.msf-event-actions button { min-height:38px;padding:8px 14px;border-radius:8px;border:1px solid #414a56;background:#1c222a;color:#d5deea;cursor:pointer; }
body :where(.floor-title-bar,.wtf-title-bar,.fear-floor-title,.cev-unit-banner,.brk-node-banner) { border-radius:12px!important;box-shadow:none!important;margin:14px 0 20px!important; }
body :where(.fear-floor-title,.cev-hero-title,.wtf-title,.brk-node-title) { font-family:Outfit,system-ui,sans-serif!important;letter-spacing:-.035em!important; }
body :where(.fear-ctr-section,.wtf-counter-section,.cev-blocks) { gap:16px; }
body :where(.wtf-char-img,.cru-face-img,.brk-char-img,.fear-char-img,.cev-char img) { object-fit:contain!important;clip-path:none!important;mask-image:none!important; }
body :where(.wtf-alt-btn,.fear-alt-btn,.cru-alt-btn,.cev-alt-btn,.cn-vote-btn,.cm-vote-btn) { min-width:28px!important;min-height:28px!important; }
body :where(.wtf-char-name,.cru-face-char-name,.fear-char-name,.cev-char-name) { line-height:1.35!important; }
body #cruPlannerPage { width:calc(100% - 48px)!important;max-width:1440px!important;margin:16px auto 0!important;padding:0 0 32px!important; }
body #cpRooms { display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;overflow:visible!important;scroll-snap-type:none!important;padding:0!important; }
body .cp-room { width:auto!important;min-width:0!important;max-width:none!important;border:1px solid #3a485b!important;background:#171e28!important;border-radius:14px!important;box-shadow:none!important; }
body .cp-room-title { font:650 17px Outfit,system-ui,sans-serif!important;color:#b3d4fc!important;text-align:left!important;letter-spacing:-.02em!important; }
body .cp-box-label { font:650 11px Outfit,system-ui,sans-serif!important;letter-spacing:.045em!important;color:#a6b2c3!important;margin-top:14px; }
body :where(.cp-def-box,.cp-counter-box) { border-radius:9px!important;background:#202936!important;border-color:#394b61!important; }
body :where(.cp-room input,.cp-room select) { border-radius:8px!important;background:#111822!important;color:#eaf0f9!important;min-height:38px; }
.msf-room-selector { display:none; }
body .cp-dots { display:none!important; }
.msf-undo { position:fixed;z-index:12000;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:20px;max-width:calc(100% - 32px);padding:14px 18px;border:1px solid #506253;border-radius:12px;background:#253a2d;color:#e3f5e8;box-shadow:0 12px 36px #0008;font-size:14px; }
.msf-undo button { background:#e1f3e5;color:#18251d;border:0;border-radius:7px;padding:8px 12px;font-weight:650;cursor:pointer; }
.msf-dialog-heading { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px; }
.msf-dialog-heading h2 { margin:0!important; }
.msf-dialog-close { min-width:36px;min-height:36px;border-radius:9px;background:#2b313b!important;border:1px solid #424b59!important;color:#dce3ed;cursor:pointer; }
body #cruSettingsPanel { width:min(460px,calc(100% - 32px))!important;max-height:calc(100dvh - 48px)!important;background:#1a1e25!important;border:1px solid #444d5b!important;border-radius:16px!important;padding:22px!important;box-shadow:0 24px 80px #0009!important; }
body .cru-setting-label { font:500 13px/1.5 Outfit,system-ui,sans-serif!important;letter-spacing:0!important;color:#e0e6ef!important; }
body .cru-setting-title { font:650 20px/1.3 Outfit,system-ui,sans-serif!important;color:#f1f4f8!important;letter-spacing:-.025em!important; }
body .cru-setting-section { font:650 11px Outfit,system-ui,sans-serif!important;color:#a8b5c8!important;letter-spacing:.07em!important; }
body .cru-setting-row { min-height:42px; }
body .cru-set-pill { min-width:42px!important;min-height:24px!important;cursor:pointer; }
body :where(#noteCard,.mod-card,.cev-modal,.cn-card,.sub-modal,.cp-modal) { background:#1a1e25!important;border-color:#444d5b!important;border-radius:16px!important;box-shadow:0 24px 80px #0008!important; }
body #noteCardBody { font-size:15px!important;line-height:1.7!important;color:#d0d8e5!important; }
body #noteCardTitle { font-size:18px!important;line-height:1.35!important;letter-spacing:-.02em!important; }
.msf-field-error { display:block;color:#ff9b9f;font-size:13px;line-height:1.5;margin:7px 0 0; }
[aria-invalid=true] { border-color:#ed838a!important; }
body #tubePage { background:var(--msf-bg)!important; }
body #tvmChips { flex-wrap:nowrap!important;overflow-x:auto!important;gap:7px!important;scrollbar-width:thin;padding-bottom:8px!important; }
body .tvm-chip { flex:0 0 auto;min-height:36px;padding:8px 13px!important;border-radius:8px!important;font-size:12px!important;box-shadow:none!important; }
.msf-topic-dialog { width:min(520px,calc(100% - 32px));margin:auto;border:1px solid #465160;border-radius:16px;padding:22px;background:#1b2028;color:#eef2f9;box-shadow:0 30px 90px #0009; }
.msf-topic-dialog::backdrop { background:#0009; }
.msf-topic-list { display:flex;flex-wrap:wrap;gap:8px;margin-top:20px; }
.msf-topic-list button { min-height:40px;border-radius:8px;background:#2a3442;border:1px solid #47556a;color:#e1ebf9;padding:8px 13px;cursor:pointer; }
body :where(.tvm-card,.tv-card) { border-radius:12px!important; }
body :where(.tvm-title,.tv-title) { font-family:Outfit,system-ui,sans-serif!important;letter-spacing:-.015em!important;line-height:1.4!important; }
body .tvm-title { font-size:15px!important; }
body :where(.cev-ed-field,.cev-ed-field input,.cev-ed-field textarea,.cev-ed-field select) { font-family:Outfit,system-ui,sans-serif!important; }
body .cev-ed-field { font-size:12px!important;line-height:1.5;gap:6px!important;min-width:min(180px,100%)!important; }
body .cev-ed-field :where(input,select,textarea) { font-size:14px!important;padding:9px 11px!important;border-radius:8px!important;min-height:40px;border-color:#465160!important;background:#14191f!important; }
body .cev-ed-field textarea { min-height:92px; }
body .cev-mini-btn { min-height:34px;font-family:Outfit,system-ui,sans-serif!important;font-size:12px!important;letter-spacing:0!important;border-radius:7px!important; }
body .cev-ev-row { gap:16px;padding:14px 4px!important;align-items:center; }
.msf-editor-layout { display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start; }
.msf-editor-fields { min-width:0; }
.msf-editor-tabs { display:flex;gap:6px;margin:0 0 20px;border-bottom:1px solid #384252;padding-bottom:12px; }
.msf-editor-tabs button { min-height:38px;padding:8px 15px;font-size:13px;border:1px solid #414d5d;background:#202934;color:#b8c9de;border-radius:8px;cursor:pointer; }
.msf-editor-tabs button[aria-pressed=true] { border-color:#8abaff;color:#eff6ff;background:#253b59; }
.msf-editor-preview { position:sticky;top:0;border:1px solid #3d4a5b;border-radius:12px;background:#141a22;padding:18px;min-width:0; }
.msf-editor-preview small { display:block;font-size:11px;letter-spacing:.07em;color:#a5b4c8;text-transform:uppercase;margin-bottom:18px; }
.msf-editor-preview h3 { font-size:19px;line-height:1.35;overflow-wrap:anywhere; }
.msf-editor-preview p { font-size:13px;color:#afbdd0;line-height:1.6;margin:12px 0;overflow-wrap:anywhere; }
.msf-editor-preview .msf-preview-status { display:inline-block;font-size:11px;padding:4px 8px;border-radius:5px;background:#263549;color:#c6dcf9; }
.msf-editor-preview img { width:64px;height:64px;object-fit:contain;float:right;margin-left:8px; }
.msf-editor-preview button { width:100%;padding:9px;border-radius:8px;background:#273d5a;color:#dfedff;border:1px solid #4e6e95;cursor:pointer;margin-top:12px; }
.msf-editor-section-title { font-size:16px;color:#e2ebf8;margin-bottom:14px; }
body #cevEdFoot { gap:8px;flex-wrap:wrap; }
body #cevEdFoot { position:sticky;bottom:0;z-index:3;background:#1a1e25;padding:14px 0 4px;border-top:1px solid #3a424f; }
body #cevEdBody input[type=checkbox] { width:20px!important;height:20px!important;min-height:20px!important;padding:0!important; }
body #cevEdBody input[type=color] { min-height:34px!important;padding:3px!important; }
body[data-msf-design] #cpTitle { font:650 22px/1.3 Outfit,system-ui,sans-serif!important;text-shadow:none!important;letter-spacing:-.025em!important; }
@media(max-width:500px) {
  body[data-msf-design] .search-main-row { flex-direction:column!important;align-items:stretch!important; }
  body[data-msf-design] #searchBtn { width:100%!important;min-width:0!important; }
}
body :where(.cev-ed-row,.cev-box-head,.cp-toolbar) { flex-wrap:wrap; }
body :where(.cev-ed-row,.cev-box-head)>* { min-width:0; }
.msf-kb-input *,.msf-kb-input *::before,.msf-kb-input *::after { animation-duration:0s!important;transition-duration:0s!important; }
@media (hover:hover) and (pointer:fine) {
  :where(button,.msf-home-tool,.meta-card.clickable,[role=button]) { transition:background-color 160ms var(--msf-ease),border-color 160ms var(--msf-ease),color 160ms var(--msf-ease); }
  .msf-home-tool:hover { background:#232932;border-color:#596575; }
  body .counter-card:hover { border-color:#596879!important; }
  button:active { transform:scale(.98); }
}
@media (hover:none) { button:hover { transform:none!important; } }
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important; }
}
@media (max-width:1000px) {
  .msf-home-tools { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body #cpRooms { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  .msf-editor-layout { grid-template-columns:minmax(0,1fr); }
  .msf-editor-preview { position:static; }
}
@media (max-width:700px) {
  .msf-test-banner { font-size:10px;gap:4px 8px;padding:8px 12px; }
  body #msfTopNav { display:flex!important;justify-content:center!important;width:calc(100% - 116px)!important;min-height:40px;margin:14px auto 0!important; }
  body #msfTopNav > :not(.msf-nav-brand) { display:none!important; }
  body #searchPage { width:calc(100% - 32px)!important;min-height:auto!important;padding-top:28px!important; }
  body #searchPage .logo-wrap { margin-top:15px!important;margin-bottom:23px!important; }
  body #logoTitle { font-size:32px!important;gap:.25em; }
  body #megaphoneImg { width:36px!important;max-width:36px!important; }
  body #megaphoneWrap { margin-left:5px; }
  .msf-mode-tabs { margin-bottom:24px; }
  .msf-mode-tabs button { min-width:86px;padding:8px 12px;font-size:13px; }
  .msf-home-description { font-size:13px;max-width:320px; }
  body .search-main-row { align-items:flex-end!important; }
  body #searchBtn { font-size:12px!important;padding:10px 12px!important;min-height:50px; }
  body #searchInput { min-height:50px;padding:12px!important; }
  body #offenseBtn { margin-top:10px; }
  .msf-home-tools { gap:10px;margin-top:26px; }
  .msf-home-tool { padding:15px 13px;min-height:84px; }
  .msf-home-tool strong { font-size:13px; }
  .msf-home-tool span { font-size:11px;line-height:1.5; }
  body :where(#resultsPage,#listPage,#metasPage,#eventsPage,#inactiveEventsPage,#stormPage,#floorPage,#warTowerPage,#warTowerFloorPage,#fearTowerPage,#fearTowerFloorPage,#bladeTowerPage,#bladeTowerFloorPage,#breakerPage,#breakerNodePage,#dystopiaPage,#dystopiaMissionPage,#cevEventPage,#cevUnitPage,#raidHubPage,#arHubPage,#allianceResPage,#orangeIsoPage,#defensePage,#defenseCruciblePage,#rosterPage,#rosterV2Page,#modControlsPage,#contactPage,#dinerPage,#codesPage,#changelogPage,#cruPlannerPage) { width:calc(100% - 32px)!important;max-width:none!important;margin-top:12px!important; }
  body .results-header { gap:8px;padding-top:12px!important;margin-bottom:16px!important; }
  body .results-header .back-btn { min-width:0;font-size:12px!important;padding:8px 10px!important; }
  body .counter-grid { grid-template-columns:1fr!important;width:100%!important;max-width:none!important;gap:12px!important; }
  body :where(.counter-card,.cru-face-card) { width:100%!important;max-width:none!important;min-width:0!important;padding:16px!important; }
  body :where(.wtf-alt-btn,.fear-alt-btn,.cru-alt-btn,.cev-alt-btn,.cn-vote-btn,.cm-vote-btn) { min-width:34px!important;min-height:34px!important; }
  body :where(.counter-card,.cru-face-card)>* { max-width:100%; }
  body .event-tile { min-height:82px!important;padding:16px!important; }
  body #cpRooms { display:block!important; }
  body .cp-room { display:none!important; }
  body .cp-room.msf-room-active { display:block!important; }
  .msf-room-selector { display:flex;gap:6px;overflow-x:auto;align-items:center;margin:0 0 16px;padding:4px 0; }
  .msf-room-selector button { flex:1;min-width:42px;min-height:40px;padding:8px;border:1px solid #40536d;border-radius:8px;background:#182431;color:#adc9ed;font-size:12px;cursor:pointer; }
  .msf-room-selector button[aria-pressed=true] { background:#325984;color:#f5f9ff;border-color:#8dbefa; }
  body .cp-room { padding:18px!important; }
  body .cev-ed-field { max-width:none!important;min-width:100%!important; }
  .msf-editor-tabs { overflow-x:auto;gap:5px; }
  .msf-editor-tabs button { padding:8px 11px;font-size:12px;white-space:nowrap; }
  body .cev-ev-row { align-items:flex-start;gap:10px; }
  body .cev-ev-row>div:first-child { overflow-wrap:anywhere; }
  body #cruSettingsPanel { padding:18px!important; }
  .msf-undo { bottom:16px;gap:12px;font-size:12px;padding:12px; }
  body :where(input,textarea,select) { font-size:16px!important; }
}

/* Complete visual pass: one canvas, intentional alignment, in-flow controls. */
body[data-msf-design] { --msf-bg:#0b1019;--msf-surface:#151e2b;--msf-line:#304053;--msf-accent:#ff5267;--msf-accent-soft:#3c202d;--msf-scene:255,67,94;background:#0b1019!important; }
body[data-msf-design].crucible-mode { --msf-accent:#6eafff;--msf-accent-soft:#1d3451;--msf-scene:66,135,255; }
body[data-msf-design].arena-mode { --msf-accent:#d6dfef;--msf-accent-soft:#303d50;--msf-scene:150,178,220; }
body[data-msf-design]::before { content:''!important;display:block!important;position:fixed!important;inset:0!important;z-index:-1!important;opacity:1!important;transform:none!important;animation:none!important;background:radial-gradient(ellipse 78% 660px at 50% 90px,rgba(var(--msf-scene),.14),transparent 85%),radial-gradient(ellipse 65% 600px at 95% 75%,rgba(45,105,164,.06),transparent 80%)!important; }
body[data-msf-design]::after { display:none!important; }
body[data-msf-design] .msf-test-banner { background:#102b2d;border-color:#23474b;color:#c4e6e0;font-size:11px;min-height:34px;padding:7px 16px; }
body[data-msf-design] #msfTopNav { width:min(1200px,calc(100% - 144px))!important;margin:18px auto 12px!important;padding:0!important;min-height:44px;gap:26px!important; }
body[data-msf-design] #msfTopNav>button { font:600 12px/1.2 Outfit,system-ui,sans-serif!important;letter-spacing:.02em!important;text-transform:none!important;color:#c4cede!important; }
body[data-msf-design] .msf-nav-brand { font:800 19px/1 Outfit,system-ui,sans-serif;letter-spacing:-.05em;gap:10px; }
body[data-msf-design] .msf-nav-brand img { background:transparent;border-radius:10px;width:36px;height:36px; }
body[data-msf-design] #hamburgerBtn,body[data-msf-design] #cruSettingsBtn { top:52px!important; }
body[data-msf-design] #hamburgerBtn { left:max(18px,calc((100vw - 1320px)/2))!important; }
body[data-msf-design] #cruSettingsBtn { right:max(18px,calc((100vw - 1320px)/2))!important; }
body[data-msf-design] #hamburgerMenu { left:max(18px,calc((100vw - 1320px)/2))!important;right:auto!important;top:102px!important;width:310px!important;max-width:calc(100vw - 36px)!important;max-height:calc(100dvh - 120px)!important;transform-origin:top left!important;background:#151e2b!important;border:1px solid #3a4b61!important;padding:10px!important; }
body[data-msf-design] #hamburgerMenu :where(button,a) { font:600 12px/1.4 Outfit,system-ui,sans-serif!important;letter-spacing:.025em!important;text-transform:none!important;text-align:left!important;padding:12px 14px!important;border-radius:7px; }
body[data-msf-design] #searchPage { width:min(1120px,calc(100% - 48px))!important;padding-top:26px!important;min-height:calc(100dvh - 110px)!important; }
body[data-msf-design] #searchPage .logo-wrap { margin:24px auto 28px!important; }
body[data-msf-design] #logoTitle { font:800 clamp(42px,5vw,68px)/1 Outfit,system-ui,sans-serif!important;letter-spacing:-.065em!important; }
body[data-msf-design] #megaphoneImg { width:58px!important;max-width:58px!important; }
body[data-msf-design] .msf-home-description { font-size:16px;line-height:1.6;margin-top:20px;max-width:570px;color:#b9c6d9; }
.msf-home-kicker { display:flex;align-items:center;justify-content:center;gap:12px;font-size:10px;font-weight:700;letter-spacing:.2em;color:var(--msf-accent);text-transform:uppercase;margin:0 auto 22px; }
.msf-home-kicker::before,.msf-home-kicker::after { content:'';width:38px;height:1px;background:currentColor;opacity:.6; }
body[data-msf-design] .msf-mode-tabs { border-color:#344358;background:#111b28;padding:5px;box-shadow:0 8px 24px #0003; }
body[data-msf-design] .msf-mode-tabs button { min-width:108px;min-height:40px; }
body[data-msf-design] .msf-mode-tabs [aria-pressed=true] { color:#fff;background:var(--msf-accent-soft);box-shadow:inset 0 1px 0 #ffffff12; }
body[data-msf-design] .search-wrap { width:min(700px,100%)!important;max-width:700px!important; }
body[data-msf-design] #searchInput { background:#121d2b!important;border-color:#465972!important;border-radius:12px!important;min-height:56px; }
body[data-msf-design] #searchBtn { min-height:56px;border-radius:12px!important;box-shadow:0 5px 20px rgba(var(--msf-scene),.16)!important; }
body[data-msf-design] #offenseBtn { align-self:center!important;margin:4px auto 0!important;padding:8px 16px!important;min-height:38px!important;border-color:#3a4e68!important;letter-spacing:0!important;text-transform:none!important;font-weight:600; }
body[data-msf-design] .nav-inline-row { justify-content:center!important; }
body[data-msf-design] .msf-home-tools { margin:38px auto 24px;gap:14px; }
body[data-msf-design] .msf-home-tool { position:relative;min-height:144px;align-items:center;text-align:center;border-color:#314158;background:linear-gradient(145deg,#1b2a3d,#121b29);padding:22px 15px 18px;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff09; }
body[data-msf-design] .msf-home-tool strong { font-size:15px;margin:10px 0 3px; }
body[data-msf-design] .msf-home-tool span:not(.msf-tool-icon) { color:#a6b7ce;max-width:200px; }
.msf-tool-icon { display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(var(--msf-scene),.1);color:var(--msf-accent);border:1px solid rgba(var(--msf-scene),.2); }
.msf-tool-icon svg { width:21px;height:21px; }
body[data-msf-design] #counterHomeFooter { margin-top:14px!important;border-color:#253348;padding-top:24px!important; }
body[data-msf-design] #counterHomeFooter p { font-size:10px;opacity:.85; }
body[data-msf-design] [id$="Page"] { background-color:transparent!important;background-image:none!important; }
body[data-msf-design] :where(#offenseAllPage,#calendarPage,#echoesPage,#allianceRostersPage,#allianceDiscordPage) { width:calc(100% - 48px)!important;max-width:1120px!important;margin:16px auto 0!important;padding-bottom:36px!important; }
body[data-msf-design] :where(.results-header,.wt-header-bar,.wtf-header-bar,.storm-header-bar,.floor-header-bar,.brk-header-bar) { display:grid!important;grid-template-columns:minmax(76px,1fr) minmax(0,auto) minmax(76px,1fr)!important;align-items:center!important;gap:18px!important;padding:16px 0!important;position:relative!important;top:auto!important;background:transparent!important;border-bottom:1px solid #2c3c50!important; }
body[data-msf-design] :where(.results-header,.wt-header-bar,.wtf-header-bar,.storm-header-bar,.floor-header-bar,.brk-header-bar)>:first-child { justify-self:start; }
body[data-msf-design] :where(.results-header,.wt-header-bar,.wtf-header-bar,.storm-header-bar,.floor-header-bar,.brk-header-bar)>:nth-child(2) { justify-self:center;min-width:0;text-align:center; }
body[data-msf-design] :where(.results-header,.wt-header-bar,.wtf-header-bar,.storm-header-bar,.floor-header-bar,.brk-header-bar)>:nth-child(3) { justify-self:end; }
body[data-msf-design] .results-title-block { text-align:center;align-items:center;max-width:650px; }
body[data-msf-design] #resultsTeamName { font:750 clamp(22px,3vw,34px)/1.2 Outfit,system-ui,sans-serif!important;letter-spacing:-.04em; }
body[data-msf-design] :where(#defensePortraitsDesktop,#defensePortraitsMobile) { justify-content:center!important; }
body[data-msf-design] .results-label { color:#97afcc!important;font-size:10px!important;letter-spacing:.14em!important; }
body[data-msf-design] .msf-results-tools { margin:20px 0;justify-content:center;gap:16px;text-align:center; }
body[data-msf-design] .msf-results-tools>span { max-width:440px; }
/* All card content stays in normal flow; decorated controls can arrive later. */
body[data-msf-design] .counter-grid { display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;align-items:stretch; }
body[data-msf-design] .counter-card { display:flex!important;flex-direction:column!important;gap:12px!important;width:auto!important;max-width:none!important;min-width:0!important;padding:20px!important;border:1px solid #354860!important;background:linear-gradient(145deg,#1a2738,#121c2a)!important;border-radius:16px!important;overflow:visible!important; }
body[data-msf-design] .counter-card .counter-name { order:0;width:100%!important;font:700 17px/1.45 Outfit,system-ui,sans-serif!important;overflow-wrap:anywhere;padding:0!important;margin:0!important;min-height:0!important; }
body[data-msf-design] .counter-card .counter-name>* { max-width:100%; }
body[data-msf-design] .counter-punch-corner { position:static!important;inset:auto!important;align-self:flex-start;order:1;max-width:100%;font:700 13px/1.2 Outfit,system-ui,sans-serif!important;padding:7px 10px!important;border-radius:7px!important;gap:5px!important; }
body[data-msf-design] .counter-punch-corner svg { width:15px!important;height:15px!important; }
body[data-msf-design] .counter-card>.counter-meta { order:2;padding:0!important;margin:0!important;border:0; }
body[data-msf-design] .counter-card>.counter-meta:empty { display:none; }
body[data-msf-design] .counter-note-inline { order:3;padding:12px 0!important;border-top:1px solid #33435a; }
body[data-msf-design] .counter-card .ctr-share-btn,body[data-msf-design] .cru-face-card .ctr-share-btn { position:static!important;inset:auto!important;order:6;width:34px;height:34px;min-height:34px;flex:none;align-self:flex-end; }
body[data-msf-design] .counter-card>.msf-card-notes { order:4;align-self:flex-start;margin:0!important; }
body[data-msf-design] .counter-card .cru-vid-corner,body[data-msf-design] .cru-face-card .cru-vid-corner { position:static!important;inset:auto!important;order:6;align-self:flex-end; }
body[data-msf-design] .counter-card>.msf-card-footer { order:5;display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-top:1px solid #304157;margin-top:auto;padding-top:12px; }
body[data-msf-design] .msf-card-footer .ctr-share-btn { margin-left:auto; }
body[data-msf-design] .msf-card-footer .msf-card-notes { margin:0!important; }
body[data-msf-design].msf-compact .counter-grid { grid-template-columns:1fr!important; }
body[data-msf-design].msf-compact .counter-card { display:grid!important;grid-template-columns:minmax(180px,1fr) auto;align-items:start;gap:10px 24px!important; }
body[data-msf-design].msf-compact .counter-card>.msf-card-footer { grid-column:1/-1;margin-top:0; }
body[data-msf-design].msf-compact .counter-card>.counter-note-inline { grid-column:1/-1; }
body[data-msf-design] .cru-face-card { display:flex;flex-direction:column;gap:10px;min-width:0;border-color:#354860!important;background:#142034!important; }
body[data-msf-design] .cru-face-name { overflow-wrap:anywhere; }
body[data-msf-design] .cru-face-row { justify-content:center!important; }
body[data-msf-design] :where(.wtf-counter-box,.fear-ctr-box,.cev-box,.brk-counter-box) { background:#142032!important;border-color:#354860!important;padding:20px!important;border-radius:16px!important; }
body[data-msf-design] .cru-set-pill { appearance:none!important;box-sizing:border-box!important;width:46px!important;height:28px!important;min-width:46px!important;min-height:28px!important;padding:0!important;line-height:0!important;border-radius:999px!important;border:1px solid #466078!important;background:#202f42!important; }
body[data-msf-design] .cru-set-pill::after { box-sizing:border-box!important;width:20px!important;height:20px!important;left:3px!important;top:50%!important;transform:translateY(-50%)!important;border-radius:50%!important;background:#a8b9cc!important;transition:transform 160ms var(--msf-ease),background-color 160ms ease!important; }
body[data-msf-design] .cru-set-pill.on { background:var(--msf-accent)!important;border-color:var(--msf-accent)!important; }
body[data-msf-design] .cru-set-pill.on::after { transform:translate(18px,-50%)!important;background:#101722!important; }
body[data-msf-design] .cru-setting-row { min-height:54px;align-items:center!important;gap:20px; }
body[data-msf-design] .cru-setting-title { border:0!important;padding:0!important; }
body[data-msf-design] .cru-setting-label { font-size:14px!important; }
body[data-msf-design] #cruSettingsPanel { padding:26px!important;border-color:#435974!important;background:#142032!important; }
/* The event canvas spans the viewport. Hero blocks never draw a cut-off strip. */
body[data-msf-design] :where(.wt-hero,.storm-hero,.breaker-hero,.knull-hero,.dys-hero,.cev-hero,.ar-hero,.oiso-hero) { position:relative!important;background:transparent!important;overflow:visible!important;text-align:center!important;padding:42px 18px 30px!important;min-height:0!important; }
body[data-msf-design] :where(.wt-hero,.storm-hero,.breaker-hero,.knull-hero,.dys-hero,.cev-hero)::before,body[data-msf-design] :where(.wt-hero,.storm-hero,.breaker-hero,.knull-hero,.dys-hero,.cev-hero)::after { display:none!important; }
body[data-msf-design] :where(.wt-waves-box,#stormLightningCanvas) { display:none!important; }
body[data-msf-design] :where(.wt-title,.storm-title,.breaker-hero-title,.knull-title,.dys-title,.cev-hero-title) { font:800 clamp(32px,4.6vw,56px)/1.04 Outfit,system-ui,sans-serif!important;letter-spacing:-.055em!important;text-transform:none!important;max-width:880px!important;margin:0 auto!important;text-shadow:none!important;animation:none!important;background:none!important;-webkit-text-fill-color:#f1f6ff!important;color:#f1f6ff!important;filter:none!important; }
body[data-msf-design] .cev-hero-title-t { color:#f1f6ff!important;background:none!important;-webkit-text-fill-color:#f1f6ff!important;animation:none!important;filter:none!important; }
body[data-msf-design] :where(.wt-subtitle,.storm-subtitle,.breaker-hero-subtitle,.cev-hero-sub) { font:500 13px/1.65 Outfit,system-ui,sans-serif!important;letter-spacing:.025em!important;text-transform:none!important;color:#a9bdd7!important;max-width:690px;margin:16px auto 0!important; }
body[data-msf-design] .wt-omega-note { font:600 11px/1.4 Outfit,system-ui,sans-serif!important;letter-spacing:.08em!important;color:var(--msf-accent)!important;margin-top:14px!important; }
.msf-event-art { display:block!important;float:none!important;width:104px!important;height:104px!important;margin:0 auto 22px!important;object-fit:contain!important;filter:drop-shadow(0 10px 22px #0005); }
.msf-event-kicker { display:block;font:650 10px/1.3 Outfit,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--msf-accent);margin:0 auto 16px; }
body[data-msf-design] .blade-tips-box { max-width:780px!important;width:100%;background:#1c2430!important;border:1px solid #6a5836!important;border-left:3px solid #e7b969!important;border-radius:12px!important;padding:20px 24px!important;margin:26px auto 4px!important;box-shadow:none!important;text-align:left; }
body[data-msf-design] .blade-tips-title { font:650 13px/1.5 Outfit,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:#f0ca84!important; }
body[data-msf-design] .blade-tips-list li { font:400 13px/1.75 Outfit,system-ui,sans-serif!important;color:#ccd4df!important;margin-top:10px!important; }
body[data-msf-design] .blade-tips-list b { color:#f2d498!important; }
body[data-msf-design] :where(.wt-floors-wrap,.storm-floors,.cev-grid-wrap) { max-width:1120px!important;width:100%!important;margin:0 auto!important;padding:24px 0!important; }
body[data-msf-design] :where(.wt-floors-label,.storm-floors-label) { font:650 10px/1.4 Outfit,system-ui,sans-serif!important;letter-spacing:.16em!important;color:#a1b8d5!important;text-align:center!important; }
body[data-msf-design] :where(.fear-range-toggle,.blade-range-toggle,.cev-seg-row) { display:flex;justify-content:center;gap:7px!important;flex-wrap:wrap!important;border:0!important;background:transparent!important;margin:16px auto 20px!important;width:max-content;max-width:100%!important; }
body[data-msf-design] :where(.fear-range-opt,.cev-seg) { font:600 12px/1.4 Outfit,system-ui,sans-serif!important;border:1px solid #3a506c!important;border-radius:8px!important;padding:10px 16px!important;min-height:40px!important;background:#162338!important;color:#b9cee9!important; }
body[data-msf-design] :where(.fear-range-opt.on,.cev-seg.on) { border-color:var(--msf-accent)!important;color:#fff!important;background:var(--msf-accent-soft)!important; }
body[data-msf-design] :where(.wt-floor-btn,.floor-btn,.cev-unit-btn) { display:flex!important;align-items:center!important;gap:18px!important;min-height:92px!important;padding:20px!important;border:1px solid #354b65!important;border-radius:13px!important;background:linear-gradient(120deg,#18283c,#111c2c)!important;color:#e1edff!important;box-shadow:inset 0 1px 0 #ffffff07!important;text-shadow:none!important; }
body[data-msf-design] :where(.wt-floor-btn-label,.floor-btn-label,.cev-unit-label) { flex:1;min-width:0; }
body[data-msf-design] :where(.wt-floor-btn-main,.floor-btn,.cev-unit-name) { font-family:Outfit,system-ui,sans-serif!important;font-size:14px!important;line-height:1.5!important;letter-spacing:0!important;text-transform:none!important; }
body[data-msf-design] :where(.wt-floor-btn-sub,.floor-btn-sub) { font:500 10px/1.6 Outfit,system-ui,sans-serif!important;letter-spacing:.03em!important;color:#9ab3d1!important;opacity:1!important;margin-top:6px; }
.msf-floor-number { display:grid;place-items:center;flex:0 0 42px;height:46px;border-radius:9px;background:rgba(var(--msf-scene),.12);border:1px solid rgba(var(--msf-scene),.22);color:var(--msf-accent);font:750 20px/1 Outfit,system-ui,sans-serif; }
body[data-msf-design] :where(.blade-plan-btn,.cev-plan-btn) { border-radius:9px!important;box-shadow:none!important;border:1px solid var(--msf-accent)!important;background:var(--msf-accent-soft)!important;color:#fff!important;font:650 13px/1.5 Outfit,system-ui,sans-serif!important;padding:11px 22px!important;letter-spacing:0!important;text-transform:none!important; }
body[data-msf-design] #bladePlanBtnWrap,body[data-msf-design] #fearPlanBtnWrap { margin:0 auto 22px!important; }
body[data-msf-design] .events-list { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:none!important;width:100%!important;margin:32px auto!important;padding:0!important; }
body[data-msf-design] .events-list-title { grid-column:1/-1;font:700 18px/1.3 Outfit,system-ui,sans-serif!important;letter-spacing:-.025em!important;text-align:left!important;color:#e6effb!important;margin:0 0 2px!important;border-bottom:1px solid #304158;padding-bottom:12px; }
body[data-msf-design] .goo-event-tile { width:100%!important;min-width:0!important;min-height:156px!important;margin:0!important;padding:24px!important;border:1px solid #3b526d!important;border-radius:16px!important;background:linear-gradient(135deg,#1c3047,#111d2d)!important;color:#ecf4ff!important;box-shadow:inset 0 1px 0 #ffffff10!important;transform:none!important;text-shadow:none!important;text-align:left!important;animation:none!important; }
body[data-msf-design] .goo-event-tile::before,body[data-msf-design] .goo-event-tile::after { display:none!important; }
body[data-msf-design] .goo-event-tile .wt-tile-inner { flex-direction:column!important;align-items:stretch!important;gap:20px!important; }
body[data-msf-design] .goo-event-tile .wt-tile-left { display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:18px!important;min-width:0; }
body[data-msf-design] .goo-event-tile :where(.cev-tile-txt,.wt-tile-left>span) { font:700 20px/1.3 Outfit,system-ui,sans-serif!important;letter-spacing:-.025em!important;text-transform:none!important;color:#ecf4ff!important;-webkit-text-fill-color:#ecf4ff!important;min-width:0; }
body[data-msf-design] .goo-event-tile .cev-tile-img { object-fit:contain!important;width:76px!important;height:84px!important;flex-shrink:0; }
body[data-msf-design] .goo-event-tile .event-tag { font:700 10px/1.4 Outfit,system-ui,sans-serif!important;letter-spacing:.09em!important;color:#a8c8f1!important;-webkit-text-fill-color:#a8c8f1!important;text-transform:uppercase!important;margin-bottom:8px; }
body[data-msf-design] .goo-event-tile :where(.wt-cd-wrapper,.wt-countdown) { justify-content:flex-start!important; }
body[data-msf-design] .goo-event-tile .wt-cd-wrapper { padding-top:14px;border-top:1px solid #364b62; }
body[data-msf-design] .goo-event-tile .wt-cd-num { font:700 18px/1.1 Outfit,system-ui,sans-serif!important;letter-spacing:0!important;background:none!important;-webkit-text-fill-color:#dae8fb!important;color:#dae8fb!important; }
body[data-msf-design] .goo-event-tile :where(.wt-cd-label,.wt-cd-unit) { color:#a5bdd9!important;opacity:1!important;font-size:9px; }
body[data-msf-design] #orangeIsoEventList { display:block!important;margin:24px auto!important; }
body[data-msf-design] #orangeIsoEventBtn { min-height:70px!important;padding:20px!important;border-color:#785337!important;background:linear-gradient(110deg,#33281e,#172335)!important;text-align:center!important; }
body[data-msf-design] .oiso-tile-txt { font:750 17px/1.3 Outfit,system-ui,sans-serif!important;background:none!important;-webkit-text-fill-color:#f5bd73!important;animation:none!important; }
body[data-msf-design] :where(#eventsPage,#inactiveEventsPage)>.msf-event-intro { margin:20px auto!important;text-align:center; }
body[data-msf-design] .msf-event-actions { justify-content:center;margin:20px auto; }
body[data-msf-design] .msf-event-actions [aria-pressed=true] { color:#fff;border-color:var(--msf-accent);background:var(--msf-accent-soft); }
body[data-msf-design] #metasGrid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important; }
.msf-popular-card { position:relative;display:flex;flex-direction:column;align-items:center;gap:15px;min-width:0;text-align:center;padding:22px;border:1px solid #3b5069;border-radius:15px;background:linear-gradient(140deg,#1e2d42,#121e2e);color:#ecf2fd;cursor:pointer; }
.msf-popular-rank { font:750 11px/1 Outfit,system-ui,sans-serif;color:var(--msf-accent);letter-spacing:.1em; }
.msf-popular-name { font:700 16px/1.4 Outfit,system-ui,sans-serif;overflow-wrap:anywhere; }
.msf-popular-count { font:500 11px/1.4 Outfit,system-ui,sans-serif;color:#a8bfdb; }
.msf-popular-faces { display:flex;justify-content:center;align-items:center;gap:5px;flex-wrap:wrap; }
.msf-popular-faces img { width:42px;height:48px;object-fit:contain; }
.msf-popular-empty { grid-column:1/-1;text-align:center;padding:42px 24px;background:#152236;border:1px solid #354c69;border-radius:16px;color:#b4c6de; }
.msf-popular-empty strong { display:block;font-size:20px;color:#eef5ff;margin-bottom:10px; }
.msf-popular-empty button { display:block;margin:20px auto 0;background:var(--msf-accent-soft);border:1px solid var(--msf-accent);border-radius:8px;color:white;padding:10px 20px;cursor:pointer; }
body[data-msf-design] :where(#defensePage,#defenseCruciblePage) .rv2-grid { grid-template-columns:repeat(auto-fill,minmax(90px,1fr))!important;gap:12px!important; }
body[data-msf-design] :where(#defensePage,#defenseCruciblePage) .rv2-card { border:1px solid #30455f!important;border-radius:12px!important;background:#162437!important;cursor:pointer;min-height:114px; }
body[data-msf-design] :where(#defensePage,#defenseCruciblePage) .rv2-card.def-selected { border-color:var(--msf-accent)!important;background:var(--msf-accent-soft)!important; }
@media(hover:hover) and (pointer:fine) {
  body[data-msf-design] :where(.msf-home-tool,.goo-event-tile,.wt-floor-btn,.floor-btn,.msf-popular-card):hover { border-color:#7896bc!important;background-color:#223752!important;filter:brightness(1.08);transform:none!important; }
  body[data-msf-design] .counter-card:hover { transform:none!important;border-color:#5b779b!important; }
}
@media(max-width:1000px) {
  body[data-msf-design] .counter-grid,body[data-msf-design] #metasGrid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  body[data-msf-design] #msfTopNav { gap:15px!important; }
  body[data-msf-design] #tnAllianceBtn { max-width:105px; }
}
@media(max-width:700px) {
  body[data-msf-design] #msfTopNav { width:calc(100% - 130px)!important;justify-content:center!important; }
  body[data-msf-design] .msf-nav-brand { margin:0!important; }
  body[data-msf-design] #searchPage { width:calc(100% - 32px)!important;padding-top:18px!important; }
  body[data-msf-design] #logoTitle { font-size:38px!important; }
  body[data-msf-design] #megaphoneImg { width:37px!important;max-width:37px!important; }
  body[data-msf-design] .msf-home-description { font-size:14px;max-width:340px; }
  body[data-msf-design] .msf-home-tool { min-height:155px;padding:18px 12px!important; }
  body[data-msf-design] .msf-home-tool strong { font-size:14px; }
  body[data-msf-design] .msf-mode-tabs button { min-width:88px; }
  body[data-msf-design] :where(.results-header,.wt-header-bar,.wtf-header-bar,.storm-header-bar,.floor-header-bar,.brk-header-bar) { grid-template-columns:64px minmax(0,1fr) 64px!important;gap:8px!important; }
  body[data-msf-design] :where(.wt-header-label,.wtf-header-label,.storm-header-label) { font-size:9px;line-height:1.5;letter-spacing:.06em!important;text-align:center; }
  body[data-msf-design] :where(.results-header,.wt-header-bar,.wtf-header-bar,.storm-header-bar)>:nth-child(3) { min-width:0!important;max-width:64px!important; }
  body[data-msf-design] :where(.wt-back-btn,.wtf-back-btn,.storm-back-btn) { padding:9px 10px!important;font-size:11px!important; }
  body[data-msf-design] .counter-grid,body[data-msf-design] #metasGrid { grid-template-columns:1fr!important; }
  body[data-msf-design] .counter-card { width:100%!important;padding:18px!important; }
  body[data-msf-design].msf-compact .counter-card { display:flex!important; }
  body[data-msf-design] .counter-card .counter-name { font-size:17px!important; }
  body[data-msf-design] :where(.wt-hero,.storm-hero,.breaker-hero,.knull-hero,.dys-hero,.cev-hero) { padding:28px 0 22px!important; }
  body[data-msf-design] :where(.wt-title,.storm-title,.breaker-hero-title,.knull-title,.dys-title,.cev-hero-title) { font-size:34px!important;line-height:1.12!important; }
  .msf-event-art { width:84px!important;height:84px!important;margin-bottom:20px!important; }
  body[data-msf-design] .blade-tips-box { padding:18px!important;margin-top:24px!important; }
  body[data-msf-design] .blade-tips-list li { font-size:12px!important; }
  body[data-msf-design] .events-list { grid-template-columns:1fr; }
  body[data-msf-design] .goo-event-tile { min-height:136px!important;padding:20px!important; }
  body[data-msf-design] .goo-event-tile .cev-tile-img { width:64px!important;height:72px!important; }
  body[data-msf-design] .goo-event-tile :where(.cev-tile-txt,.wt-tile-left>span) { font-size:18px!important; }
  body[data-msf-design] .msf-results-tools>span { font-size:11px; }
  body[data-msf-design] #cruSettingsPanel { padding:22px!important; }
  body[data-msf-design] :where(#offenseAllPage,#calendarPage,#echoesPage,#allianceRostersPage,#allianceDiscordPage) { width:calc(100% - 32px)!important; }
}
body[data-msf-design] #msfTopNav button { font:600 12px/1.3 Outfit,system-ui,sans-serif!important;letter-spacing:.015em!important;text-transform:none!important; }
body[data-msf-design] .counter-card>.cm-bar { order:3!important;padding:0!important;margin:0!important;border:0!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap; }
body[data-msf-design] .counter-card .cm-left:empty { display:none; }
body[data-msf-design] .counter-card .cm-votes { gap:7px!important;flex-wrap:wrap; }
body[data-msf-design] .counter-card .cm-vote { min-height:30px!important;min-width:36px!important;background:#1b2b40!important;border-color:#415672!important;padding:4px 9px!important; }
body[data-msf-design] :where(.def-header-bar,.rv2-header-bar) { display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center;gap:12px!important;position:relative!important;top:auto!important;padding:18px 0!important;background:transparent!important;border-bottom:1px solid #304158!important; }
body[data-msf-design] :where(.def-back-btn,.rv2-back-btn) { justify-self:start;border:1px solid #3c526d!important;background:#142135!important;color:#c0d1e8!important;font:600 12px/1.4 Outfit,system-ui,sans-serif!important;text-transform:none!important;letter-spacing:0!important;padding:10px 12px!important;border-radius:8px!important; }
body[data-msf-design] .def-page-title { font:700 21px/1.3 Outfit,system-ui,sans-serif!important;letter-spacing:-.025em!important;text-transform:none!important;text-align:center; }
body[data-msf-design] .def-body { max-width:960px!important;padding-top:20px!important; }
body[data-msf-design] :where(#defSelectedCount,#defCruSelectedCount) { font:700 18px/1.3 Outfit,system-ui,sans-serif!important;white-space:nowrap;color:#e0ecfa!important;min-width:160px; }
body[data-msf-design] .def-body>div:has(#defSelectedCount),body[data-msf-design] .def-body>div:has(#defCruSelectedCount) { gap:10px!important;padding:0 0 18px!important; }
body[data-msf-design] :where(.def-ctrl-btn,.def-api-btn,.def-sync-btn) { min-height:40px!important;height:auto!important;font:600 12px/1.3 Outfit,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;border-radius:8px!important;padding:10px 14px!important;justify-content:center; }
body[data-msf-design] .def-api-btn { background:var(--msf-accent-soft)!important;border-color:var(--msf-accent)!important;color:#fff!important; }
body[data-msf-design] .def-ctrl-red { color:#f6a1ac!important; }
body[data-msf-design] .def-sync-row { padding:18px 0!important;gap:12px!important; }
body[data-msf-design] .def-sync-status { font:400 12px/1.7 Outfit,system-ui,sans-serif!important;color:#b4c8e1!important;letter-spacing:0!important; }
body[data-msf-design] .def-sync-hint { font:400 11px/1.5 Outfit,system-ui,sans-serif!important;color:#93a9c4!important;letter-spacing:0!important; }
body[data-msf-design] :where(.def-import-input,.def-search-input) { min-height:42px!important;padding:10px 12px!important;background:#152235!important;border-color:#3c526d!important;border-radius:8px!important; }
body[data-msf-design] .def-body>div:has(.def-import-input),body[data-msf-design] .def-body>div:has(.def-api-btn) { padding:16px 0!important;gap:12px!important; }
body[data-msf-design] :where(#defensePage,#defenseCruciblePage) .rv2-name { font-family:Outfit,system-ui,sans-serif!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;color:#b9cae0!important; }
@media(max-width:700px) {
 body[data-msf-design] :where(.def-header-bar,.rv2-header-bar) { grid-template-columns:64px minmax(0,1fr) 64px!important;gap:8px!important; }
 body[data-msf-design] .def-page-title { font-size:18px!important; }
 body[data-msf-design] :where(.def-back-btn,.rv2-back-btn) { font-size:11px!important;padding:9px 10px!important; }
 body[data-msf-design] :where(#defSelectedCount,#defCruSelectedCount) { flex-basis:100%!important;text-align:center;padding:4px 0 10px; }
 body[data-msf-design] .def-body>div:has(#defSelectedCount),body[data-msf-design] .def-body>div:has(#defCruSelectedCount) { justify-content:center; }
 body[data-msf-design] .def-body>div:has(.def-import-input) { flex-wrap:wrap; }
 body[data-msf-design] .def-import-input { flex-basis:100%!important; }
 body[data-msf-design] .def-sync-row { justify-content:center;text-align:center; }
 body[data-msf-design] .def-sync-status { flex-basis:100%; }
}
body[data-msf-design] :is(.echoes-header-bar,.breaker-header-bar,.brk-node-header,.oiso-header-bar,.dys-header-bar,.ar-header-bar,.cal-header-bar,.cp-header-bar,.codes-header-bar,.offense-all-header,.contact-header-bar,.roster-header-bar) { display:grid!important;grid-template-columns:minmax(76px,1fr) minmax(0,auto) minmax(76px,1fr)!important;align-items:center!important;gap:16px!important;position:relative!important;top:auto!important;margin:0 auto 20px!important;padding:18px 0!important;background:transparent!important;border-bottom:1px solid #304158!important; }
body[data-msf-design] :is(.echoes-header-bar,.breaker-header-bar,.brk-node-header,.oiso-header-bar,.dys-header-bar,.ar-header-bar,.cal-header-bar,.cp-header-bar,.codes-header-bar,.offense-all-header,.contact-header-bar,.roster-header-bar)>:first-child { justify-self:start; }
body[data-msf-design] :is(.echoes-header-bar,.breaker-header-bar,.brk-node-header,.oiso-header-bar,.dys-header-bar,.ar-header-bar,.cal-header-bar,.cp-header-bar,.codes-header-bar,.offense-all-header,.contact-header-bar,.roster-header-bar)>:nth-child(2) { text-align:center;min-width:0!important; }
body[data-msf-design] :is(.echoes-header-bar,.breaker-header-bar,.brk-node-header,.oiso-header-bar,.dys-header-bar,.ar-header-bar,.cal-header-bar,.cp-header-bar,.codes-header-bar,.offense-all-header,.contact-header-bar,.roster-header-bar)>:nth-child(3) { justify-self:end; }
body[data-msf-design] :is(.oiso-back-btn,.dys-back-btn,.ar-back-btn,.cal-back-btn,.cp-back-btn,.codes-back-btn,.offense-all-back-btn,.contact-back-btn,.roster-back-btn,.brk-node-back-btn) { font:600 12px/1.4 Outfit,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;padding:10px 12px!important;border:1px solid #3c526d!important;border-radius:8px!important;background:#152237!important;color:#c4d5eb!important; }
body[data-msf-design] :is(.cal-page-title,.cp-page-title,.codes-page-title,.offense-all-title,.contact-page-title,.roster-page-title,.rv2-page-title) { font:700 22px/1.3 Outfit,system-ui,sans-serif!important;letter-spacing:-.025em!important;text-transform:none!important;text-align:center!important;color:#e0ecfb!important;text-shadow:none!important; }
body[data-msf-design] :is(.wt-header-label,.wtf-header-label,.storm-header-label,.floor-header-label,.ar-header-label,.oiso-header-label,.dys-header-label,.echoes-header-label,.brk-node-header-label) { font:600 11px/1.4 Outfit,system-ui,sans-serif!important;letter-spacing:.04em!important;color:#9db7d8!important;text-align:center; }
body[data-msf-design] .goo-event-tile .wt-cd-wrapper { align-items:flex-start!important;text-align:left!important; }
body[data-msf-design] .wt-floors-grid { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important; }
body[data-msf-design] .wt-floors-col { min-width:0;gap:14px!important; }
body[data-msf-design] .msf-defense-storage { padding:14px 0;margin:2px 0 18px;border-block:1px solid #2e4057;color:#b4c9e3;font-size:13px; }
body[data-msf-design] .msf-defense-storage summary { cursor:pointer;min-height:28px;line-height:28px; }
body[data-msf-design] .msf-defense-storage .def-sync-row { border:0!important; }
@media(max-width:700px) {
 body[data-msf-design] :is(.echoes-header-bar,.breaker-header-bar,.brk-node-header,.oiso-header-bar,.dys-header-bar,.ar-header-bar,.cal-header-bar,.cp-header-bar,.codes-header-bar,.offense-all-header,.contact-header-bar,.roster-header-bar) { grid-template-columns:64px minmax(0,1fr) 64px!important;gap:8px!important; }
 body[data-msf-design] :is(.cal-page-title,.cp-page-title,.codes-page-title,.offense-all-title,.contact-page-title,.roster-page-title,.rv2-page-title) { font-size:17px!important;overflow-wrap:anywhere; }
 body[data-msf-design] :is(.echoes-header-bar,.breaker-header-bar,.brk-node-header,.oiso-header-bar,.dys-header-bar,.ar-header-bar,.cal-header-bar,.cp-header-bar,.codes-header-bar,.offense-all-header,.contact-header-bar,.roster-header-bar)>:nth-child(3) { width:auto!important;min-width:0!important;max-width:64px!important; }
 body[data-msf-design] :is(.oiso-back-btn,.dys-back-btn,.ar-back-btn,.cal-back-btn,.cp-back-btn,.codes-back-btn,.offense-all-back-btn,.contact-back-btn,.roster-back-btn,.brk-node-back-btn) { font-size:11px!important;padding:9px 10px!important; }
 body[data-msf-design] .wt-floors-grid { grid-template-columns:1fr!important; }
}
/* Keep incomplete rows centered without stretching the final card. */
body[data-msf-design] .counter-grid,body[data-msf-design] #metasGrid { grid-template-columns:repeat(6,minmax(0,1fr))!important; }
body[data-msf-design] .counter-grid>:is(.counter-card,.cru-face-card),body[data-msf-design] #metasGrid>.msf-popular-card { grid-column:span 2; }
body[data-msf-design] .counter-grid>:is(.counter-card,.cru-face-card):last-child:nth-child(3n+1),body[data-msf-design] #metasGrid>.msf-popular-card:last-child:nth-child(3n+1) { grid-column:3/span 2; }
body[data-msf-design] .counter-grid>:is(.counter-card,.cru-face-card):nth-last-child(2):nth-child(3n+1),body[data-msf-design] #metasGrid>.msf-popular-card:nth-last-child(2):nth-child(3n+1) { grid-column:2/span 2; }
body[data-msf-design] :where(#listPage,#metasPage) .list-title-bar { font:750 30px/1.2 Outfit,system-ui,sans-serif!important;letter-spacing:-.04em!important;text-transform:none!important;text-align:center; }
body[data-msf-design] :where(#listPage,#metasPage) .list-subtitle { font:400 13px/1.6 Outfit,system-ui,sans-serif!important;letter-spacing:0!important;color:#a8bdd8!important;text-align:center;margin:14px auto 26px!important; }
body[data-msf-design] .results-title-wrap { text-align:center!important;min-width:0!important;max-width:100%!important; }
body[data-msf-design] .results-team-name { min-width:0!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere; }
body[data-msf-design] .results-title-wrap>div:has(#resultsTeamName) { justify-content:center!important; }
body[data-msf-design] .results-title-wrap .defense-portraits { justify-content:center!important; }
body[data-msf-design] #defensePortraitsMobile { background:transparent!important;border:0!important;justify-content:center!important; }
body[data-msf-design] .msf-popular-faces { flex-wrap:nowrap!important;width:100%; }
body[data-msf-design] .msf-popular-faces img { min-width:0;width:calc((100% - 20px)/5);max-width:42px; }
body[data-msf-design] .events-list { display:flex!important;flex-wrap:wrap;justify-content:center; }
body[data-msf-design] .events-list-title { width:100%!important;text-align:center!important; }
body[data-msf-design] .events-list>.goo-event-tile { width:calc((100% - 18px)/2)!important;flex:0 1 calc((100% - 18px)/2); }
body[data-msf-design] #orangeIsoEventList>.goo-event-tile { width:100%!important; }
body[data-msf-design].msf-compact .counter-grid>.counter-card { grid-column:1/-1!important; }
@media(min-width:701px) and (max-width:1000px) {
 body[data-msf-design] .counter-grid,body[data-msf-design] #metasGrid { grid-template-columns:repeat(4,minmax(0,1fr))!important; }
 body[data-msf-design] .counter-grid>:is(.counter-card,.cru-face-card),body[data-msf-design] #metasGrid>.msf-popular-card { grid-column:span 2!important; }
 body[data-msf-design] .counter-grid>:is(.counter-card,.cru-face-card):last-child:nth-child(2n+1),body[data-msf-design] #metasGrid>.msf-popular-card:last-child:nth-child(2n+1) { grid-column:2/span 2!important; }
}
@media(max-width:700px) {
 body[data-msf-design] .counter-grid,body[data-msf-design] #metasGrid { grid-template-columns:1fr!important; }
 body[data-msf-design] .counter-grid>:is(.counter-card,.cru-face-card),body[data-msf-design] #metasGrid>.msf-popular-card { grid-column:1/-1!important; }
 body[data-msf-design] .events-list>.goo-event-tile { flex-basis:100%;width:100%!important; }
}
.msf-event-loading { font-size:13px;color:#abc3e1;text-align:center;margin:20px auto; }
body[data-msf-design] .fear-ctr-card { background:linear-gradient(145deg,#1b293c,#132035)!important;border:1px solid #3e5675!important;border-radius:15px!important;padding:20px!important;gap:12px!important;box-shadow:none!important;min-height:0!important; }
body[data-msf-design] .fear-ctr-card::before,body[data-msf-design] .fear-ctr-card::after { display:none!important; }
body[data-msf-design] .fear-ctr-card .wtf-pc-label-row { margin:0 0 4px!important; }
body[data-msf-design] :where(.wtf-notes-btn,.fear-ctr-card .cev-mini-btn) { font:600 11px/1.4 Outfit,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;border:1px solid #625535!important;border-radius:6px!important;background:#332e25!important;color:#f3d293!important;min-height:30px;padding:6px 11px!important; }
body[data-msf-design] .fear-ctr-card .wtf-char-grid { gap:7px!important; }
body[data-msf-design] .fear-ctr-card .wtf-char-name { font-family:Outfit,system-ui,sans-serif!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;color:#b2c8e6!important;overflow-wrap:anywhere; }
body[data-msf-design] .fear-ctr-foot { padding:12px 0 0!important;font:400 12px/1.7 Outfit,system-ui,sans-serif!important;color:#becfe5!important;border-top:1px solid #344a65!important; }
body[data-msf-design] .fear-ctr-foot-text b { color:#f0c77b!important; }
body[data-msf-design] .msf-event-card-actions { display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:wrap;border-top:1px solid #344a65;margin-top:auto;padding-top:12px; }
body[data-msf-design] .msf-event-card-actions :is(.blade-used-circle,.cev-cn-pad,.cru-vid-corner) { position:static!important;inset:auto!important;margin:0!important;flex-shrink:0; }
body[data-msf-design] .msf-event-card-actions .blade-used-circle { order:3;min-width:82px;width:auto!important;height:32px!important;min-height:32px;padding:6px 9px!important;border:1px solid #536981!important;border-radius:7px!important;color:#b6cbe5!important;gap:5px; }
body[data-msf-design] .msf-event-card-actions .blade-used-circle::after { content:'Mark used';font:600 10px/1.3 Outfit,system-ui,sans-serif; }
body[data-msf-design] .msf-event-card-actions .blade-used-circle.on::after { content:'Used'; }
body[data-msf-design] .msf-event-card-actions .blade-used-circle.blocked::after { content:'Unavailable'; }
body[data-msf-design] .msf-event-card-actions .blade-used-circle svg { width:14px;height:14px; }
body[data-msf-design] .msf-event-card-actions .blade-used-circle.on { background:#163b32!important;color:#7ce0b2!important;border-color:#3d8468!important; }
body[data-msf-design] .msf-event-card-actions .blade-used-circle.blocked { color:#f59da7!important; }
body[data-msf-design] .msf-event-card-actions .cru-vid-corner { margin-left:auto!important;order:2;min-height:32px; }
body[data-msf-design] .msf-event-card-actions .cev-cn-pad { min-height:32px;min-width:42px;order:1; }
body[data-msf-design] .fear-ctr-card.blade-used-on { border-color:#62ba91!important;background:#142c28!important; }
body[data-msf-design] .fear-ctr-card.blade-used-blocked { border-color:#80434d!important; }
body[data-msf-design] .cev-blocks { max-width:1080px!important;width:100%!important;padding-inline:0!important; }
body[data-msf-design] .fear-ctr-grid { width:100%!important;max-width:1080px!important;gap:18px!important;margin-inline:auto!important; }
body[data-msf-design] .fear-ctr-grid { grid-template-columns:repeat(4,minmax(0,1fr))!important; }
body[data-msf-design] .fear-ctr-grid>.fear-ctr-card { grid-column:span 2; }
body[data-msf-design] .fear-ctr-grid>.fear-ctr-card:last-child:nth-child(2n+1) { grid-column:2/span 2; }
body[data-msf-design] .fear-ctr-card .wtf-pc-label-row:empty,body[data-msf-design] .fear-ctr-card .wtf-team-power:empty { display:none!important; }
body[data-msf-design] .fear-ctr-card .wtf-char-grid { display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;width:100%!important; }
body[data-msf-design] .fear-ctr-card .wtf-char-card { width:100%!important;min-width:0!important;max-width:none!important;margin:0!important; }
body[data-msf-design] .fear-ctr-card .wtf-char-card>img { width:100%!important;max-width:66px!important;height:72px!important;object-fit:contain!important; }
body[data-msf-design] .floor-nav-strip { margin:24px auto!important;max-width:800px!important;padding:0!important;gap:16px!important; }
body[data-msf-design] .floor-nav-strip .wtf-req-banner { padding:18px!important;border:1px solid #3c526d!important;border-radius:12px!important;background:#172538!important;flex:1!important;min-width:0; }
body[data-msf-design] .cev-navtitle { height:auto!important;min-height:0!important;display:block!important; }
body[data-msf-design] .cev-navtitle-t { position:static!important;transform:none!important;font:750 clamp(22px,3vw,32px)/1.3 Outfit,system-ui,sans-serif!important;letter-spacing:-.035em!important;color:#e5efff!important;text-shadow:none!important;text-transform:none!important;white-space:normal!important; }
body[data-msf-design] .floor-nav-strip-btn { width:40px!important;height:44px!important;min-width:40px;border:1px solid #425d7e!important;background:#18283d!important;color:#b4d3fa!important;border-radius:9px!important; }
body[data-msf-design] :where(.wtf-section-heading,.floor-section-heading) { font:650 12px/1.5 Outfit,system-ui,sans-serif!important;letter-spacing:.07em!important;color:#9eb9dd!important;text-align:center!important; }
@media(max-width:700px) {
 body[data-msf-design] .fear-ctr-card { padding:16px!important; }
 body[data-msf-design] .fear-ctr-grid { grid-template-columns:1fr!important; }
 body[data-msf-design] .fear-ctr-grid>.fear-ctr-card { grid-column:1/-1!important; }
 body[data-msf-design] .fear-ctr-card .wtf-char-card>img { height:58px!important; }
 body[data-msf-design] .fear-ctr-card .wtf-char-name { font-size:9px; }
 body[data-msf-design] .floor-nav-strip { gap:8px!important;margin:20px auto!important; }
 body[data-msf-design] .floor-nav-strip .wtf-req-banner { padding:14px 10px!important; }
}
/* Official Lucide strokes keep their geometry inside legacy controls. */
body[data-msf-design] svg.msf-lucide { display:inline-block;flex:0 0 auto;width:18px;height:18px;vertical-align:middle;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round;stroke-linejoin:round;pointer-events:none; }
body[data-msf-design] svg.msf-lucide * { fill:none!important;stroke:inherit!important; }
body[data-msf-design] .msf-icon-only { display:inline-flex;align-items:center;justify-content:center; }
body[data-msf-design] .msf-has-icon { gap:7px; }
body[data-msf-design] .msf-has-icon>svg { margin-inline:0 5px; }
body[data-msf-design] :is(#hamburgerBtn,#cruSettingsBtn)>svg { width:22px;height:22px;transform:none!important; }
body[data-msf-design] .cm-down svg.msf-lucide { transform:none!important; }
body[data-msf-design] :is(.ham-chevron,.wt-floor-arrow,.floor-arrow)>svg { width:16px;height:16px; }
body[data-msf-design] .msf-tool-icon svg.msf-lucide { width:21px;height:21px; }
body[data-msf-design] .msf-has-icon>svg:last-child { margin-inline:5px 0; }
body[data-msf-design] :is(.cru-info-btn,#defenseNoteBtn):has(>svg.msf-lucide) { border:0!important;background:transparent!important; }
body[data-msf-design] :is(.cru-info-btn,#defenseNoteBtn)>svg.msf-lucide { width:20px;height:20px; }
body[data-msf-design] .wt-floor-btn-arrow { display:inline-flex!important;align-items:center;justify-content:center; }
body[data-msf-design] .wt-floor-btn-arrow>svg.msf-lucide { width:18px;height:18px; }
body[data-msf-design] .tvm-navbtn svg.msf-lucide { width:22px;height:22px; }
body[data-msf-design] .arhub-icon svg.msf-lucide { width:26px;height:26px; }
body[data-msf-design] .cru-verdict-wm svg.msf-lucide { width:60%;height:60%; }
body[data-msf-design] .cru-verdict-go .cru-verdict-wm { color:#3dff8f; }
body[data-msf-design] .cru-verdict-risky .cru-verdict-wm { color:#ff5b5b; }

/* Center the links independently of the brand; the measured fit check folds them into the menu. */
body[data-msf-design] #msfTopNav { position:relative!important; }
body[data-msf-design] #msfTopNav .msf-tn-links { position:absolute;left:50%;transform:translateX(-50%);width:max-content;white-space:nowrap; }
body[data-msf-design] { --msf-accent:#df354c;--msf-accent-soft:#441d2a; }
body[data-msf-design]:not(.crucible-mode):not(.arena-mode) #searchBtn { background:#b91f36!important;border-color:#d03950!important;color:#fff!important; }
body[data-msf-design] #logoTitle,body[data-msf-design] #logoTitle span,body[data-msf-design] .msf-nav-brand { font-family:var(--msf-heading-font,Outfit),system-ui,sans-serif!important; }
body[data-msf-design] :where(#defensePortraitsDesktop,#defensePortraitsMobile) { display:none!important; }
/* A real two-column heading reserves space for the punch badge, even on long names. */
body[data-msf-design] .counter-card,body[data-msf-design].msf-compact .counter-card { display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;align-content:start;align-items:start; }
body[data-msf-design] .counter-card>* { grid-column:1/-1; }
body[data-msf-design] .counter-card>.counter-name { grid-column:1;grid-row:1; }
body[data-msf-design] .counter-card:not(:has(>.counter-punch-corner))>.counter-name { grid-column:1/-1; }
body[data-msf-design] .counter-card>.counter-punch-corner { grid-column:2;grid-row:1;justify-self:end;align-self:start;white-space:nowrap; }
body[data-msf-design] .counter-card>.msf-card-footer { align-self:end; }
body[data-msf-design] .cru-face-header { display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start; }
body[data-msf-design] .cru-face-header>.counter-punch-corner { grid-column:2;grid-row:1;justify-self:end;align-self:start; }
body[data-msf-design] .cru-face-header>.cru-face-label { grid-column:1;grid-row:1; }
body[data-msf-design] .cru-face-header>.cru-face-total { grid-column:1/-1;grid-row:2; }
body[data-msf-design] .cru-face-header>span:empty { display:none; }
body[data-msf-design] .msf-event-columns { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px;margin:32px auto;align-items:start; }
body[data-msf-design] .msf-event-columns>.events-list { display:flex!important;flex-direction:column;gap:16px;margin:0!important; }
body[data-msf-design] .msf-event-columns>.events-list>.goo-event-tile { width:100%!important;flex:auto; }
body[data-msf-design] .msf-event-columns .events-list-title { text-align:left!important; }
body[data-msf-design] #inactiveEventsSection { grid-column:1/-1; }
body[data-msf-design] #inactiveEventsPage .events-list { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr)); }
body[data-msf-design] #inactiveEventsPage .events-list>.goo-event-tile { width:100%!important; }
@media(max-width:700px){
 body[data-msf-design] .msf-event-columns,body[data-msf-design] #inactiveEventsPage .events-list { grid-template-columns:1fr; }
 body[data-msf-design] .msf-test-banner { flex-wrap:wrap;gap:5px 12px;padding:8px 12px; }
 body[data-msf-design] .msf-test-banner>span { display:none; }
}

/* One type family throughout the complete test application, including standalone pages. */
body,body * { font-family:Outfit,system-ui,sans-serif!important; }
body[data-msf-design] #eventsLinkRow { display:none!important; }

/* Event directory: one reading order and one shared card rhythm. Original buckets
   remain in the DOM because the schedule moves events between them. */
body[data-msf-design] #eventsPage .msf-event-columns { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px auto 40px;align-items:stretch; }
body[data-msf-design] #eventsPage .msf-event-columns>.events-list { display:contents!important; }
body[data-msf-design] #eventsPage .msf-event-columns>.events-list[style*="display: none"] { display:none!important; }
body[data-msf-design] #eventsPage .events-list-title { display:none!important; }
body[data-msf-design] #eventsPage .msf-event-columns>.events-list>.goo-event-tile { display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:210px!important;padding:22px!important;border:1px solid #34465d!important;background:#152131!important;box-shadow:none!important;border-radius:15px!important;color:#e6eef9!important; }
body[data-msf-design] #eventsPage .goo-event-tile:hover { border-color:#7188a3!important;background:#1a293c!important; }
body[data-msf-design] #eventsPage .goo-event-tile .event-tag { display:none!important; }
body[data-msf-design] #eventsPage .goo-event-tile .wt-tile-inner { flex:1;width:100%;gap:0!important;justify-content:center; }
body[data-msf-design] #eventsPage .goo-event-tile .wt-tile-left { gap:16px!important; }
body[data-msf-design] #eventsPage .goo-event-tile .cev-tile-img { width:54px!important;height:66px!important; }
body[data-msf-design] #eventsPage .goo-event-tile :where(.cev-tile-txt,.wt-tile-left>span) { font-size:20px!important;line-height:1.3!important;letter-spacing:-.02em!important; }
body[data-msf-design] #eventsPage .msf-event-status { align-self:flex-start;font-size:11px;font-weight:600;line-height:1.4;padding:4px 9px;border-radius:5px;background:#253449;color:#c1cede;letter-spacing:.02em;margin-bottom:14px; }
body[data-msf-design] #eventsPage [data-event-status=active]>.msf-event-status { background:#203c37;color:#a6dfc9; }
body[data-msf-design] #eventsPage [data-event-status=upcoming]>.msf-event-status { background:#203b50;color:#b6dff7; }
body[data-msf-design] #eventsPage .msf-event-card-footer { display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #304157;margin-top:18px;padding-top:13px;min-height:33px; }
body[data-msf-design] #eventsPage .msf-event-open { display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:500;white-space:nowrap;color:#c4d6ed;margin-left:auto; }
body[data-msf-design] #eventsPage .msf-event-open svg { width:15px;height:15px; }
body[data-msf-design] #eventsPage .goo-event-tile .wt-cd-wrapper { display:flex;align-items:center;gap:8px;border:0;padding:0;margin:0;min-width:0; }
body[data-msf-design] #eventsPage .goo-event-tile .wt-countdown { gap:7px!important; }
body[data-msf-design] #eventsPage .goo-event-tile .wt-cd-block { display:flex;flex-direction:row;align-items:baseline;gap:3px;min-width:0; }
body[data-msf-design] #eventsPage .goo-event-tile .wt-cd-num { font-size:12px!important;font-weight:600!important;line-height:1.3!important;font-variant-numeric:tabular-nums; }
body[data-msf-design] #eventsPage .goo-event-tile :where(.wt-cd-label,.wt-cd-unit) { font-size:11px!important;line-height:1.3!important;font-weight:400!important;letter-spacing:0!important;color:#b6c8df!important;-webkit-text-fill-color:#b6c8df!important;margin:0!important; }
body[data-msf-design] #eventsPage .goo-event-tile .wt-cd-colon,body[data-msf-design] #eventsPage .goo-event-tile .wt-cd-block:nth-of-type(n+3) { display:none!important; }
body[data-msf-design] #eventsPage .msf-event-resources { display:flex;flex-direction:column;justify-content:center;padding:22px;border:1px solid #2d3d52;border-radius:15px;background:#111c2a;gap:12px;min-width:0; }
body[data-msf-design] #eventsPage .msf-event-resources h2 { font-size:16px;line-height:1.3;margin:0 0 3px;color:#cedbee; }
body[data-msf-design] #eventsPage .msf-event-resources .events-list { display:contents!important; }
body[data-msf-design] #eventsPage .msf-event-resources .goo-event-tile { width:100%!important;min-height:46px!important;padding:12px 14px!important;flex:none!important;border:1px solid #34465d!important;border-radius:8px!important;background:transparent!important;text-align:left!important;color:#c6d7ed!important; }
body[data-msf-design] #eventsPage .msf-event-resources .wt-tile-inner { flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:12px!important; }
body[data-msf-design] #eventsPage .msf-event-resources .wt-tile-inner span { font-size:14px!important;font-weight:500!important;letter-spacing:0!important;color:#c6d7ed!important;-webkit-text-fill-color:#c6d7ed!important; }
@media(max-width:700px){
 body[data-msf-design] #eventsPage .msf-event-columns { grid-template-columns:1fr;gap:14px; }
 body[data-msf-design] #eventsPage .msf-event-columns>.events-list>.goo-event-tile { min-height:195px!important;padding:18px!important; }
 body[data-msf-design] #eventsPage .goo-event-tile :where(.cev-tile-txt,.wt-tile-left>span) { font-size:18px!important; }
 body[data-msf-design] #eventsPage .msf-event-card-footer { gap:8px;flex-wrap:wrap; }
}
body[data-msf-design] #eventsPage .goo-event-tile .wt-cd-wrapper { flex-direction:row!important;flex-wrap:wrap; }
body[data-msf-design] #eventsPage .goo-event-tile .wt-cd-num { color:#dae8fb!important;-webkit-text-fill-color:#dae8fb!important; }
body[data-msf-design] #eventsPage .msf-event-open { letter-spacing:0!important; }

/* Expanded navigation stays inside one scrollable, viewport-sized surface. */
body[data-msf-design] #hamburgerMenu { position:fixed!important;box-sizing:border-box!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#526780 transparent;max-height:calc(100dvh - 120px - env(safe-area-inset-bottom,0px))!important;scroll-padding-block:10px; }
body[data-msf-design] #hamburgerMenu>* { flex-shrink:0!important;min-width:0; }
body[data-msf-design] #hamburgerMenu :where(.ham-item,.ham-subitem) { flex-shrink:0!important;box-sizing:border-box;min-height:44px;font-size:14px!important;letter-spacing:0!important;color:#c4d0e1;white-space:normal;overflow-wrap:anywhere; }
body[data-msf-design] #hamburgerMenu .ham-submenu { flex-shrink:0!important;margin:2px 0 8px 14px;padding-left:6px;border-left:1px solid #3b506a;border-radius:0; }
body[data-msf-design] #hamburgerMenu .ham-item-icon:empty { display:none; }
body[data-msf-design] #hamburgerMenu :where(.ham-item,.ham-subitem):hover { background:#26364c!important;color:#f0f5fc!important; }

/* Event identity comes from its assigned color, within the shared card layout. */
body[data-msf-design] .msf-nav-brand .msf-wordmark { white-space:nowrap;text-transform:none!important; }
body[data-msf-design] .msf-nav-brand .msf-brand-accent { color:#df354c!important; }
body[data-msf-design] #eventsPage .goo-event-tile { --msf-event-accent:#7ba5d9; }
body[data-msf-design] #eventsPage .blade-tile { --msf-event-accent:#e02535; }
body[data-msf-design] #eventsPage .dys-tile { --msf-event-accent:#6aa450; }
body[data-msf-design] #eventsPage .storm-tile { --msf-event-accent:#00bff0; }
body[data-msf-design] #eventsPage #fearTowerActiveBtn { --msf-event-accent:#676ee8; }
body[data-msf-design] #eventsPage .msf-event-columns>.events-list>.goo-event-tile {
 background:radial-gradient(ellipse at 0% 0%,color-mix(in srgb,var(--msf-event-accent) 16%,transparent),transparent 75%),#152131!important;
 border-color:color-mix(in srgb,var(--msf-event-accent) 24%,#34465d)!important;
 box-shadow:inset 3px 0 0 color-mix(in srgb,var(--msf-event-accent) 80%,#71849c)!important;
}
body[data-msf-design] #eventsPage .msf-event-columns>.events-list>.goo-event-tile:hover {
 border-color:color-mix(in srgb,var(--msf-event-accent) 65%,#8197b3)!important;
 background:radial-gradient(ellipse at 0% 0%,color-mix(in srgb,var(--msf-event-accent) 23%,transparent),transparent 75%),#192739!important;
}
body[data-msf-design] #eventsPage .goo-event-tile>.msf-event-status {
 background:color-mix(in srgb,var(--msf-event-accent) 20%,#152131)!important;
 color:color-mix(in srgb,var(--msf-event-accent) 38%,#f2f6ff)!important;
}
body[data-msf-design] #eventsPage .goo-event-tile .msf-event-open {
 color:color-mix(in srgb,var(--msf-event-accent) 30%,#e5efff)!important;
}

/* Keep the original Edit node and its listener in the wrapping action row. */
body[data-msf-design] .msf-event-card-actions > .cev-mod-edit {
  position:static!important; inset:auto!important; transform:none!important;
  margin:0!important; flex:0 0 auto; order:1;
  min-height:40px; min-width:56px; padding:8px 12px!important;
  display:inline-flex; align-items:center; justify-content:center;
  font:600 12px/1.2 Outfit,system-ui,sans-serif!important;
  letter-spacing:0!important; text-transform:none!important;
}
body[data-msf-design] .msf-event-card-actions > .cev-mod-edit:focus-visible {
  outline:2px solid #ffd700; outline-offset:3px;
}

body[data-msf-design] .msf-arena-counter-faces { width:100%; }
body[data-msf-design] .msf-arena-counter-faces .meta-face-cards { margin-top:0;gap:10px; }
body[data-msf-design] .msf-arena-counter-faces .cp-def-cardrow { gap:8px; }
body[data-msf-design] .msf-arena-counter-faces .cp-fc { flex:0 1 calc((100% - 16px)/3);max-width:78px; }
body[data-msf-design] .msf-arena-counter-faces .cp-fc-name { font-size:10px;line-height:1.25; }
body[data-msf-design] .msf-arena-video-play { display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:4px 6px;background:none;border:0;border-radius:6px;cursor:pointer; }
body[data-msf-design] .msf-arena-video-play:focus-visible { outline:2px solid var(--msf-accent);outline-offset:3px; }
@media (hover:hover) and (pointer:fine) {
  body[data-msf-design] .msf-arena-video-play:hover { background:rgba(229,9,20,.12); }
}

/* Arena lineups use the shared facecards: three above two centered below. */
body[data-msf-design] .msf-popular-arena-faces { width:100%; }
body[data-msf-design] .msf-popular-arena-faces .meta-face-cards { margin-top:0;gap:10px; }
body[data-msf-design] .msf-popular-arena-faces .cp-def-cardrow { gap:8px; }
body[data-msf-design] .msf-popular-arena-faces .cp-fc { flex:0 1 calc((100% - 16px)/3);max-width:78px; }
body[data-msf-design] .msf-popular-arena-faces .cp-fc-name { font-size:10px;line-height:1.25; }

/* Keep the guide header compact and the five class choices together. */
body[data-msf-design] #orangeIsoPage { margin-top:8px!important; }
body[data-msf-design] #orangeIsoPage .oiso-header-bar {
  grid-template-columns:minmax(84px,1fr) minmax(0,auto) minmax(84px,1fr)!important;
  min-height:0;padding:8px 0!important;margin-bottom:0!important;gap:8px!important;
}
body[data-msf-design] #orangeIsoBackBtn {
  display:inline-flex;flex-direction:row;align-items:center;justify-content:center;
  width:auto;min-height:40px;gap:6px;white-space:nowrap;padding:8px 10px!important;
}
body[data-msf-design] #orangeIsoBackBtn>svg { flex:none;width:16px;height:16px;margin:0!important; }
body[data-msf-design] #orangeIsoPage .oiso-hero { padding:18px 12px 20px!important; }
body[data-msf-design] #oisoTabs {
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;
}
body[data-msf-design] #oisoTabs .oiso-tab { min-width:0;max-width:none; }
@media(max-width:600px) {
  body[data-msf-design] #orangeIsoPage .oiso-header-bar { grid-template-columns:84px minmax(0,1fr) 84px!important; }
  body[data-msf-design] #orangeIsoPage .oiso-hero { padding:14px 0 16px!important; }
  body[data-msf-design] #oisoTabs { gap:4px;padding:4px 0 12px; }
  body[data-msf-design] #oisoTabs .oiso-tab { padding:8px 2px 7px;min-height:64px; }
  body[data-msf-design] #oisoTabs .oiso-tab img { width:28px;height:28px; }
  body[data-msf-design] #oisoTabs .oiso-tab-name { font-size:clamp(9px,2.65vw,11px);letter-spacing:0;overflow-wrap:anywhere;max-width:100%; }
}

/* Event detail headings need their own space beside long floor/node names. */
body[data-msf-design] #cevUnitPage .results-title-block {
  width:100%;
  min-width:0;
}
body[data-msf-design] #cevUnitTitle {
  white-space:normal!important;
  overflow-wrap:anywhere;
  line-height:1.3;
}
body[data-msf-design] #cevUnitBack {
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:6px;
  white-space:nowrap;
  min-height:44px;
}
body[data-msf-design] #cevUnitBack svg { flex:none; }
@media (max-width:700px) {
  body[data-msf-design] #cevUnitPage .results-header {
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }
  body[data-msf-design] #cevUnitPage .results-header > :last-child { display:none; }
}

/* Native date controls must shrink with the dialog, including on iOS. */
body[data-msf-design] #evxOverlay,
body[data-msf-design] #evxOverlay > div {
  box-sizing:border-box;
  min-width:0;
}
body[data-msf-design] #evxBody { min-width:0; }
body[data-msf-design] #evxBody .evx-row {
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:12px;
  padding:16px 0;
}
body[data-msf-design] #evxBody .evx-name,
body[data-msf-design] #evxBody .evx-row > label:first-of-type { grid-column:1/-1; }
body[data-msf-design] #evxBody .evx-row > * { min-width:0; }
body[data-msf-design] #evxBody label { gap:6px; }
body[data-msf-design] #evxBody :is(input,select) {
  box-sizing:border-box;
  width:100%!important;
  min-width:0!important;
  max-width:100%;
  min-height:44px;
  height:44px;
  font-size:16px!important;
}
body[data-msf-design] #evxBody input::-webkit-date-and-time-value {
  min-width:0;
  text-align:left;
}
body[data-msf-design] #evxOverlay > div > :last-child { flex-wrap:wrap; }
body[data-msf-design] #evxClose { min-width:44px;min-height:44px; }
@media (max-width:640px) {
  body[data-msf-design] #evxOverlay { padding:16px 12px!important; }
  body[data-msf-design] #evxOverlay > div { padding:16px!important; }
  body[data-msf-design] #evxBody .evx-row { grid-template-columns:minmax(0,1fr); }
}

/* View All is an anchor and Meta Defenses is a button; center both labels
   inside the same line box so their native layouts cannot shift the text. */
body[data-msf-design] #navBtnRow > .nav-inline-link {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1.4;
}

body #tubePage #tvmChips.msf-topic-controls {
  flex-direction:column;
  flex-wrap:nowrap!important;
  gap:6px!important;
  margin:8px auto 16px;
  padding:0!important;
  overflow:visible!important;
  width:calc(100% - 7vw);
  max-width:560px;
}
body #tubeTopicLabel {
  color:#b5bfcc;
  font-size:13px;
  font-weight:600;
  line-height:1.4;
}
body #tubeTopicSelect {
  display:block;
  box-sizing:border-box;
  width:100%;
  min-width:0;
  height:46px;
  padding:0 12px;
  border:1px solid #465160;
  border-radius:10px;
  background:#171d27;
  color:#f0f3f8;
  color-scheme:dark;
  font-family:inherit;
  font-size:16px;
  font-weight:600;
  line-height:1.4;
  cursor:pointer;
}
body #tubeTopicSelect:focus-visible {
  outline:2px solid #9cd9ff;
  outline-offset:3px;
}
@media(max-width:780px) {
  body #tubePage #tvmChips.msf-topic-controls { margin:8px 3.5vw 14px;max-width:none; }
  body #tubePage #tvmChips.msf-topic-controls:not([data-tab="home"]) { display:none!important; }
}

.msf-galea-art { position:relative;display:inline-block;flex:none;line-height:0;vertical-align:middle; }
.msf-galea-art>img { display:block; }
/* Outfit's WAR COUNTER ink bounds are .735em, including rounded-letter
   overshoot (.01em below the baseline). Scale the whole mascot and bolt. */
body[data-msf-design] #counterSpan { align-items:baseline!important; }
body[data-msf-design] #megaphoneWrap { display:inline-block!important;vertical-align:baseline;line-height:0!important; }
body[data-msf-design] #megaphoneMan .msf-galea-art { vertical-align:baseline;top:.01em; }
body[data-msf-design] #megaphoneImg { height:.735em!important;width:auto!important;max-width:none!important; }
.msf-galea-bolt { position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0; }
.msf-announcement-signal .msf-galea-bolt { animation:msf-galea-announcement 5s ease-in-out infinite; }
@keyframes msf-galea-announcement { 0%,100% { opacity:0; } 50% { opacity:1; } }
#annGaleaFlashRow { display:flex;align-items:flex-start;gap:12px;margin-top:18px;padding:16px;border:1px solid #344b60;border-radius:12px;background:#132331; }
#annGaleaFlashRow input { flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:#d1253c; }
#annGaleaFlashRow strong { display:block;font-size:15px;color:#f2f5fa; }
#annGaleaFlashRow small { display:block;margin-top:5px;font-size:13px;line-height:1.5;color:#b7c5d7; }
@media (prefers-reduced-motion:reduce) { .msf-announcement-signal .msf-galea-bolt { animation:none;opacity:1; } }

/* Use the existing New Design palette and interaction vocabulary. */
body #otherProjectsPage { width:calc(100% - 48px);max-width:1120px;margin:16px auto 0;padding-bottom:48px; }
#otherProjectsPage .results-header { justify-content:flex-start;flex-wrap:wrap; }
.msf-projects-intro { max-width:730px;margin:36px 0 32px; }
.msf-projects-eyebrow { color:var(--msf-accent);font-size:12px;font-weight:600;letter-spacing:.06em; }
body #otherProjectsTitle { font-family:Outfit,system-ui,sans-serif;font-size:clamp(30px,4.3vw,48px);line-height:1.08;letter-spacing:-.035em;font-weight:700;margin:12px 0 18px;color:var(--msf-text);text-transform:uppercase!important; }
.msf-projects-intro p { color:var(--msf-muted);font-size:16px;line-height:1.7;margin:0; }
.msf-projects-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px; }
.msf-project-card { display:flex;flex-direction:column;min-width:0;padding:28px;background:var(--msf-surface);border:1px solid var(--msf-line);border-radius:16px; }
.msf-project-top { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px; }
.msf-project-top img { width:88px;height:88px;object-fit:contain;border-radius:12px; }
.msf-project-kind { color:var(--msf-muted);border:1px solid var(--msf-line);border-radius:6px;padding:5px 9px;font-size:12px;text-align:center; }
.msf-project-card h2 { font-size:28px;line-height:1.2;letter-spacing:-.025em;font-weight:650;margin:0 0 8px;color:var(--msf-text); }
body .msf-project-brand { text-transform:none!important; }
.msf-project-tagline { font-size:16px;font-weight:500;color:var(--msf-text);margin:0 0 16px; }
.msf-project-description { font-size:15px;line-height:1.7;color:var(--msf-muted);margin:0; }
.msf-project-features { display:grid;gap:10px;padding:22px 0 26px;margin:0;list-style:none;color:#c6cedb;font-size:14px;line-height:1.6; }
.msf-project-features li { position:relative;padding-left:18px; }
.msf-project-features li::before { content:'';position:absolute;left:0;top:.65em;width:5px;height:5px;border-radius:50%;background:var(--msf-accent); }
.msf-project-link { display:flex;align-items:center;justify-content:center;gap:10px;margin-top:auto;padding:12px 16px;min-height:48px;box-sizing:border-box;border:1px solid var(--msf-accent);border-radius:9px;background:var(--msf-accent-soft);color:var(--msf-text);font-size:14px;font-weight:600;text-decoration:none;transition:transform 160ms var(--msf-ease),background-color 160ms ease; }
.msf-project-link svg { display:block;width:18px;height:18px; }
.msf-project-link:active { transform:scale(.97); }
.msf-projects-note { color:var(--msf-muted);max-width:730px;font-size:13px;line-height:1.7;margin:24px 0 0; }
@media (hover:hover) and (pointer:fine) { .msf-project-link:hover { background:var(--msf-raised); } }
@media (max-width:700px) {
  body #otherProjectsPage { width:calc(100% - 32px); }
  .msf-projects-grid { grid-template-columns:1fr;gap:16px; }
  .msf-projects-intro { margin:28px 0; }
  .msf-project-card { padding:22px; }
  .msf-project-top img { width:72px;height:72px; }
}
@media (prefers-reduced-motion:reduce) { .msf-project-link { transition:none; }.msf-project-link:active { transform:none; } }

/* Keep full words readable in the five portrait columns. Allow the existing fitter to work. */
body[data-msf-design] :is(.cru-face-name,.wtf-char-name,.ftc-label,.cev-char-name) {
 font-family:Outfit,system-ui,sans-serif!important;font-size:11px;
 line-height:1.35!important;letter-spacing:0!important;text-transform:none!important;
 word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;
 min-width:0;max-width:100%;
}
body[data-msf-design] :is(.cru-face-name,.wtf-char-name,.ftc-label) :is(.cfn-main,.cfn-var) {
 word-break:normal!important;overflow-wrap:normal!important;text-transform:none!important;
}
body[data-msf-design] .cru-face-row {display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important;}
body[data-msf-design] .cru-face-row > * {min-width:0!important;width:100%!important;}
body[data-msf-design] #tubeModal {padding:24px;align-items:center;overflow:hidden;z-index:110000!important;}
body[data-msf-design] .tube-modal-inner {max-height:calc(100dvh - 48px);display:grid;grid-template-rows:auto auto minmax(0,1fr);background:#101722;border:1px solid #354860;border-radius:16px;overflow:hidden;}
body[data-msf-design] #tubeModalClose {position:static;justify-self:end;margin:8px 12px;min-height:44px;min-width:76px;padding:10px 16px;background:#233148;border-radius:9px;font:600 14px Outfit,system-ui;}
body[data-msf-design] #tubeModalPlayer {border-radius:0;max-height:60dvh;}
body[data-msf-design] #tubeModalMeta {overflow:auto;overscroll-behavior:contain;margin:0;padding:18px;min-height:0;}
body[data-msf-design] #tubeModalMeta h3 {line-height:1.4;overflow-wrap:break-word;}
body[data-msf-design] :is(#tvShareBtn,.msf-watch-youtube) {min-height:44px;display:inline-flex;align-items:center;padding:10px 14px;margin:12px 8px 12px 0!important;border:1px solid #4b6380;border-radius:9px;color:#eef4ff;background:#1d2b3f;font:600 14px Outfit,system-ui;text-decoration:none;box-sizing:border-box;}
body[data-msf-design] .tv-up-item {min-height:64px;padding:10px 0;}
body[data-msf-design] #tubeModal :focus-visible {outline:2px solid #8dcaff;outline-offset:3px;}
.msf-tv-skip {position:absolute;right:24px;bottom:calc(24px + env(safe-area-inset-bottom));z-index:20;min-height:44px;padding:10px 18px;border:1px solid #ffffff70;border-radius:8px;color:white;background:#141921;font:600 14px Outfit,system-ui;cursor:pointer;}
body[data-msf-design] .msf-whiplash-hero {position:relative;isolation:isolate;padding:0 18px 30px!important;overflow:hidden!important;}
body[data-msf-design] .msf-whiplash-crop {position:relative;height:clamp(260px,34vw,430px);overflow:hidden;margin:0 -18px -68px;pointer-events:none;opacity:.56;mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 62%,transparent 100%);}
body[data-msf-design] .msf-whiplash-art {display:block;width:100%;height:125%;object-fit:cover;object-position:center 12%;margin:0;filter:saturate(.85);}
body[data-msf-design] .msf-whiplash-hero .cev-hero-title {position:relative;z-index:1;margin-top:0!important;text-shadow:0 2px 24px #080d18aa!important;}
.msf-photo-preview {width:min(1100px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #4c6583;border-radius:14px;color:#eef4ff;background:#111b29;}
.msf-photo-preview::backdrop {background:#000c;}
.msf-photo-preview > img {display:block;width:100%;height:auto;}
.msf-photo-actions {position:sticky;top:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;background:#111b2b;z-index:1;}
.msf-photo-actions strong {flex:1 1 150px;}
.msf-photo-actions :is(a,button) {display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;box-sizing:border-box;border:1px solid #617d9f;border-radius:8px;background:#22334c;color:#fff;text-decoration:none;font:600 14px system-ui;cursor:pointer;}
.msf-photo-hint {padding:0 14px;font:14px/1.5 system-ui;}
.msf-alliance-export-grid .ar-card {width:100%!important;min-width:0!important;box-sizing:border-box;}
@media(max-width:700px){
 body[data-msf-design] #tubeModal {padding:0;}
 body[data-msf-design] .tube-modal-inner {width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box;}
 body[data-msf-design] #tubeModalMeta {padding:16px;}
 body[data-msf-design] .msf-whiplash-art {width:100%;max-width:none;margin:0;object-fit:cover;}
}
@media(max-width:390px){
 body[data-msf-design] .fear-ctr-card .wtf-char-grid {gap:4px!important;}
 body[data-msf-design] .cru-face-row {gap:4px!important;}
}
@media(max-height:500px) and (orientation:landscape){
 body[data-msf-design] #tubeModal {padding:8px;}
 body[data-msf-design] .tube-modal-inner {grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr);grid-template-rows:52px minmax(0,1fr);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);}
 body[data-msf-design] #tubeModalClose {grid-column:2;grid-row:1;}
 body[data-msf-design] #tubeModalPlayer {grid-column:1;grid-row:1/3;align-self:center;max-height:100%;}
 body[data-msf-design] #tubeModalMeta {grid-column:2;grid-row:2;}
}
@media(max-width:700px){body[data-msf-design] .msf-whiplash-hero{padding:0 0 22px!important;}body[data-msf-design] .msf-whiplash-crop{margin:0 0 -68px;}}

/* Public launch: the Weekly tile is a real navigable link. */
a.msf-home-tool{text-decoration:none;color:inherit}
#hamWeeklyLink{min-height:44px}

/* Green phosphor style with static scanlines and the approved sidebar layout. */
body[data-msf-design].retro-mode {--msf-bg:#06110b;--msf-surface:#0c2115;--msf-line:#315941;--msf-text:#b4efc7;--msf-muted:#91b49e;--msf-accent:#a2efb8;--msf-accent-soft:#173923;background:#06110b!important;}
body[data-msf-design].retro-mode::before,body[data-msf-design].retro-mode::after {display:none!important;}
body[data-msf-design].retro-mode :is(#searchPage,#resultsPage,#listPage,#metasPage)::after {background:repeating-linear-gradient(transparent 0 3px,#00190620 3px 4px);animation:none;box-shadow:none;opacity:.32;}
body[data-msf-design].retro-mode #msfTopNav {background:#08170ff5!important;border-color:#315941!important;}
body[data-msf-design].retro-mode .msf-brand-accent {color:#b4efc7!important;}
body[data-msf-design].retro-mode #searchPage {width:min(1260px,calc(100% - 48px))!important;padding-top:30px!important;}
body[data-msf-design].retro-mode #searchPage>.logo-wrap {display:none!important;}
.retro-command {display:grid;grid-template-columns:185px minmax(0,1fr);width:100%;border:1px solid #315941;border-radius:12px;background:radial-gradient(ellipse at 50% 0,#14342355,transparent 80%),#06110b;overflow:hidden;color:#b4efc7;}
body[data-msf-design] .retro-command :is(button,input,p,h1,h2,h3,span,a,label,div){font-family:'Courier New',monospace!important;}
.retro-sidebar {padding:24px 18px;border-right:1px solid #315941;display:flex;flex-direction:column;gap:9px;min-width:0;}
.retro-brand {font:bold 22px/1.4 'Courier New',monospace;letter-spacing:2px;margin-bottom:20px;}
.retro-mode-list {display:grid;gap:9px;}
body[data-msf-design] .retro-command button {color:#b4efc7;background:#0c2115;border:1px solid #355a42;border-radius:2px;min-height:44px;padding:11px 14px;font-size:12px;line-height:1.5;cursor:pointer;box-shadow:none;}
body[data-msf-design] .retro-sidebar button {text-align:left;border-color:transparent;background:transparent;}
body[data-msf-design] .retro-sidebar button[aria-pressed=true] {color:#d0ffdd;background:#173923;border-color:#628d6c;}
body[data-msf-design] .retro-command button:active {transform:scale(.98);}
body[data-msf-design] .retro-command :focus-visible {outline:2px solid #a2efb8!important;outline-offset:3px!important;}
.retro-system {white-space:pre-line;color:#91b49e;font-size:10px;letter-spacing:1.4px;line-height:1.8;}
body[data-msf-design] .retro-sidebar .retro-exit {margin-top:auto;border-top:1px solid #315941;}
.retro-workspace {padding:28px;min-width:0;}
.retro-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 24px;}
body[data-msf-design] .retro-heading h1 {font-size:24px;font-weight:bold;line-height:1.3;letter-spacing:0;margin:0;color:#b4efc7;}
.retro-eyebrow {font-size:10px;letter-spacing:1.5px;color:#91b49e;}
.retro-account {display:flex;justify-content:flex-end;align-items:center;margin-bottom:16px;}
body[data-msf-design] .retro-account :is(#msfLoginBtnWrap,#welcomeGreeting) {margin:0!important;}
body[data-msf-design] .retro-command .search-wrap {width:100%!important;max-width:none!important;}
body[data-msf-design] .retro-command #searchInput {background:#0e2418!important;color:#d0ffdd!important;border-color:#5e8e6c!important;border-radius:2px!important;}
body[data-msf-design] .retro-command #searchBtn {background:#173923!important;border-color:#628d6c!important;color:#d0ffdd!important;border-radius:2px!important;box-shadow:none!important;}
body[data-msf-design] .retro-command :is(#offenseBtn,#suggestions) {background:#0c2115!important;border-color:#355a42!important;color:#b4efc7!important;border-radius:2px!important;}
body[data-msf-design] .retro-command :is(.msf-search-label,.nav-inline-link) {color:#a2cbb0!important;}
.retro-dashboard {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px;margin-top:26px;}
.retro-panel {border:1px solid #315941;padding:18px;min-width:0;}
.retro-panel-heading {display:flex;justify-content:space-between;align-items:baseline;gap:10px;}
body[data-msf-design] .retro-panel h2,.retro-panel-heading>span {font-size:10px;line-height:1.5;letter-spacing:1px;color:#a2cbb0;margin:0 0 14px;}
body[data-msf-design] .retro-command .retro-meta-row {display:flex;width:100%;gap:10px;align-items:center;text-align:left;padding:12px 0;border:0;border-bottom:1px solid #294b35;background:transparent;}
.retro-team {flex:1;min-width:0;overflow-wrap:normal;word-break:normal;}
.retro-rank,.retro-view {font-size:10px;flex-shrink:0;color:#9dc7ab;}
body[data-msf-design] .retro-command .retro-more {border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;font-size:10px;margin-top:10px;padding-left:0;}
body[data-msf-design] .retro-events h3 {font-size:22px;line-height:1.3;margin:18px 0;color:#b4efc7;}
body[data-msf-design] .retro-panel p {font-size:13px;line-height:1.7;color:#9dbba8;margin:12px 0 20px;}
body[data-msf-design] .retro-command .msf-home-tools {margin:22px 0 0!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
body[data-msf-design] .retro-command .msf-home-tool {background:transparent!important;border:1px solid #315941!important;border-radius:2px!important;min-height:75px!important;padding:12px!important;text-align:left;align-items:flex-start;}
.retro-command .msf-tool-icon {display:none;}
body[data-msf-design] .retro-command .msf-home-tool strong {font-size:12px;margin:0;}
body[data-msf-design] .retro-command .msf-home-tool span:not(.msf-tool-icon) {font-size:11px;color:#9dbba8;}
@media(hover:hover) and (pointer:fine){body[data-msf-design] .retro-command button:hover {background:#173923!important;border-color:#628d6c!important;}}
@media(max-width:900px){.retro-dashboard{grid-template-columns:1fr;}.retro-eyebrow{display:none;}.retro-workspace{padding:20px;}}
@media(max-width:600px){body[data-msf-design].retro-mode #searchPage{width:calc(100% - 24px)!important;padding-top:18px!important;}.retro-command{grid-template-columns:94px minmax(0,1fr);}.retro-sidebar{padding:16px 8px;gap:5px;}.retro-brand{font-size:15px;letter-spacing:0;}.retro-workspace{padding:16px 12px;}body[data-msf-design] .retro-sidebar button{font-size:10px;padding:10px 6px;}.retro-system{font-size:8px;letter-spacing:.5px;}.retro-heading{margin-bottom:18px;}body[data-msf-design] .retro-heading h1{font-size:19px;}.retro-panel{padding:12px;}.retro-panel-heading>span{display:none;}.retro-command .search-input-row{flex-wrap:wrap!important;}.retro-command .input-wrap{flex-basis:100%!important;}body[data-msf-design] .retro-command #searchBtn{width:100%;}body[data-msf-design] .retro-command .msf-home-tools{grid-template-columns:1fr;}body[data-msf-design] .retro-command .nav-inline-row{gap:6px!important;flex-wrap:wrap!important;}.retro-command .retro-view{display:none;}body[data-msf-design] .retro-command #offenseBtn{font-size:11px!important;white-space:normal;}body[data-msf-design] .retro-account #msfLoginBtnWrap img{max-width:100%;height:auto;}body[data-msf-design] .retro-account #welcomeGreetingText{max-width:100%;white-space:normal;}}
@media(max-width:600px){body[data-msf-design] .retro-command .search-main-row{flex-direction:column!important;align-items:stretch!important;width:100%;}body[data-msf-design] .retro-command .input-wrap{width:100%;}.retro-command .retro-team{font-size:11px;}}
body[data-msf-design].retro-mode :is(#resultsPage,#listPage,#metasPage) :is(.results-title,.list-title-bar,.msf-popular-name,.alpha-team,.cru-face-name){font-family:'Courier New',monospace!important;}
body[data-msf-design].retro-mode :is(#resultsPage,#listPage,#metasPage) :is(.cru-face-card,.meta-card,.msf-popular-card,.letter-section){background:#0c2115!important;border-color:#315941!important;}
body[data-msf-design].retro-mode .retro-command #searchBtn {background:#173923!important;border-color:#628d6c!important;color:#d0ffdd!important;}
body[data-msf-design] .retro-command :is(.retro-brand,.retro-eyebrow,.retro-panel h2,.retro-panel-heading>span,.retro-sidebar button,.retro-more,.retro-view){text-transform:uppercase!important;}