/* v14 stable mobile board styles. Loaded after app.css. */
.mobile-board-picker{display:none}
.compare-mobile-stack{display:none}
.compare-mobile-label{display:none}

@media(max-width:1024px){
  .mobile-board-hint{display:block!important}

  .board-editor.mobile-editor-source,
  .mobile-readonly-focus-board{display:block!important;width:100%!important;max-width:100%!important;padding:0!important;margin:0 auto!important;border-radius:0!important;background:transparent!important;overflow:visible!important}

  .board-editor.smm-mobile-ready .square,
  .mobile-readonly-focus-board.smm-mobile-ready .square{display:none!important}

  .board-editor.smm-mobile-ready .square.smm-active-square,
  .mobile-readonly-focus-board.smm-mobile-ready .square.smm-active-square{display:flex!important;position:relative!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:min(92vw,390px)!important;max-width:390px!important;min-height:0!important;height:auto!important;aspect-ratio:1 / 1!important;margin:8px auto 12px!important;padding:16px!important;border-radius:22px!important;overflow:visible!important;box-shadow:0 20px 60px rgba(0,0,0,.44)!important;flex-direction:column!important}

  .board-editor.smm-mobile-ready .square.smm-active-square small,
  .mobile-readonly-focus-board.smm-mobile-ready .square.smm-active-square small{position:absolute!important;left:14px!important;top:12px!important;right:auto!important;bottom:auto!important;display:block!important;max-width:calc(100% - 96px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:var(--gold2)!important;font-size:18px!important;font-weight:950!important;line-height:1!important;z-index:6!important}

  .board-editor.smm-mobile-ready .square.smm-active-square.entity small,
  .mobile-readonly-focus-board.smm-mobile-ready .square.smm-active-square.entity small{max-width:calc(100% - 48px)!important;font-size:16px!important;white-space:normal!important;line-height:1.12!important}

  .board-editor.smm-mobile-ready .square.smm-active-square .info-dot,
  .mobile-readonly-focus-board.smm-mobile-ready .square.smm-active-square .info-dot{display:flex!important;align-items:center!important;justify-content:center!important;position:absolute!important;left:50%!important;top:-13px!important;right:auto!important;transform:translateX(-50%)!important;width:28px!important;height:28px!important;min-width:28px!important;font-size:14px!important;z-index:9!important}

  .board-editor.smm-mobile-ready .square.smm-active-square .remove-pick{display:none!important;position:absolute!important;right:-9px!important;top:-9px!important;width:31px!important;height:31px!important;z-index:9!important}
  .board-editor.smm-mobile-ready .square.smm-active-square.has-thesis .remove-pick,
  .board-editor.smm-mobile-ready .square.smm-active-square.has-selection .remove-pick{display:flex!important}

  .board-editor.smm-mobile-ready .square.smm-active-square .drop-content,
  .mobile-readonly-focus-board.smm-mobile-ready .square.smm-active-square .drop-content{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;padding:42px 10px 24px!important;color:#fff!important;font-size:16px!important;line-height:1.28!important;text-align:center!important}

  .board-editor.smm-mobile-ready .square.smm-active-square.drop-slot.has-thesis::after,
  .mobile-readonly-focus-board.smm-mobile-ready .square.smm-active-square.drop-slot.has-thesis::after{display:none!important}

  .board-editor.smm-mobile-ready .square.smm-active-square.entity .entityPhoto,
  .mobile-readonly-focus-board.smm-mobile-ready .square.smm-active-square.entity .entityPhoto{display:flex!important;position:relative!important;inset:auto!important;width:82%!important;height:58%!important;max-height:none!important;min-height:0!important;margin:42px auto 12px!important;border-radius:16px!important;align-items:center!important;justify-content:center!important}

  .board-editor.smm-mobile-ready .square.smm-active-square.entity .entityPhoto img,
  .mobile-readonly-focus-board.smm-mobile-ready .square.smm-active-square.entity .entityPhoto img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important}

  .board-editor.smm-mobile-ready .square.smm-active-square.entity .entityName,
  .mobile-readonly-focus-board.smm-mobile-ready .square.smm-active-square.entity .entityName{display:block!important;width:100%!important;text-align:center!important;font-size:18px!important;background:transparent!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

  .board-editor.smm-mobile-ready .square.smm-active-square.entity:not(.has-selection) .entityName,
  .board-editor.smm-mobile-ready .square.smm-active-square.entity:not(.has-selection) .entityPhoto{display:none!important}

  .board-editor.smm-mobile-ready .square.smm-active-square.entity:not(.has-selection)::after{content:attr(data-mobile-label);position:absolute;inset:0 18px;display:flex;align-items:center;justify-content:center;font-size:26px;line-height:1.15;text-align:center;font-weight:950;color:rgba(255,255,255,.96);pointer-events:none}

  .board-editor.smm-mobile-ready .square.smm-active-square .search{display:block!important;margin-top:auto!important;min-height:42px!important}
  .board-editor.smm-mobile-ready .square.smm-active-square.has-selection .search{display:none!important}
  .board-editor.smm-mobile-ready .square.smm-active-square .results{display:block!important;position:absolute!important;left:12px!important;right:12px!important;top:calc(100% - 54px)!important;max-height:42vh!important;z-index:10000!important;overflow:auto!important}

  .board-editor.smm-mobile-ready .square.smm-active-square .score:empty{display:none!important}
  .board-editor.smm-mobile-ready .square.smm-active-square .score{right:-12px!important;bottom:-12px!important}

  .mobile-readonly-focus-board.smm-mobile-ready .square.smm-active-square .pick-percent,
  .mobile-readonly-focus-board.smm-mobile-ready .square.smm-active-square .score{bottom:-20px!important}
  .mobile-readonly-focus-board.smm-mobile-ready .square.smm-active-square .pick-percent{left:-12px!important;top:auto!important}
  .mobile-readonly-focus-board.smm-mobile-ready .square.smm-active-square .score{right:-12px!important}

  .mobile-board-picker{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:6px!important;width:min(100%,390px)!important;margin:10px auto 18px!important;padding:7px!important;border-radius:16px!important;background:rgba(0,0,0,.30)!important;border:1px solid rgba(217,168,58,.28)!important}

  .mobile-board-picker button{aspect-ratio:1 / 1!important;border-radius:10px!important;border:2px solid rgba(217,168,58,.42)!important;background:linear-gradient(145deg,#171717,#0b0b0b)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;cursor:pointer!important;font-weight:950!important;font-size:15px!important;line-height:1!important}

  .mobile-board-picker button:nth-child(even){background:linear-gradient(145deg,#2a2111,#0b0b0b)!important}
  .mobile-board-picker button.is-filled{border-color:var(--green)!important;box-shadow:inset 0 0 0 1px rgba(53,179,106,.6),0 0 0 1px rgba(53,179,106,.22)!important}
  .mobile-board-picker button.is-active{outline:2px solid var(--gold2)!important;outline-offset:2px!important}

  .desktop-compare-board{display:none!important}
  .compare-mobile-stack{display:block!important}
  .compare-mobile-stack .compare-mobile-label{display:block!important;text-align:center;color:#fff;font-weight:950;margin:14px 0 6px;font-size:17px}
  .compare-mobile-stack .compare-mobile-points{text-align:center;color:var(--gold2);font-weight:900;margin:-2px 0 8px}
  .compare-mobile-stack .mobile-board-picker{width:min(86vw,320px)!important;max-width:320px!important;margin-top:8px!important;margin-bottom:8px!important}

  .compare-focus-board{display:block!important;width:100%!important;max-width:100%!important;padding:0!important;margin:0 auto!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
  .compare-focus-board.smm-mobile-ready .square{display:none!important}
  .compare-focus-board.smm-mobile-ready .square.smm-active-square{display:flex!important;position:relative!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:min(86vw,320px)!important;max-width:320px!important;min-height:0!important;height:auto!important;aspect-ratio:1 / 1!important;margin:8px auto 12px!important;padding:14px!important;border-radius:20px!important;overflow:visible!important;box-shadow:0 16px 44px rgba(0,0,0,.42)!important;flex-direction:column!important}
  .compare-focus-board.smm-mobile-ready .square.smm-active-square small{position:absolute!important;left:12px!important;top:11px!important;right:auto!important;bottom:auto!important;display:block!important;max-width:calc(100% - 82px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:var(--gold2)!important;font-size:16px!important;font-weight:950!important;line-height:1!important;z-index:6!important}
  .compare-focus-board.smm-mobile-ready .square.smm-active-square.entity small{max-width:calc(100% - 42px)!important;font-size:14px!important;white-space:normal!important;line-height:1.12!important}
  .compare-focus-board.smm-mobile-ready .square.smm-active-square .info-dot{display:flex!important;align-items:center!important;justify-content:center!important;position:absolute!important;left:50%!important;top:-12px!important;right:auto!important;transform:translateX(-50%)!important;width:26px!important;height:26px!important;min-width:26px!important;font-size:13px!important;z-index:9!important}
  .compare-focus-board.smm-mobile-ready .square.smm-active-square .drop-content{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;padding:38px 8px 22px!important;color:#fff!important;font-size:15px!important;line-height:1.25!important;text-align:center!important}
  .compare-focus-board.smm-mobile-ready .square.smm-active-square.entity .entityPhoto{display:flex!important;position:relative!important;inset:auto!important;width:78%!important;height:54%!important;max-height:none!important;min-height:0!important;margin:38px auto 10px!important;border-radius:14px!important;align-items:center!important;justify-content:center!important}
  .compare-focus-board.smm-mobile-ready .square.smm-active-square.entity .entityPhoto img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important}
  .compare-focus-board.smm-mobile-ready .square.smm-active-square.entity .entityName{display:block!important;width:100%!important;text-align:center!important;font-size:16px!important;background:transparent!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .compare-focus-board.smm-mobile-ready .square.smm-active-square .score:empty{display:none!important}
  .compare-focus-board.smm-mobile-ready .square.smm-active-square .score{right:-10px!important;bottom:-16px!important}
}