/* Phone refinements only; approved icon files and desktop geometry stay intact. */
body.predictionLabPage .plMobileSections{display:none}

/* The original SVG stroke/fill rules were restricted to wide desktops. */
body.predictionLabPage .plBuild .plPin svg{
  stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;
  stroke-linejoin:round;pointer-events:none;
}

@media (max-width:900px){
  body.predictionLabPage .predictionLab .plTopbar{
    display:flex;flex-wrap:nowrap;align-items:center;gap:8px;
    min-height:56px;padding:6px 10px;margin-bottom:8px;
  }
  body.predictionLabPage .predictionLab .plBrand{
    flex:1;min-width:0;gap:8px;order:0;
  }
  body.predictionLabPage .predictionLab .plBrand>strong{font-size:24px}
  body.predictionLabPage .predictionLab .plBrand>span:last-child{min-width:0}
  body.predictionLabPage .predictionLab .plBrand b{font-size:16px;line-height:1.2}
  body.predictionLabPage .predictionLab .plBrand small{display:none}
  body.predictionLabPage .predictionLab .plTopbar>.plNav{display:none}
  body.predictionLabPage .predictionLab .plRankChip{
    order:1;flex:0 0 auto;min-width:0;margin:0;padding:4px;
  }
  body.predictionLabPage .predictionLab .plRankHex{width:28px;height:28px;font-size:14px}
  body.predictionLabPage .predictionLab .plRankChip>span:last-child{display:none}
  body.predictionLabPage .plMobileSections{display:block;order:2;flex:0 0 auto}
  body.predictionLabPage .plMobileSections summary{
    display:flex;align-items:center;justify-content:center;gap:6px;
    min-height:44px;padding:8px;border:1px solid #315b74;border-radius:7px;
    background:#0c2a40;color:#e4f4ff;font-size:14px;cursor:pointer;list-style:none;
  }
  body.predictionLabPage .plMobileSections summary::-webkit-details-marker{display:none}
  body.predictionLabPage .plMobileSections summary::after{content:"▾"}
  body.predictionLabPage .plMobileSections[open] summary::after{content:"▴"}
  body.predictionLabPage .plMobileSections nav{
    position:absolute;top:100%;left:10px;right:10px;z-index:50;
    display:grid;max-height:65vh;max-height:65dvh;overflow-y:auto;
    padding:6px;border:1px solid #315b74;border-radius:8px;background:#091c2b;
    box-shadow:0 8px 20px #0008;overscroll-behavior:contain;
  }
  body.predictionLabPage .plMobileSections:not([open]) nav{display:none}
  body.predictionLabPage .plMobileSections a{
    display:flex;align-items:center;min-height:44px;padding:10px;
    border-radius:5px;text-decoration:none;font-size:14px;color:#dcebf4;
  }
  body.predictionLabPage .plMobileSections a[hidden]{display:none}
  body.predictionLabPage .plMobileSections a:hover{background:#13364d}
  body.predictionLabPage .plMobileSections :is(summary,a):focus-visible{
    outline:2px solid #8bd7ff;outline-offset:1px;
  }

  body.predictionLabPage .plBuild .plPin{isolation:isolate}
  /* 20px artwork, 32px hit area. Do not cover the neighboring number's center. */
  body.predictionLabPage .plBuild .plPin::before{content:"";position:absolute;inset:-6px}
  body.predictionLabPage .plBuild .plBall.isPinned .plPin{
    border-color:#4bcdaa;background:#0c332e;color:#78efd0;
  }

  body.predictionLabPage .predictionLab .plControl .plVersus{
    grid-template-columns:minmax(0,1fr);gap:10px;align-items:stretch;
  }
  body.predictionLabPage .predictionLab .plControl .plVersus>article{min-width:0;width:100%}
  body.predictionLabPage .predictionLab .plControl .plVersus>span{
    justify-self:center;width:auto;height:auto;padding:2px 12px;border:0;
    background:transparent;font-size:13px;line-height:1.3;
  }
  body.predictionLabPage .predictionLab .plControl .plVersus .plBalls{
    gap:6px;flex-wrap:wrap;justify-content:flex-start;
  }
  body.predictionLabPage .predictionLab .plControl .plVersus .plBall{
    width:32px;height:32px;flex:0 0 32px;font-size:13px;
  }

  body.predictionLabPage .predictionLab .plBattleRecord{
    grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;text-align:center;
  }
  body.predictionLabPage .predictionLab .plBattleRecord>small{grid-row:1;margin-bottom:8px}
  body.predictionLabPage .predictionLab #pl-battles-count{grid-column:1;grid-row:2}
  body.predictionLabPage .predictionLab #pl-battles-wins{grid-column:2;grid-row:2}
  body.predictionLabPage .predictionLab .plBattleRecord>span:first-of-type{grid-column:1;grid-row:3}
  body.predictionLabPage .predictionLab .plBattleRecord>span:last-of-type{grid-column:2;grid-row:3}
  body.predictionLabPage .predictionLab .plBattleRecord>b{grid-row:4;margin-top:12px}
  body.predictionLabPage .predictionLab .plGlance>div{align-items:center;gap:12px;padding:9px 0}
  body.predictionLabPage .predictionLab .plGlance dt{display:flex;align-items:center;gap:8px;min-width:0}
  body.predictionLabPage .predictionLab .plGlance dt :is(svg,i){flex:0 0 14px;width:14px;height:14px}
  body.predictionLabPage .predictionLab .plGlance dd{flex:0 0 auto;margin:0}
}