#screen #campaign-scene.starter-selection{
  position:fixed;inset:50% auto auto 50%;translate:-50% -50%;
  width:min(920px,calc(100vw - 24px));height:auto;
  max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  box-sizing:border-box;display:flex;flex-direction:column;gap:12px;padding:clamp(10px,2vw,22px);
  overflow:hidden;z-index:100;background:#f6edcf;border:3px solid #527f65;border-radius:12px;color:#173a32;
}
#screen #campaign-scene.starter-selection[hidden]{display:none!important}
#screen #campaign-scene.starter-selection>h3{margin:0;font-size:clamp(16px,3vw,24px);flex:none}
#screen #campaign-scene.starter-selection .campaign-starters{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(130px,100%),1fr));
  gap:10px;min-height:0;overflow:auto;overscroll-behavior:contain;padding:4px;
}
#screen #campaign-scene.starter-selection .campaign-starters>button{
  min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:5px;padding:10px;min-height:120px;margin:0;white-space:normal;overflow-wrap:anywhere;font:15px/1.35 system-ui;
}
#screen #campaign-scene.starter-selection .campaign-starters canvas{width:clamp(56px,12vw,88px)!important;height:auto!important;aspect-ratio:1;flex:none}
#screen #campaign-scene.starter-selection>button{flex:none;min-height:44px;margin:0;white-space:normal;font:700 16px/1.3 system-ui}
@media(max-width:420px){#screen #campaign-scene.starter-selection .campaign-starters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-height:480px){#screen #campaign-scene.starter-selection{gap:6px;padding:8px}.starter-selection .campaign-starters>button{min-height:96px!important}}