.mobile-panel-nav{display:none}
@media(max-width:680px){
  .cycle-main{padding-top:14px;padding-left:10px;padding-right:10px}
  .cycle-heading{gap:20px;padding:27px 22px;border-radius:22px}
  .cycle-heading h1{font-size:2.55rem;line-height:.93}
  .cycle-heading>div>p:last-child{margin-bottom:0;font-size:13px;line-height:1.5}
  .cycle-form{gap:9px;padding:14px}
  .cycle-form input{height:41px}
  .selection-summary{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0;padding:13px 12px}
  .selection-summary>div{display:block;text-align:center}
  .selection-summary strong{display:block;font-size:21px}
  .selection-summary span{font-size:10px}
  .selection-summary .summary-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr;margin:3px 0 0}
  .selection-summary .summary-actions #saveMessage:empty{display:none}
  .selection-summary .summary-actions .btn{width:100%}
  .mobile-panel-nav{position:sticky;top:72px;z-index:8;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:0 0 9px;padding:5px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.96);box-shadow:0 8px 20px rgba(4,19,28,.07);backdrop-filter:blur(10px)}
  .mobile-panel-nav button{display:grid;gap:2px;place-items:center;min-height:48px;border:0;border-radius:9px;color:#718085;background:transparent;font:inherit;font-size:11px;font-weight:750;cursor:pointer}
  .mobile-panel-nav button b{font-size:10px;font-weight:850}
  .mobile-panel-nav button.active{color:#fff;background:var(--court)}
  .cycle-workspace{display:block}
  .cycle-workspace [data-panel]{display:none}
  .cycle-workspace [data-panel].mobile-active{display:block}
  .lineups{display:block}
  .pool,.lineup{border-radius:16px}
  .panel-head{padding:17px 16px}
  .panel-head h2{font-size:17px}
  .pool-filters{position:sticky;top:0;z-index:2;padding:9px;background:#fff}
  .player-pool{max-height:61vh;padding:0 8px 8px}
  .player-card{grid-template-columns:32px minmax(0,1fr) auto;padding:10px 5px}
  .player-info{min-width:0}
  .player-info b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .slots{padding:5px}
  .slot{min-height:52px;padding:7px 5px}
  .slot-player{min-width:0}
  .slot-player b,.slot-player small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .choice-legend{justify-content:center;flex-wrap:wrap;margin-top:10px}
  .cycle-help{margin-top:10px}

  /* No telemóvel mantêm-se sempre visíveis as três colunas. */
  .mobile-panel-nav{display:none}
  .cycle-workspace{display:grid;grid-template-columns:1.24fr 2fr;gap:4px;align-items:start}
  .cycle-workspace [data-panel],.cycle-workspace [data-panel].mobile-active{display:block}
  .lineups{display:grid;grid-template-columns:1fr 1fr;gap:4px}
  .pool,.lineup{border-radius:9px}
  .panel-head{min-height:53px;padding:8px 6px}
  .panel-head .eyebrow{margin-bottom:3px;font-size:7px;letter-spacing:.08em}
  .panel-head h2{font-size:10px;line-height:1.1;letter-spacing:-.01em}
  .counter{padding:3px 4px;font-size:7px}
  .pool-filters{display:block;padding:4px}
  .pool-filters input,.pool-filters select{width:100%;height:29px;margin-bottom:3px;padding:0 5px;border-radius:5px;font-size:8px}
  .player-pool{max-height:680px;padding:0 3px 4px}
  .player-card{grid-template-columns:minmax(0,1fr) auto;gap:2px;min-height:36px;padding:4px 2px;border-radius:4px}
  .player-rank{display:none}
  .player-info b{font-size:8px;line-height:1.1}
  .player-info small{font-size:6px;line-height:1.1}
  .add-actions{gap:2px}
  .add-actions button{width:21px;height:24px;padding:0;border-radius:5px;font-size:8px}
  .slots{padding:2px}
  .slot{grid-template-columns:22px minmax(0,1fr) 17px;gap:2px;min-height:42px;padding:3px 1px}
  .slot-number{width:21px;height:25px;border-radius:5px;font-size:7px}
  .slot-player b{font-size:7px;line-height:1.15;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .slot-player small{display:none}
  .slot.empty .slot-player{font-size:6px}
  .slot-remove{width:17px;height:17px;padding:0;font-size:10px}
  .choice-legend{font-size:9px}
  .legend-choice{width:20px;height:20px;font-size:8px}
}
