.mf{--mf-paper:#e7e2d0;--mf-ink:#263d3f;--mf-teal:#447e79;position:relative;isolation:isolate;display:grid;grid-template-rows:38px 26px minmax(252px,1fr) 43px 30px 36px 18px;gap:5px;padding:8px;box-sizing:border-box;width:100%;max-width:500px;height:570px;max-height:calc(100svh - 118px);min-height:530px;margin:0 auto;background:#e9e7db;border:1px solid #aeb9a9;border-radius:13px;color:var(--mf-ink);font-family:inherit;box-shadow:0 10px 30px #263c3920}.mf *{box-sizing:border-box}.mf button,.mf select,.mf input{font:inherit}.mf button,.mf select{border:1px solid #a0afa2;background:#f6f2e4;border-radius:6px;color:var(--mf-ink);cursor:pointer}.mf button:disabled,.mf select:disabled{opacity:.43;cursor:default}.mf button:not(:disabled):hover{background:#fff9e7;border-color:#5c8278}.mf button:focus-visible,.mf select:focus-visible,.mf input:focus-visible{outline:3px solid #467f7a;outline-offset:2px}.mf .mf-primary{background:#376f6b;color:#fff5de;border-color:#305f5e;font-weight:700}.mf .mf-primary:not(:disabled):hover{background:#285a58;color:#fff5de}.mf-top{display:flex;gap:7px;align-items:center;min-width:0}.mf-place{flex:1;min-width:0}.mf-place strong,.mf-place small{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mf-place strong{font-size:13px}.mf-place small{font-size:10px;color:#5b716d}.mf-resources{font-variant-numeric:tabular-nums;display:flex;gap:7px;font-size:12px;white-space:nowrap}.mf-top>button{font-size:11px;min-height:30px;padding:4px 7px}.mf-objective{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:3px 7px;border:1px solid #bec7b4;border-radius:5px;background:#dde2d2;font-size:11px}.mf-objective strong{min-width:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mf-objective span{white-space:nowrap;font-variant-numeric:tabular-nums}.mf-board-wrap{display:flex;justify-content:center;align-items:center;min-height:252px;min-width:0;border-radius:7px;background:#d2d9c9;overflow:hidden}.mf-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);direction:ltr;gap:1px;background:#879a8d;border:2px solid #778e83;border-radius:5px;overflow:hidden;flex:none}.mf .mf-cell{position:relative;min-width:0;min-height:0;padding:1px;border:0!important;border-radius:0!important;background:#c7d3bd!important;isolation:isolate;touch-action:manipulation}.mf-cell:focus-visible{outline-offset:-3px!important;z-index:3}.mf-cell::after{content:'';position:absolute;inset:0;pointer-events:none;border-top:1px solid #f9f8dd34;border-left:1px solid #f9f8dd28}.mf-cell.t1{background:#8f9e94!important}.mf-cell.t2{background:#83a8ae!important}.mf-cell.t3{background:#a6b78d!important}.mf-cell.t4{background:#d5c49d!important}.mf-cell.t5{background:#afc9cb!important}.mf-cell.t6{background:#a7bd9a!important}.mf-cell .mf-ground{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:500;color:#547d78;opacity:.6;z-index:-1}.mf-cell.t1 .mf-ground{color:#52665f;font-size:24px}.mf-cell.t4 .mf-ground{color:#9d8d68;font-size:16px}.mf-unit{position:absolute;inset:1px 2px 4px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 0 #45675b30)}.mf-unit svg{display:block;width:92%;height:100%;max-width:36px;max-height:42px}.mf-cell-hp{position:absolute;right:1px;bottom:0;min-width:10px;height:11px;padding:0 2px;background:#2c4d49e8;color:#f7efd7;border-radius:3px;font-size:9px;line-height:11px;font-weight:700;font-variant-numeric:tabular-nums}.mf-cell.is-enemy .mf-cell-hp{background:#785345}.mf-cell.is-wreck .mf-unit{opacity:.45}.mf-cell.is-selected{box-shadow:inset 0 0 0 3px #266d66;z-index:1}.mf-cell.is-reachable{box-shadow:inset 0 0 0 1.5px #588e7770}.mf-cell.is-target{box-shadow:inset 0 0 0 3px #e1ae58;z-index:2}.mf-cell.is-danger::before{content:'';position:absolute;inset:1px;z-index:2;pointer-events:none;border:2px solid #ae6552;clip-path:polygon(0 0,32% 0,32% 8%,8% 8%,8% 32%,0 32%,0 0,100% 0,100% 32%,92% 32%,92% 8%,68% 8%,68% 0,100% 0,100% 100%,68% 100%,68% 92%,92% 92%,92% 68%,100% 68%,100% 100%,0 100%,0 68%,8% 68%,8% 92%,32% 92%,32% 100%,0 100%)}.mf-intent{position:absolute;left:1px;top:0;color:#914f43;font-weight:800;font-size:10px;z-index:3;line-height:11px}.mf-effect{position:absolute;left:1px;bottom:0;z-index:4;background:#a55644;color:#fff8dd;border-radius:3px;font-size:10px;font-weight:750;padding:0 2px}.mf-spawn{position:absolute;top:1px;right:1px;z-index:2;border:1px dashed #9b6250;background:#eadfc5d9;color:#805447;font-size:10px;line-height:11px;border-radius:3px}.mf-object{position:absolute;inset:4px;border:2px solid #76938b;border-radius:50%;z-index:-1}.mf-hot{position:absolute;left:2px;top:1px;color:#b86b47;font-size:12px;font-weight:750}.mf-squad{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.mf-squad button{min-width:0;display:flex;align-items:center;gap:5px;padding:3px 5px;font-size:11px;text-align:start}.mf-squad button[aria-pressed=true]{border:2px solid #377b72;background:#dbe7d8}.mf-mini{width:24px;height:32px;flex:none}.mf-mini svg{width:100%;height:100%}.mf-squad-label{min-width:0}.mf-squad-label strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mf-squad-label small{display:flex;gap:4px;font-size:9px;line-height:1.2;white-space:nowrap}.mf-spent{color:#86928b;text-decoration:line-through}.mf-tools{display:grid;grid-template-columns:1fr 1fr 1.2fr 1fr 1fr;gap:4px}.mf-tools button,.mf-tools select{min-width:0;padding:3px 2px;font-size:10px}.mf-tools button[aria-pressed=true]{background:#cadcd0;border-color:#44857c}.mf-actions{display:grid;grid-template-columns:1.5fr 1fr 1.4fr;gap:7px}.mf-actions button{min-width:0;font-size:12px;padding:4px 3px}.mf-actions .mf-end{background:#c6ab7e;border-color:#9f8e6b;color:#344540}.mf-context{display:flex;align-items:center;min-width:0;font-size:10px;color:#567066;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mf-context.warn{color:#984f3d}.mf-overlay{position:absolute;inset:0;z-index:10;display:flex;justify-content:center;align-items:center;padding:10px;background:#1d3839d9;backdrop-filter:blur(3px)}.mf-panel{max-height:100%;overflow:auto;overscroll-behavior:contain;width:100%;max-width:410px;border:1px solid #a8b59f;border-radius:12px;background:#f0eddf;color:#304642;padding:17px;box-shadow:0 10px 35px #142d3255}.mf-panel h2{font-size:20px;margin:0 0 12px}.mf-panel p{font-size:12px;line-height:1.45;margin:8px 0}.mf-panel button{min-height:34px;padding:6px 9px;font-size:12px}.mf-panel>.mf-primary{width:100%;margin:7px 0}.mf-panel label{font-size:11px;display:block}.mf-panel input{display:block;width:100%;margin:5px 0 8px;padding:8px;background:#fff9eb;border:1px solid #a2b1a2;border-radius:6px;direction:ltr}.mf-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:9px 0}.mf-choice{display:block;text-align:start;width:100%;margin:7px 0;padding:10px!important}.mf-choice strong,.mf-choice small{display:block}.mf-choice small{font-size:11px;line-height:1.4;margin-top:4px}.mf-choice[aria-pressed=true]{background:#d6e2cf;border-color:#53877a}.mf-stars{font-size:23px;letter-spacing:3px;color:#a37839}.mf-summary{font-size:15px!important;color:#4d6b5d}.mf-warning{color:#a15b45}.mf[data-region="1"] .mf-board-wrap{background:#bfcfcb}.mf[data-region="2"] .mf-cell.t0{background:#d5c8ad!important}.mf[data-region="3"] .mf-cell.t0{background:#c6d7d5!important}.mf[data-region="4"] .mf-cell.t0{background:#c2bab0!important}.mf[data-region="5"] .mf-cell.t0{background:#acb9b7!important}
@media(max-width:420px){.mf{height:560px;border-radius:10px;padding:6px;gap:4px;grid-template-rows:36px 25px minmax(252px,1fr) 42px 30px 36px 18px}.mf-top{gap:5px}.mf-place strong{font-size:12px}.mf-place small{font-size:9px}.mf-resources{font-size:11px;gap:5px}.mf-top>button{font-size:10px;padding:3px 5px}.mf-squad button{gap:2px;padding:2px 3px}.mf-mini{width:21px;height:30px}.mf-squad-label strong{font-size:10px}.mf-actions{gap:6px}.mf-actions button{font-size:11px}.mf-panel{padding:13px}.mf-panel h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){.mf-overlay{backdrop-filter:none}}
/* Denser field tones and quiet, high-contrast public intent markers. */
.mf{background:#d9ddce;border-color:#8d9f91;grid-template-rows:38px 26px minmax(252px,1fr) 43px 30px 36px 30px}.mf-board-wrap{background:#b6c5b4}.mf .mf-cell.t0{background:#b5c5ac!important}
.mf-cell.is-danger::before{border-width:2.5px;border-color:#8b4639}
.mf-intent{top:1px;min-width:12px;height:13px;padding:0 2px;border:1px solid #9b6550;border-radius:3px;background:#f3e8d1ed;color:#793c32;font-size:11px;line-height:11px;text-align:center}
.mf-move-intent{min-width:15px;border-color:#5f8074;background:#e7eee0f0;color:#285d58;font-size:13px;font-weight:800}
.mf-context{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;line-height:1.35;overflow:hidden}
@media(max-width:420px){.mf{height:590px;min-height:590px;max-height:none;grid-template-rows:40px 25px minmax(252px,1fr) 44px 40px 42px 34px}.mf-top>button,.mf-tools button,.mf-tools select,.mf-actions button,.mf-panel button,.mf-panel input{min-height:40px}.mf-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mf-panel button{min-width:0;overflow-wrap:break-word}.mf-context{font-size:10px}}