/* Auto Farm: its own screen (tab 'farm'), the farm window (#farm-dialog) and the mini player under the menu
   (web/auto-farm.js). Same pieces as the raids: pf-panel, the client's ribbon between the stone flags, the
   blue and gold flag for "Ao vivo", ba-outcome for confirmation and results, and only the colours of
   docs/DESIGN.md. No block has a fixed height: everything stacks from the top, so nothing leaves a gap. */
.fm-screen .fm-body{display:flex;flex-direction:column;gap:6px;padding:6px}
.fm-head{display:flex;align-items:center;gap:8px;min-width:0}
.fm-head .fm-ribbon{flex:1;min-width:0;margin:0}
.fm-back,.fm-help{flex:0 0 auto}
.fm-help{min-width:28px;padding:2px 8px}
/* One column at every width (the field, then the numbers, then the recent battles beside the buttons):
   a side column shorter than the field left an empty block under it on the desktop. */
.fm-grid{display:flex;flex-direction:column;gap:6px;width:100%;max-width:min(900px,calc(58dvh*15/11 + 4px));margin:0 auto}
@media(max-width:900px){.fm-grid{max-width:none}}
.fm-duo{display:grid;gap:6px;align-items:stretch}
@media(min-width:760px){.fm-duo{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.fm-duo>:only-child{grid-column:1/-1}}
.fm-duo>.fm-actions,.fm-duo>.fm-idle-actions{align-content:stretch}
.fm-main,.fm-side{display:flex;flex-direction:column;gap:6px;min-width:0}
.fm-main .pf-panel,.fm-side .pf-panel{margin:0}
.fm-ico{width:16px;height:16px;vertical-align:middle;image-rendering:pixelated}
.fm-ico-s{width:12px;height:12px;vertical-align:middle;image-rendering:pixelated}
.fm-sec{display:flex;align-items:baseline;gap:6px;margin:4px 0 0;color:#e4ca78;font-size:11px}
.fm-sec small{margin-left:auto;color:#a9a9a9}

/* Target strip: what the run is after and where it is now. */
.fm-strip{display:flex;align-items:center;gap:6px;padding:4px 6px}
.fm-strip-map{flex:0 0 auto;width:56px;max-height:42px}
.fm-strip-pic{width:40px;height:40px;flex:0 0 auto;object-fit:contain;image-rendering:pixelated}
.fm-who{display:grid;gap:3px;flex:1;min-width:0}
.fm-who>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c0c0c0}
.fm-who b{color:#fff;font-weight:normal}
.fm-who small{color:#a9a9a9}
.fm-where{display:grid;justify-items:end;gap:1px;color:#a9a9a9;font-size:10px;text-align:right;flex:0 1 auto;min-width:0}
.fm-where b{color:#e4ca78;font-weight:normal;font-size:11px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fm-bar-p{position:relative;display:block;height:7px;background:#1c1c1c;border:1px solid #111;box-shadow:1px 1px #6a6a6a}
.fm-bar-p i{position:absolute;inset:0 auto 0 0;background:#f4d35e}

/* Field */
.fm-board-wrap{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#1c1c1c;border:1px solid #111;box-shadow:inset 1px 1px #000,1px 1px #6a6a6a}
.fm-board-wrap canvas{display:block;width:100%;height:auto;max-height:58dvh;object-fit:contain;image-rendering:pixelated}
.fm-over{position:absolute;inset:0;pointer-events:none}
.fm-over>*{pointer-events:auto}
.re-flag.fm-live{position:static;flex:0 0 auto;min-width:76px;height:22px;padding:0 9px 0 12px;background-size:auto 22px;font-size:10px}
.fm-over>.re-flag.fm-live{position:absolute;left:4px;right:auto;top:4px}
.fm-replay,.fm-next{position:absolute;top:5px;padding:1px 6px;font-size:10px;color:#c0c0c0;background:#1c1c1c;border:1px solid #111;box-shadow:1px 1px #6a6a6a}
.fm-replay{left:5px;color:#e4ca78}
.fm-next{right:5px}
.fm-speed{position:absolute;right:4px;bottom:4px;display:flex;gap:2px}
.fm-speed button{min-height:22px;padding:0 7px;font-size:10px}
.fm-hud{position:absolute;left:5px;bottom:5px;max-width:calc(100% - 150px);padding:1px 6px;font-size:10px;color:#e4ca78;background:#1c1c1c;border:1px solid #111;box-shadow:1px 1px #6a6a6a;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fm-hud:empty{display:none}
.fm-banner{position:absolute;left:50%;top:16%;padding:6px 18px;opacity:0;pointer-events:none;transform:translateX(-50%);font:bold 16px/18px 'Tibia Pixel',Verdana,sans-serif;color:#f4d35e;text-shadow:2px 0 #000,-2px 0 #000,0 2px #000,0 -2px #000;background:#1c1c1c;border:1px solid #111;box-shadow:1px 1px #6a6a6a}
.fm-banner.is-loss{color:#ff8b7e}
.fm-banner.show{animation:fm-banner 2.2s ease-out}
@keyframes fm-banner{0%{opacity:0;transform:translate(-50%,-8px)}15%,75%{opacity:1;transform:translate(-50%,0)}100%{opacity:0}}
#fm-layer:empty{display:none}
/* Confirmation and result cover the screen (like the raid result): inside the field they were cut on a phone. */
.ba-outcome.fm-outcome{position:fixed;inset:0;z-index:60;padding:12px}
.fm-outcome .ba-outcome-window{width:min(340px,100%);max-height:calc(100dvh - 24px);overflow:auto}
.fm-outcome .pf-note{margin:6px;text-align:center}
.fm-outcome .fm-nums,.fm-outcome .fm-slots{margin:0 6px 6px}

/* Numbers, recent battles and the five buttons */
.fm-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.fm-chip{display:grid;justify-items:center;align-content:start;gap:1px;padding:4px 2px;text-align:center;min-width:0}
.fm-chip-ic,.fm-chip .ti,.fm-chip img{width:20px;height:20px;image-rendering:pixelated}
.fm-chip b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-weight:normal;font-size:12px;font-variant-numeric:tabular-nums}
.fm-chip small{color:#a9a9a9;font-size:10px;line-height:12px}
.is-good{color:#5fc85f!important}.is-gold{color:#f4d35e!important}.is-bad{color:#e8756c!important}
.fm-recent{display:grid;gap:4px;width:100%;min-height:0;padding:5px 6px;text-align:left;white-space:normal}
.fm-recent .fm-sec{margin:0}
.fm-squares{display:flex;flex-wrap:wrap;gap:2px}
.fm-squares i{display:grid;place-items:center;width:20px;height:20px;font:bold 10px 'Tibia Pixel',Verdana,sans-serif;font-style:normal;background:#1c1c1c;border:1px solid #111;box-shadow:1px 1px #6a6a6a}
.fm-squares i.is-win{color:#5fc85f}.fm-squares i.is-loss{color:#e8756c}.fm-squares i.is-helper{outline:1px solid #e4ca78;outline-offset:-1px}
.fm-sq-ic{width:16px;height:16px;image-rendering:pixelated;vertical-align:middle}
.fm-drop{display:flex;align-items:center;gap:4px;color:#a9a9a9;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.fm-drop b{color:#fff;font-weight:normal}
.fm-status{margin:0;padding:2px 0 2px 8px;border-left:2px solid #6a6a6a;color:#c0c0c0}
.fm-status.is-on{border-color:#5fc85f;color:#fff}
.fm-status.is-wait{border-color:#e4ca78;color:#e4ca78}
.fm-actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}
.fm-actions button{display:grid;justify-items:center;align-content:center;gap:2px;min-height:58px;padding:4px 1px;font-size:10px}
.fm-act-ic,.fm-actions .ti{width:28px;height:28px;object-fit:contain;image-rendering:pixelated}
.fm-stop{color:#e8756c}
/* 2.83.1: Parar is red like every action that stops something (button.danger); Nova sessão / Iniciar are green (primary). */
.fm-actions .fm-stop.danger{color:#fff}
.fm-stop-glyph{display:block;width:22px;height:22px;margin:3px;background:#e8584c;border:1px solid #000;box-shadow:inset 2px 2px #ff8b7e,inset -2px -2px #111}
.fm-last{display:flex;align-items:center;gap:6px;padding:5px 6px}
.fm-last>span{display:grid;flex:1;min-width:0}
.fm-last b{color:#fff;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fm-last small{color:#a9a9a9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fm-idle-actions{display:flex;flex-wrap:wrap;align-content:flex-start;gap:4px}
.fm-idle-actions>button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:4px}
.fm-new{flex-basis:100%!important;min-height:42px;font-size:13px}

/* The farm window */
.fm-modal{width:min(560px,96vw);max-height:92dvh}
#farm-dialog-body{display:flex;flex-direction:column;gap:6px}
#farm-dialog-footer{display:flex;justify-content:flex-end;gap:6px;padding:6px 8px;border-top:1px solid #111;box-shadow:inset 0 1px #6a6a6a}
#farm-dialog-footer:empty{display:none}
.fm-steps{display:flex;gap:4px}
.fm-steps i{display:grid;place-items:center;width:18px;height:18px;font-style:normal;font-size:10px;color:#a9a9a9;background:#1c1c1c;border:1px solid #111}
.fm-steps i.is-on{color:#fff;border-color:#c5b47c}
.fm-steps i.is-done{color:#5fc85f}
.fm-msg{margin:0;color:#e8756c}
.fm-msg:empty{display:none}
.fm-modes{display:grid;gap:6px}
.fm-mode{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:64px;padding:6px 8px;text-align:left;white-space:normal}
.fm-mode b{display:block;color:#fff;font-weight:normal;font-size:12px}
.fm-mode small{color:#a9a9a9}
.fm-mode-box{display:grid;place-items:center;width:52px;height:52px;background:#1c1c1c;border:1px solid #111;box-shadow:inset 1px 1px #000}
.fm-mode-pic{width:44px;height:44px;object-fit:contain;image-rendering:pixelated}
.fm-mode-box .fm-mode-map{width:48px;height:48px;max-height:48px;object-fit:cover;border:0}
.fm-mode-pic.is-shiny{filter:drop-shadow(0 0 2px #f4d35e)}
.fm-mode.is-locked .fm-mode-pic{filter:grayscale(1) brightness(.55)}
.fm-mode.is-locked b{color:#a9a9a9}
.fm-vip{display:inline-flex;align-items:center;gap:2px;padding:0 4px;font-size:10px;color:#f4d35e;background:#262626;border:1px solid #111}
.fm-vip img{width:14px;height:14px;image-rendering:pixelated}
.fm-trial{display:flex;align-items:center;gap:6px;padding:5px 6px;background:#262626;border:1px solid #111;box-shadow:inset 1px 1px #000,1px 1px #6a6a6a}
.fm-trial span{flex:1;color:#f4d35e}
.fm-trial-note{margin:0;color:#f4d35e}
.fm-tools{display:flex;gap:4px}
.fm-tools input{flex:1;min-width:0}
.fm-tools select{flex:0 1 auto;min-width:0;max-width:46%}
.fm-grid-picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:4px;max-height:236px;overflow:auto;padding:1px}
.fm-pick{display:grid;justify-items:center;align-content:start;gap:1px;min-height:64px;padding:3px 1px;font-size:9px;line-height:11px;text-align:center;overflow:hidden;white-space:normal}
.fm-pick span{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.fm-pick-ic{width:40px;height:40px;object-fit:contain;image-rendering:pixelated}
.fm-pick{position:relative}
.fm-done{position:absolute;right:3px;top:2px;font-style:normal;color:#5fc85f}
.fm-pick.active{color:#fff;border-color:#c5b47c;box-shadow:inset 0 0 0 1px #c5b47c}
.fm-info{display:flex;align-items:center;gap:6px;padding:5px 6px}
.fm-info>span{display:grid;flex:1;min-width:0}
.fm-info b{color:#fff;font-weight:normal}
.fm-info small{color:#a9a9a9}
.fm-by{display:flex;align-items:center;gap:3px}
.fm-by .fm-sq-ic{width:24px;height:24px}
.fm-maps{display:grid;gap:4px}
.fm-map{display:grid;grid-template-columns:64px minmax(0,1fr);gap:6px;align-items:center;padding:4px}
.fm-map b{color:#fff;font-weight:normal}
.fm-map small{color:#a9a9a9;margin-left:4px}
.fm-thumb{display:block;width:64px;height:auto;max-height:48px;object-fit:cover;border:1px solid #000;background:#1c1c1c;image-rendering:pixelated}
.fm-map.is-best{border-color:#c5b47c;box-shadow:inset 0 0 0 1px #c5b47c}
.fm-map.is-locked{opacity:.6}
.fm-map.is-locked .fm-thumb{filter:grayscale(1)}
.fm-tags{display:flex;flex-wrap:wrap;gap:3px;margin-top:3px}
.fm-tag{display:inline-block;padding:0 4px;font-style:normal;font-size:10px;line-height:14px;color:#a9a9a9;background:#1c1c1c;border:1px solid #111}
.fm-stops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.fm-stop-opt{display:grid;justify-items:center;align-content:center;gap:2px;min-height:44px;padding:4px;text-align:center;cursor:pointer;color:#c0c0c0;background:#3d3d3d url('/assets/ui/classic/panel-texture.png');border:1px solid #111;box-shadow:inset 1px 1px #6a6a6a,1px 1px #000}
.fm-stop-opt small{color:#a9a9a9;font-size:10px}
.fm-stop-opt.active{color:#fff;border-color:#c5b47c;box-shadow:inset 0 0 0 1px #c5b47c}
.fm-stop-opt.active small{color:#e4ca78}
.fm-stop-opt input{width:64px;min-height:22px;text-align:center}
.fm-stop-opt:focus-visible{outline:1px solid #e4ca78;outline-offset:1px}
.fm-opts{display:grid;gap:3px}
.fm-tog{display:flex;align-items:center;gap:6px;padding:4px 6px;cursor:pointer}
.fm-tog input{flex:0 0 auto;width:18px;min-width:18px}
.fm-tog span{flex:1;color:#c0c0c0}
.fm-tog small{color:#a9a9a9}
.fm-team{display:flex;align-items:center;gap:2px;padding:4px 6px}
.fm-team-ic{width:30px;height:30px;image-rendering:pixelated}
.fm-team span{flex:1;padding-left:4px;color:#a9a9a9}
.fm-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;text-align:center}
.fm-outcome .fm-nums{grid-template-columns:repeat(2,minmax(0,1fr))}
.fm-nums span{display:grid;padding:4px 2px;background:#1c1c1c;border:1px solid #111;box-shadow:inset 1px 1px #000,1px 1px #6a6a6a}
.fm-nums b{color:#fff;font-weight:normal;font-size:13px}
.fm-nums small{color:#a9a9a9;font-size:10px}
.fm-slots{display:flex;flex-wrap:wrap;gap:3px}
.fm-slot{position:relative;display:inline-grid;place-items:center;width:38px;height:38px;background:url('/assets/ui/classic/item.png') center/38px 38px}
.fm-slot-ic{width:32px;height:32px;image-rendering:pixelated}
.fm-slot b{position:absolute;right:2px;bottom:0;font:bold 10px 'Tibia Pixel',Verdana,sans-serif;color:#fff;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000}
.fm-kv{display:grid;gap:2px}
.fm-kv span{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:3px 6px;background:#1c1c1c;color:#c0c0c0}
.fm-kv b{color:#fff;font-weight:normal;text-align:right}
.fm-big{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px;align-items:center;padding:6px}
.fm-big-pic{width:64px;height:64px;object-fit:contain;image-rendering:pixelated}
.fm-big>span{display:grid;gap:4px;min-width:0}
.fm-big b{color:#fff;font-weight:normal;font-size:13px}
.fm-big small{color:#a9a9a9}
.fm-rot{display:flex;align-items:center;gap:6px;padding:4px 6px}
.fm-rot>span{display:grid;flex:1;min-width:0}
.fm-rot b{color:#fff;font-weight:normal}
.fm-rot small{color:#a9a9a9}
.fm-filters{display:flex;flex-wrap:wrap;gap:3px}
.fm-filters button{min-height:22px;padding:0 7px;font-size:10px}
.fm-list{display:grid;gap:1px}
.fm-row{display:grid;grid-template-columns:30px 12px minmax(0,1fr) auto auto;align-items:center;column-gap:5px;min-height:28px;padding:2px 5px;text-align:left;white-space:normal}
.fm-row .fm-n{color:#a9a9a9;font-weight:normal}
.fm-r{font:bold 11px 'Tibia Pixel',Verdana,sans-serif}
.fm-row.is-win .fm-r{color:#5fc85f}.fm-row.is-loss .fm-r{color:#e8756c}
.fm-row-map{display:grid;min-width:0;color:#fff}
.fm-row-map,.fm-row-map small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fm-row-map small{color:#a9a9a9}
.fm-gold{display:inline-flex;align-items:center;gap:2px;color:#f4d35e}
.fm-got{display:inline-flex;gap:2px;min-width:16px}
.fm-row.is-selected{color:#fff;border-color:#c5b47c;box-shadow:inset 0 0 0 1px #c5b47c}
.fm-supply{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:6px;padding:4px 6px}
.fm-supply>span{display:grid;min-width:0}
.fm-supply b{color:#fff;font-weight:normal}
.fm-supply small{color:#a9a9a9;font-size:10px}
.fm-left{text-align:right}
.fm-left b{color:#e8c547}
.fm-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.fm-form label{display:grid;gap:3px;min-width:0;color:#c0c0c0}
.fm-form input,.fm-form select{width:100%}
.fm-form input[type=checkbox]{flex:0 0 auto;width:22px;min-width:22px}
.fm-checks label{display:flex;flex-wrap:wrap;align-items:center;gap:5px}
.fm-checks input[type=number]{width:72px;flex:0 0 auto}
.fm-goal{display:flex;align-items:center;gap:4px;padding:4px 6px;background:#262626;border:1px solid #111}
.fm-goal>span{display:grid;flex:1;min-width:0;color:#c0c0c0}
.fm-goal small{color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fm-goal button{display:flex;align-items:center;gap:4px}

/* Mini player: the live battle on the left, the run on the right. */
#farm-mini{margin:0 0 6px}
.fm-mini{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px;border:1px solid #111;box-shadow:1px 1px #6a6a6a,inset 1px 1px #6a6a6a;background:#3d3d3d url('/assets/ui/classic/panel-texture.png')}
.fm-mini-thumb{position:relative;display:block;width:176px;height:124px;min-height:0;padding:0;border:1px solid #111;box-shadow:inset 1px 1px #000,1px 1px #6a6a6a;background:#1c1c1c}
.fm-mini-thumb canvas{display:block;width:100%;height:100%}
.fm-mini-thumb .re-flag.fm-live{position:absolute;left:auto;right:-1px;top:-1px;min-width:62px;height:18px;background-size:auto 18px;font-size:9px}
.fm-mini-info{display:grid;gap:2px;min-width:0}
.fm-mini-info strong{display:flex;align-items:center;gap:4px;color:#fff}
.fm-mini-info small{color:#e4ca78}
.fm-mini-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c0c0c0}
.fm-mini-chips{display:flex;flex-wrap:wrap;gap:3px}
.fm-mini-chips i{display:inline-flex;align-items:center;gap:2px;padding:0 3px;font-style:normal;color:#e8c547;background:#262626;border:1px solid #111}
.fm-mini-actions{display:flex;flex-direction:column;gap:4px}
.fm-mini-actions button{min-width:76px}

@media(prefers-reduced-motion:reduce){.fm-banner.show{animation:none;opacity:1}}
@media(max-width:900px){
 .fm-board-wrap canvas{max-height:52dvh}
}
@media(max-width:520px){
 .fm-head .fm-ribbon{min-width:0}
 .fm-where b{max-width:110px}
 .fm-form{grid-template-columns:minmax(0,1fr)}
 .fm-nums{grid-template-columns:repeat(3,minmax(0,1fr))}
 .fm-mini{grid-template-columns:120px minmax(0,1fr);grid-template-rows:auto auto;gap:6px}
 .fm-mini-thumb{width:120px;height:86px}
 .fm-mini-actions{grid-column:1/-1;flex-direction:row;justify-content:flex-end}
 .fm-mini-chips{display:none}
}
/* 2.87 — Auto Farm no padrão das telas novas (mockup aprovado): título com ‹ Arena e ?, uma linha para o Helper e para os
   Suprimentos, modos 2×2, passo 3 em abas (Parada / Suprimentos / Venda) com a previsão; cabe em 390×844 parado e ao vivo. */
.fm-title{display:flex;align-items:center;gap:4px}.fm-title>span{flex:1;min-width:0}
.fm-title .fm-back,.fm-title .fm-help{min-height:20px;height:20px;padding:0 6px;line-height:12px}
.fm-line,.hp-line{display:grid;grid-template-columns:32px minmax(0,1fr) auto auto;gap:6px;align-items:center;padding:3px 5px}
.fm-line-ic,.hp-line .hp-card-ic{width:32px;height:32px;image-rendering:pixelated}
.fm-line>span,.hp-line .hp-card-text{display:grid;min-width:0}.fm-line b,.hp-line b{color:#fff;font-weight:normal}
.fm-line small,.hp-line small{color:#a9a9a9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fm-line button,.hp-line>button:not(.hp-toggle){min-height:28px;padding:0 6px}
.fm-line .fm-ico{width:16px;height:16px;vertical-align:middle}
.fm-vip{display:inline-flex;align-items:center;gap:2px;color:#f4d35e;margin-left:4px}.fm-vip img{width:16px;height:16px}
.fm-modes{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.fm-mode{grid-template-columns:1fr!important;justify-items:center;text-align:center!important;min-height:92px}
.fm-mode .fm-vip{position:absolute;right:4px;top:4px;margin:0}.fm-mode{position:relative}
.fm-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:2px;margin:4px 0}
.fm-tabs button{min-height:30px;padding:0 4px;line-height:12px}.fm-tabs button small{display:block;color:#a9a9a9;font-size:10px}
.fm-tabs button.active{color:#fff;box-shadow:inset 0 0 0 1px #c5b47c}
[data-fa-pane]{display:grid;gap:4px}[data-fa-pane][hidden]{display:none}
.fm-tog.is-locked{opacity:.6}
.fm-bands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}
.fm-loss{grid-template-columns:repeat(2,minmax(0,1fr))}
.fm-fore{margin-top:4px}
.fm-used{color:#c0c0c0}.fm-used .fm-ico{width:16px;height:16px;vertical-align:middle}
@media (max-width:600px){
 .fm-screen .fm-board-wrap canvas{max-height:330px}
 .fm-screen.is-running .fm-board-wrap canvas{max-height:250px}
 .fm-screen .fm-body{gap:4px;padding:4px}
}
[data-fa-pane] .fm-tog{display:grid;grid-template-columns:20px minmax(0,1fr);gap:1px 6px;align-items:center}
[data-fa-pane] .fm-tog input{grid-row:span 2}[data-fa-pane] .fm-tog span{color:#fff}[data-fa-pane] .fm-tog small{grid-column:2}
.fm-bands .fm-tog{display:grid;grid-template-columns:20px minmax(0,1fr);gap:0 6px}.fm-bands .fm-tog input{grid-row:span 2}.fm-bands .fm-tog small{grid-column:2}