.spolight-deck-builder{--sl-border:#555;max-width:1400px;margin:0 auto}.spolight-deck-builder *{box-sizing:border-box}.spolight-deck-builder__toolbar{border:1px solid #dcdcde;background:#fff;padding:12px;margin-bottom:16px}.spolight-deck-builder__name{display:flex;align-items:center;gap:8px;font-weight:700}.spolight-deck-builder__name input{flex:1;min-width:220px;max-width:560px;height:38px;padding:6px 9px}.spolight-deck-builder__actions{display:flex;gap:8px;margin-top:10px}.spolight-deck-builder button{cursor:pointer}.spolight-deck-builder__actions button,.spolight-deck-card__qty button,.spolight-deck-search__detail-actions button{border:1px solid #777;background:#fff;color:#222;padding:7px 10px}.spolight-deck-builder__save{background:#2271b1!important;border-color:#2271b1!important;color:#fff!important;font-weight:700}.spolight-deck-builder__message{margin-top:8px;min-height:22px;font-weight:700}.spolight-deck-builder__search-panel{margin-bottom:18px;min-width:0}.spolight-deck-search__form{margin:0}.spolight-deck-search__main-row{display:grid;grid-template-columns:auto minmax(220px,1fr);align-items:center;gap:12px;max-width:900px}.spolight-deck-search__main-row>label{font-weight:400;margin:0;white-space:nowrap}.spolight-deck-search__main-row input[type=search]{width:100%;height:34px;min-height:34px;padding:4px 9px;border:1px solid #555;border-radius:0;background:#fff;font-size:16px}.spolight-deck-search__detail-toggle{appearance:none;border:0;background:transparent;padding:2px 0;margin:4px 0 0;font:inherit;color:inherit}.spolight-deck-search__detail-toggle:hover{text-decoration:underline}.spolight-deck-search__details{box-sizing:border-box;width:min(100%,720px);margin:2px 0 2px 72px;padding:0;border:1px solid #333;background:#fff}.spolight-deck-search__details[hidden]{display:none!important}.spolight-deck-search__option-row{display:flex;align-items:center;gap:16px;min-height:28px;padding:2px 14px;border-bottom:1px dotted #777}.spolight-deck-search__check{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-weight:400;margin:0;cursor:pointer}.spolight-deck-search__check input{margin:0;width:16px;height:16px}.spolight-deck-search__filter-grid{display:grid;grid-template-columns:max-content minmax(150px,1fr) max-content minmax(150px,1fr);align-items:center;column-gap:6px;row-gap:4px;padding:7px 14px 8px}.spolight-deck-search__field{display:contents}.spolight-deck-search__field label{text-align:right;white-space:nowrap;font-weight:400}.spolight-deck-search__field select{height:30px;min-height:30px;padding:2px 26px 2px 6px;border:1px solid #777;border-radius:0;background:#fff;font-size:15px;width:100%;max-width:230px;min-width:0}.spolight-deck-search__detail-actions{padding:0 14px 8px;text-align:right}.spolight-deck-builder__search-status{min-height:24px;margin:8px 0 5px;font-weight:700}.spolight-deck-builder__search-note{font-size:13px;color:#646970;margin:6px 0}.spolight-deck-builder__search-results{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;overflow-y:hidden;padding:12px 10px 14px;border:1px solid #333;background:#fff;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.spolight-deck-search-card{flex:0 0 118px;width:118px;border:0;background:transparent;padding:0;text-align:left;color:inherit;appearance:none}.spolight-deck-search-card:hover .spolight-deck-search-card__image,.spolight-deck-search-card:focus-visible .spolight-deck-search-card__image{outline:3px solid #2271b1;outline-offset:2px}.spolight-deck-search-card.is-disabled{opacity:.62}.spolight-deck-search-card__image{display:block;width:100%;aspect-ratio:5/7;overflow:hidden;background:#dbe7f5}.spolight-deck-search-card__image img{display:block;width:100%;height:100%;object-fit:cover}.spolight-deck-search-card__no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:11px}.spolight-deck-search-card__name{display:block;font-size:12px;line-height:1.3;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spolight-deck-search-card__kind{display:block;font-size:11px;color:#646970;margin-top:2px}.spolight-deck-builder__deck-panel{min-width:0}.spolight-deck-section{border:1px solid #dcdcde;background:#fff;margin-bottom:14px}.spolight-deck-section__heading{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #dcdcde}.spolight-deck-section__heading h2{margin:0}.spolight-deck-section__cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px}.spolight-deck-card{display:grid;grid-template-columns:70px 1fr;gap:8px;border:1px solid #e5e5e5;padding:6px;min-width:0}.spolight-deck-card__image img{width:100%;height:auto;display:block}.spolight-deck-card__no-image{aspect-ratio:5/7;background:#f0f0f1;display:flex;align-items:center;justify-content:center;font-size:11px}.spolight-deck-card__body{min-width:0;font-size:13px}.spolight-deck-card__body strong{display:block;line-height:1.3;word-break:break-word}.spolight-deck-card__no{font-size:11px;color:#646970}.spolight-deck-card__qty{display:flex;align-items:center;gap:5px;margin-top:7px;flex-wrap:wrap}.spolight-deck-card__qty button{padding:3px 7px}.spolight-deck-card__remove{font-size:11px}.spolight-deck-builder__grand-total{text-align:right;font-size:18px}.spolight-deck-builder__empty{padding:18px;text-align:center;color:#646970;border:1px dashed #c3c4c7}.spolight-deck-section__cards>.spolight-deck-builder__empty{grid-column:1/-1}.spolight-deck-builder__search-results>.spolight-deck-builder__empty{min-width:100%}
@media(max-width:1000px){.spolight-deck-section__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.spolight-deck-builder__name{display:block}.spolight-deck-builder__name input{display:block;width:100%;max-width:none;margin-top:5px}.spolight-deck-search__main-row{grid-template-columns:1fr;gap:4px}.spolight-deck-search__details{width:100%;margin-left:0}.spolight-deck-search__option-row{flex-wrap:wrap;gap:8px 14px}.spolight-deck-search__filter-grid{grid-template-columns:92px minmax(0,1fr);padding:7px 10px 8px}.spolight-deck-search__field label{text-align:left}.spolight-deck-search__field select{max-width:none}.spolight-deck-section__cards{grid-template-columns:1fr}.spolight-deck-search-card{flex-basis:100px;width:100px}}

/* v0.3.4: deck-name sidebar */
.spolight-deck-builder__layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px;align-items:start}
.spolight-deck-builder__main{min-width:0}
.spolight-deck-builder__sidebar{min-width:0;position:sticky;top:24px}
.spolight-deck-builder__sidebar .spolight-deck-builder__toolbar{margin:0;padding:14px}
.spolight-deck-builder__sidebar .spolight-deck-builder__name{display:block}
.spolight-deck-builder__sidebar .spolight-deck-builder__name input{display:block;width:100%;max-width:none;min-width:0;margin-top:6px}
.spolight-deck-builder__sidebar .spolight-deck-builder__actions{display:grid;grid-template-columns:1fr 1fr}
.spolight-deck-builder__side-counts{border-top:1px solid #dcdcde;margin-top:12px;padding-top:10px;font-size:13px;line-height:1.8}
.spolight-deck-builder__side-counts>div{display:flex;justify-content:space-between;gap:8px}
@media(max-width:900px){.spolight-deck-builder__layout{grid-template-columns:1fr}.spolight-deck-builder__sidebar{position:static;grid-row:1}.spolight-deck-builder__sidebar .spolight-deck-builder__toolbar{margin-bottom:14px}}

/* v0.3.5: search action message */
.spolight-deck-builder__action-message{min-height:24px;margin:4px 0 12px;padding:0 2px;font-weight:700;color:#b32d2e}

/* v0.3.6: show every physical card copy as its own image, 10 cards per row */
.spolight-deck-section__cards{
  display:grid;
  grid-template-columns:repeat(10,minmax(0,1fr));
  gap:6px;
  padding:8px;
  align-items:start;
}
.spolight-deck-card{
  display:block;
  min-width:0;
  border:0;
  padding:0;
  background:transparent;
}
.spolight-deck-card__image{
  width:100%;
  aspect-ratio:5/7;
  overflow:hidden;
  background:#f0f0f1;
}
.spolight-deck-card__image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.spolight-deck-card__no-image{
  width:100%;
  height:100%;
  aspect-ratio:auto;
  background:#f0f0f1;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
}
.spolight-deck-card__qty{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:3px;
  margin-top:3px;
}
.spolight-deck-card__qty button{
  width:100%;
  min-width:0;
  padding:2px 0;
  line-height:1.2;
  font-size:15px;
  border:1px solid #777;
  background:#fff;
  color:#222;
}
.spolight-deck-section__cards>.spolight-deck-builder__empty{grid-column:1/-1}
/* Keep 10 columns as requested. On narrow screens the deck area scrolls horizontally rather than changing the card count per row. */
.spolight-deck-section{overflow-x:auto}
.spolight-deck-section__cards{min-width:760px}
@media(max-width:1000px){.spolight-deck-section__cards{grid-template-columns:repeat(10,minmax(0,1fr))}}
@media(max-width:700px){.spolight-deck-section__cards{grid-template-columns:repeat(10,minmax(0,1fr));min-width:700px}}


/* v0.3.7: split main deck into non-Life-Burst and Life-Burst groups */
.spolight-deck-main-group{min-width:760px}
.spolight-deck-main-group+.spolight-deck-main-group{border-top:1px dotted #777}
.spolight-deck-main-group__label{display:flex;justify-content:space-between;align-items:center;padding:7px 9px 0;font-size:13px;font-weight:700;color:#50575e}
.spolight-deck-main-group .spolight-deck-section__cards{border:0}
@media(max-width:700px){.spolight-deck-main-group{min-width:700px}}


/* v0.3.9: keep the main builder aligned with the page and place only the deck-name box on the far right */
@media (min-width:901px){
  .spolight-deck-builder{
    max-width:1400px;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    transform:none;
    position:relative;
    overflow:visible;
  }
  .spolight-deck-builder__layout{
    display:block;
    width:100%;
  }
  .spolight-deck-builder__main{
    min-width:0;
  }
  .spolight-deck-builder__sidebar{
    position:absolute;
    top:0;
    left:calc(100% + 24px);
    width:260px;
    margin:0;
    z-index:5;
  }
}
@media (max-width:900px){
  .spolight-deck-builder{
    width:100%;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
    transform:none;
  }
  .spolight-deck-builder__layout{
    display:grid;
    grid-template-columns:1fr;
  }
  .spolight-deck-builder__sidebar{
    position:static;
    width:auto;
    grid-row:1;
    margin:0 0 14px;
  }
}

/* v0.3.10: safe layout reset; keep the builder inside the theme content area. */
@media (min-width:901px){
  .spolight-deck-builder{width:100%;max-width:100%;margin:0;position:relative;overflow:visible;transform:none}
  .spolight-deck-builder__layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start;width:100%}
  .spolight-deck-builder__main{min-width:0}
  .spolight-deck-builder__sidebar{position:sticky;top:24px;left:auto;width:auto;margin:0;z-index:auto}
}


/* v0.3.11: prevent the search-details panel from intruding into the right sidebar */
@media (min-width:901px){
  .spolight-deck-builder__main{overflow:hidden}
  .spolight-deck-search__details{
    width:min(calc(100% - 72px),720px);
    max-width:calc(100% - 72px);
  }
  .spolight-deck-search__main-row{max-width:100%}
}


/* v0.3.12: wider main workspace, compact sidebar, scrollable details, natural 10-card rows */
@media (min-width:901px){
  .spolight-deck-builder__layout{
    grid-template-columns:minmax(0,1fr) 185px;
    gap:12px;
  }
  .spolight-deck-builder__sidebar .spolight-deck-builder__toolbar{
    padding:10px;
  }
  .spolight-deck-builder__sidebar .spolight-deck-builder__name input{
    font-size:14px;
  }
  .spolight-deck-builder__sidebar .spolight-deck-builder__actions{
    grid-template-columns:1fr;
    gap:6px;
  }
  .spolight-deck-builder__main{
    overflow:visible;
    min-width:0;
  }
  .spolight-deck-search__details{
    width:calc(100% - 72px);
    max-width:none;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
  }
  .spolight-deck-search__details > *{
    min-width:610px;
  }
  .spolight-deck-search__option-row{
    width:max-content;
    min-width:610px;
  }
  .spolight-deck-search__filter-grid{
    min-width:610px;
  }
  .spolight-deck-section{
    overflow-x:visible;
  }
  .spolight-deck-section__cards{
    min-width:0;
    grid-template-columns:repeat(10,minmax(0,1fr));
    gap:4px;
    padding:6px;
  }
  .spolight-deck-main-group{
    min-width:0;
  }
  .spolight-deck-card__qty{
    gap:2px;
    margin-top:2px;
  }
  .spolight-deck-card__qty button{
    padding:1px 0;
    font-size:12px;
  }
}

/* When the available width becomes tight, keep ten cards per row and allow only the deck area to scroll. */
@media (max-width:900px){
  .spolight-deck-search__details{
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
  }
  .spolight-deck-search__details > *{
    min-width:610px;
  }
}

/* v0.3.13: tap a deck card image to add one more copy; keep only the minus button below */
.spolight-deck-card__image.spolight-deck-card__increase{
  display:block;
  width:100%;
  padding:0;
  margin:0;
  border:0;
  background:transparent;
  cursor:pointer;
  appearance:none;
}
.spolight-deck-card__image.spolight-deck-card__increase:hover img,
.spolight-deck-card__image.spolight-deck-card__increase:focus-visible img{
  outline:2px solid #2271b1;
  outline-offset:1px;
}
.spolight-deck-card__qty{justify-content:center}
.spolight-deck-card__qty button{min-width:28px}

/* v0.3.14: deck image export button */
.spolight-deck-builder__export{
  width:100%;
  margin-top:6px;
  padding:7px 8px;
  border:1px solid #2271b1;
  background:#fff;
  color:#135e96;
  font-weight:700;
  cursor:pointer;
}
.spolight-deck-builder__export:hover{background:#f0f6fc}
.spolight-deck-builder__export:disabled{opacity:.55;cursor:wait}


/* v0.4.3: smartphone layout */
@media (max-width:700px){
  .spolight-deck-builder{
    width:100%;
    max-width:100%;
    padding:0 2px;
  }
  .spolight-deck-builder__layout{
    display:flex;
    flex-direction:column;
    gap:12px;
  }
  .spolight-deck-builder__sidebar{
    order:0;
    width:100%;
    margin:0;
    position:static;
  }
  .spolight-deck-builder__main{
    order:1;
    width:100%;
    min-width:0;
  }
  .spolight-deck-builder__sidebar .spolight-deck-builder__toolbar{
    padding:10px;
    margin:0;
  }
  .spolight-deck-builder__sidebar .spolight-deck-builder__name input{
    min-height:44px;
    height:44px;
    font-size:16px;
  }
  .spolight-deck-builder__sidebar .spolight-deck-builder__actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .spolight-deck-builder__sidebar .spolight-deck-builder__actions button{
    min-height:44px;
    padding:8px 6px;
  }
  .spolight-deck-builder__export{
    grid-column:1/-1;
    margin-top:0;
    min-height:44px;
  }
  .spolight-deck-builder__side-counts{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:6px;
    text-align:center;
  }
  .spolight-deck-builder__side-counts>div{
    display:block;
    padding:6px 2px;
    border:1px solid #e1e1e1;
    border-radius:5px;
  }

  .spolight-deck-search__main-row{
    display:block;
  }
  .spolight-deck-search__main-row>label{
    display:block;
    margin-bottom:5px;
  }
  .spolight-deck-search__main-row input[type=search]{
    min-height:44px;
    height:44px;
    font-size:16px;
  }
  .spolight-deck-search__detail-toggle{
    min-height:40px;
    padding:7px 2px;
  }
  .spolight-deck-search__details{
    width:100%;
    max-width:100%;
    margin-left:0;
    overflow:visible;
  }
  .spolight-deck-search__details > *{
    min-width:0;
  }
  .spolight-deck-search__option-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:auto;
    min-width:0;
    gap:8px;
    padding:8px 10px;
  }
  .spolight-deck-search__check{
    white-space:normal;
    min-height:34px;
    line-height:1.35;
  }
  .spolight-deck-search__check input{
    width:20px;
    height:20px;
    flex:0 0 20px;
  }
  .spolight-deck-search__filter-grid{
    display:grid;
    grid-template-columns:1fr;
    min-width:0;
    padding:8px 10px 10px;
  }
  .spolight-deck-search__field{
    display:grid;
    grid-template-columns:92px minmax(0,1fr);
    align-items:center;
    gap:8px;
    margin-bottom:8px;
  }
  .spolight-deck-search__field label{
    text-align:left;
  }
  .spolight-deck-search__field select{
    min-height:42px;
    height:42px;
    max-width:none;
    font-size:16px;
  }
  .spolight-deck-search__detail-actions button{
    min-height:42px;
  }

  .spolight-deck-builder__search-results{
    gap:9px;
    padding:10px 8px 12px;
  }
  .spolight-deck-search-card{
    flex:0 0 92px;
    width:92px;
  }

  .spolight-deck-section{
    overflow-x:visible;
  }
  .spolight-deck-main-group{
    min-width:0;
  }
  .spolight-deck-section__cards{
    min-width:0;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:5px;
    padding:6px;
  }
  .spolight-deck-card__qty button{
    min-height:32px;
    font-size:16px;
  }
  .spolight-deck-section__heading{
    padding:8px;
  }
  .spolight-deck-section__heading h2{
    font-size:18px;
  }
  .spolight-deck-main-group__label{
    padding:7px 7px 0;
    font-size:12px;
  }
}
@media (max-width:420px){
  .spolight-deck-builder__sidebar .spolight-deck-builder__actions{
    grid-template-columns:1fr;
  }
  .spolight-deck-builder__export{
    grid-column:auto;
  }
  .spolight-deck-search__option-row{
    grid-template-columns:1fr;
  }
  .spolight-deck-section__cards{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:4px;
    padding:5px;
  }
}



/* v0.4.4: prevent double-tap zoom on deck-builder controls while keeping normal pinch zoom */
.spolight-deck-builder button,
.spolight-deck-builder input,
.spolight-deck-builder select,
.spolight-deck-card__increase,
.spolight-deck-search-card,
.spolight-deck-search__detail-toggle,
.spolight-deck-builder__actions button,
.spolight-deck-card__qty button{
  touch-action:manipulation;
}


/* v0.4.5: independent name/dedupe rows */
.spolight-deck-search__option-row--single{
  display:block;
}
@media (max-width:700px){
  .spolight-deck-search__option-row--single{
    display:block;
  }
}


/* v0.4.6: horizontal infinite search results */
.spolight-deck-builder__search-results{
  overscroll-behavior-x:contain;
  touch-action:pan-x pan-y;
  scrollbar-gutter:stable;
}


/* v0.4.7: keep the horizontal search-result tray fixed at the bottom of the viewport */
.spolight-deck-builder{
  padding-bottom:238px;
}
.spolight-deck-builder__search-results{
  position:fixed;
  left:50%;
  right:auto;
  bottom:max(0px, env(safe-area-inset-bottom));
  transform:translateX(-50%);
  z-index:9999;
  width:min(1400px, calc(100vw - 24px));
  max-width:calc(100vw - 24px);
  min-height:0;
  margin:0;
  border:1px solid #333;
  border-radius:8px 8px 0 0;
  background:#fff;
  box-shadow:0 -4px 18px rgba(0,0,0,.18);
  padding:10px 10px calc(12px + env(safe-area-inset-bottom));
}
@media (max-width:700px){
  .spolight-deck-builder{
    padding-bottom:198px;
  }
  .spolight-deck-builder__search-results{
    width:100vw;
    max-width:100vw;
    left:0;
    right:0;
    bottom:0;
    transform:none;
    border-left:0;
    border-right:0;
    border-radius:8px 8px 0 0;
    padding:8px 8px calc(10px + env(safe-area-inset-bottom));
  }
}


/* v0.4.9: keep add / add-failed messages visible with the fixed search tray */
.spolight-deck-builder__action-message{
  position:fixed;
  left:50%;
  bottom:208px;
  transform:translateX(-50%);
  z-index:10000;
  width:min(1400px, calc(100vw - 24px));
  max-width:calc(100vw - 24px);
  margin:0;
  padding:8px 12px;
  border-radius:7px;
  background:rgba(255,255,255,.97);
  box-shadow:0 2px 12px rgba(0,0,0,.16);
  pointer-events:none;
}
.spolight-deck-builder__action-message:empty{
  display:none;
}
@media (max-width:700px){
  .spolight-deck-builder__action-message{
    left:8px;
    right:8px;
    bottom:170px;
    transform:none;
    width:auto;
    max-width:none;
    padding:7px 10px;
  }
}




/* v0.4.11: compact fixed search at left, limit-only message on the right */
.spolight-deck-builder__fixed-tools{
  position:fixed;
  left:50%;
  bottom:208px;
  transform:translateX(-50%);
  z-index:10000;
  display:flex;
  align-items:center;
  gap:12px;
  width:min(1400px, calc(100vw - 24px));
  max-width:calc(100vw - 24px);
  margin:0;
  padding:5px 8px;
  border:1px solid #d7d7d7;
  border-radius:7px;
  background:rgba(255,255,255,.98);
  box-shadow:0 2px 12px rgba(0,0,0,.16);
}
.spolight-deck-builder__fixed-search{
  display:flex;
  align-items:center;
  gap:6px;
  flex:0 1 25%;
  width:25%;
  min-width:220px;
}
.spolight-deck-builder__fixed-search label{
  flex:0 0 auto;
  font-size:12px;
  font-weight:700;
}
.spolight-deck-builder__fixed-search input{
  flex:1 1 auto;
  min-width:0;
  height:32px;
  padding:4px 8px;
  border:1px solid #999;
  border-radius:5px;
  font-size:13px;
  background:#fff;
}
.spolight-deck-builder__action-message{
  display:block;
  flex:1 1 auto;
  min-width:0;
  margin:0;
  padding:0;
  font-size:8px;
  line-height:1.2;
  color:#c00;
  font-weight:700;
  pointer-events:none;
}
.spolight-deck-builder__action-message:empty{
  display:block;
}
@media (max-width:700px){
  .spolight-deck-builder{
    padding-bottom:238px;
  }
  .spolight-deck-builder__fixed-tools{
    left:6px;
    right:6px;
    bottom:170px;
    transform:none;
    width:auto;
    max-width:none;
    gap:7px;
    padding:4px 6px;
  }
  .spolight-deck-builder__fixed-search{
    flex:0 0 42%;
    width:42%;
    min-width:0;
  }
  .spolight-deck-builder__fixed-search label{
    font-size:10px;
  }
  .spolight-deck-builder__fixed-search input{
    height:36px;
    font-size:16px;
  }
  .spolight-deck-builder__action-message{
    font-size:8px;
  }
}


/* v0.4.12: align fixed search/message with the fixed result tray */
.spolight-deck-builder__fixed-tools{
  bottom:222px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:4px 8px !important;
  min-height:40px;
}
.spolight-deck-builder__fixed-search{
  flex:0 0 25% !important;
  width:25% !important;
  min-width:240px;
}
.spolight-deck-builder__action-message{
  position:static !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  top:auto !important;
  transform:none !important;
  z-index:auto !important;
  width:auto !important;
  max-width:none !important;
  min-height:0 !important;
  flex:1 1 auto !important;
  margin:0 !important;
  padding:0 4px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  font-size:8px !important;
  line-height:1.2 !important;
  color:#c00 !important;
  font-weight:700 !important;
}
.spolight-deck-builder__search-results{
  bottom:max(0px, env(safe-area-inset-bottom)) !important;
}
@media (max-width:700px){
  .spolight-deck-builder__fixed-tools{
    bottom:184px !important;
    min-height:42px;
  }
  .spolight-deck-builder__fixed-search{
    flex:0 0 42% !important;
    width:42% !important;
    min-width:0 !important;
  }
}


/* v0.4.13: add a clearer gap above result cards and enlarge limit message */
.spolight-deck-builder__fixed-tools{
  bottom:236px !important;
}
.spolight-deck-builder__action-message{
  font-size:12px !important;
}
@media (max-width:700px){
  .spolight-deck-builder__fixed-tools{
    bottom:198px !important;
  }
  .spolight-deck-builder__action-message{
    font-size:12px !important;
  }
}


/* v0.4.15: fixed detail button + message colors */
.spolight-deck-builder__fixed-detail{
  flex:0 0 auto;
  height:32px;
  padding:4px 10px;
  border:1px solid #999;
  border-radius:5px;
  background:#fff;
  color:#111;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}
.spolight-deck-builder__fixed-detail:hover{
  background:#f3f3f3;
}
.spolight-deck-builder__action-message.is-search-count{
  color:#111 !important;
}
.spolight-deck-builder__action-message.is-limit{
  color:#c00 !important;
}
@media (max-width:700px){
  .spolight-deck-builder__fixed-detail{
    height:36px;
    padding:4px 8px;
    font-size:11px;
  }
}


/* v0.4.16: compact top detail-search text */
.spolight-deck-search__details{
  font-size:12px;
}
.spolight-deck-search__details .spolight-deck-search__check,
.spolight-deck-search__details .spolight-deck-search__field label,
.spolight-deck-search__details .spolight-deck-search__detail-actions button{
  font-size:12px;
}
.spolight-deck-search__details .spolight-deck-search__field select{
  font-size:12px;
  height:27px;
  min-height:27px;
}
.spolight-deck-search__details .spolight-deck-search__option-row{
  min-height:25px;
}

/* v0.4.16: Piece / Key cards use the opposite (landscape) aspect ratio */
.spolight-deck-search-card.is-horizontal-card .spolight-deck-search-card__image{
  aspect-ratio:7/5;
}
.spolight-deck-card.is-horizontal-card .spolight-deck-card__image{
  display:block;
  width:100%;
  aspect-ratio:7/5;
  overflow:hidden;
  background:#eee;
}
.spolight-deck-card.is-horizontal-card .spolight-deck-card__image img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.spolight-deck-card.is-horizontal-card .spolight-deck-card__no-image{
  aspect-ratio:7/5;
}


/* v0.4.17: align portrait + landscape cards by vertical center and keep minus buttons level */
.spolight-deck-section__cards{
  align-items:stretch;
}
.spolight-deck-card{
  display:grid !important;
  grid-template-rows:minmax(0,1fr) auto !important;
  grid-template-columns:1fr !important;
  align-items:stretch !important;
  height:100%;
  min-width:0;
}
.spolight-deck-card__image.spolight-deck-card__increase{
  align-self:center;
  justify-self:stretch;
}
.spolight-deck-card:not(.is-horizontal-card) .spolight-deck-card__image{
  aspect-ratio:5/7;
}
.spolight-deck-card.is-horizontal-card .spolight-deck-card__image{
  aspect-ratio:7/5;
  align-self:center;
}
.spolight-deck-card__qty{
  align-self:end;
  margin-top:4px !important;
}

/* v0.4.17: show the six detailed-select fields in one vertical column */
.spolight-deck-search__filter-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  min-width:0 !important;
  gap:4px !important;
  padding:7px 14px 8px !important;
}
.spolight-deck-search__field{
  display:grid !important;
  grid-template-columns:92px minmax(0,1fr) !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 !important;
}
.spolight-deck-search__field label{
  text-align:left !important;
}
.spolight-deck-search__field select{
  width:100% !important;
  max-width:none !important;
}
@media (max-width:900px){
  .spolight-deck-search__details{
    overflow-x:visible !important;
  }
  .spolight-deck-search__details > *{
    min-width:0 !important;
  }
}
@media (max-width:700px){
  .spolight-deck-search__filter-grid{
    grid-template-columns:1fr !important;
  }
  .spolight-deck-search__field{
    grid-template-columns:78px minmax(0,1fr) !important;
  }
}


/* v0.4.18: clear button at top-left, no inner detail-search scrolling */
.spolight-deck-search__details{
  overflow:visible !important;
}
.spolight-deck-search__details > *{
  min-width:0 !important;
}
.spolight-deck-search__detail-actions{
  padding:7px 14px 2px !important;
  text-align:left !important;
}
.spolight-deck-search__detail-actions button{
  min-height:0 !important;
  padding:3px 8px !important;
  font-size:12px !important;
}

/* v0.4.18: long-press card text viewer */
.spolight-deck-card__image,
.spolight-deck-search-card{
  -webkit-touch-callout:none;
}
.spolight-card-text-viewer[hidden]{display:none!important}
.spolight-card-text-viewer{
  position:fixed;
  inset:0;
  z-index:20000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(0,0,0,.45);
}
.spolight-card-text-viewer__panel{
  position:relative;
  width:min(620px,94vw);
  max-height:75vh;
  overflow:auto;
  padding:24px 18px 18px;
  border-radius:10px;
  background:#fff;
  color:#20242e !important;
  box-shadow:0 8px 30px rgba(0,0,0,.28);
}
.spolight-card-text-viewer__close{
  position:absolute;
  top:5px;
  right:7px;
  width:30px;
  height:30px;
  border:0;
  background:transparent;
  font-size:24px;
  line-height:1;
  cursor:pointer;
  color:#20242e !important;
}
.spolight-card-text-viewer__text{
  white-space:pre-wrap;
  word-break:break-word;
  font-size:14px;
  line-height:1.6;
  color:#20242e !important;
}


/* v0.4.21: on smartphones, keep the fixed search controls closer to the result tray */
@media (max-width:700px){
  .spolight-deck-builder__fixed-tools{
    bottom:184px !important;
  }
}


/* v0.4.25: when there are no result cards, move the fixed search controls
   down to the compact empty-result tray instead of reserving a card row. */
.spolight-deck-builder--no-search-results .spolight-deck-builder__search-results{
  padding-top:6px !important;
  padding-bottom:6px !important;
}
.spolight-deck-builder--no-search-results .spolight-deck-builder__fixed-tools{
  bottom:78px !important;
}
@media (max-width:700px){
  .spolight-deck-builder--no-search-results .spolight-deck-builder__fixed-tools{
    bottom:72px !important;
  }
  .spolight-deck-builder--no-search-results{
    padding-bottom:126px !important;
  }
}


/* v0.4.26: fixed search follows the actual height of the result tray.
   Handles portrait cards, Piece/Key landscape-only results, mixed results, and 0 results. */
.spolight-deck-builder{
  --spolight-search-tray-height:198px;
  padding-bottom:calc(var(--spolight-search-tray-height) + 58px) !important;
}
.spolight-deck-builder__fixed-tools,
.spolight-deck-builder--no-search-results .spolight-deck-builder__fixed-tools{
  bottom:calc(var(--spolight-search-tray-height) + 8px) !important;
}

@media (max-width:700px){
  .spolight-deck-builder{
    padding-bottom:calc(var(--spolight-search-tray-height) + 56px) !important;
  }
  .spolight-deck-builder__fixed-tools,
  .spolight-deck-builder--no-search-results .spolight-deck-builder__fixed-tools{
    bottom:calc(var(--spolight-search-tray-height) + 6px) !important;
  }
}


/* v0.4.56: quick Main-only toggle beside the fixed Detail button */
.spolight-deck-builder__fixed-main-only{
  flex:0 0 auto;
  height:32px;
  padding:4px 10px;
  border:1px solid #999;
  border-radius:5px;
  background:#fff;
  color:#111;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
  white-space:nowrap;
}
.spolight-deck-builder__fixed-main-only:hover{
  background:#f3f3f3;
}
.spolight-deck-builder__fixed-main-only.is-active,
.spolight-deck-builder__fixed-main-only[aria-pressed="true"]{
  background:#202733;
  border-color:#00bfd8;
  color:#fff;
  box-shadow:0 0 0 1px #00bfd8 inset;
}
@media (max-width:700px){
  .spolight-deck-builder__fixed-main-only{
    height:36px;
    padding:4px 8px;
    font-size:11px;
  }
}


/* v0.4.60: mobile compact actions + result tray above the fixed search row. */
@media (max-width:700px){
  .spolight-deck-builder__sidebar .spolight-deck-builder__actions{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:5px !important;
  }
  .spolight-deck-builder__sidebar .spolight-deck-builder__actions button{
    min-width:0 !important;
    min-height:36px !important;
    padding:5px 6px !important;
    font-size:11px !important;
    line-height:1.25 !important;
    white-space:normal !important;
  }
  .spolight-deck-builder{
    padding-bottom:calc(var(--spolight-search-tray-height) + 62px + env(safe-area-inset-bottom)) !important;
  }
  .spolight-deck-builder__fixed-tools,
  .spolight-deck-builder--no-search-results .spolight-deck-builder__fixed-tools{
    bottom:max(0px, env(safe-area-inset-bottom)) !important;
    z-index:10003 !important;
  }
  .spolight-deck-builder__search-results,
  .spolight-deck-builder--no-search-results .spolight-deck-builder__search-results{
    bottom:calc(50px + env(safe-area-inset-bottom)) !important;
    z-index:10002 !important;
  }
}

/* v0.4.61: use the same fixed-tray order on PC and mobile.
   Search results stay above; quick search controls stay at the very bottom.
   Result cards are reduced to 70% of their previous display size. */
.spolight-deck-builder__fixed-tools,
.spolight-deck-builder--no-search-results .spolight-deck-builder__fixed-tools{
  bottom:max(0px, env(safe-area-inset-bottom)) !important;
  z-index:10003 !important;
}
.spolight-deck-builder__search-results,
.spolight-deck-builder--no-search-results .spolight-deck-builder__search-results{
  bottom:calc(50px + env(safe-area-inset-bottom)) !important;
  z-index:10002 !important;
}
.spolight-deck-search-card{
  flex:0 0 83px !important;
  width:83px !important;
}
.spolight-deck-search-card__name{
  font-size:8.5px !important;
  margin-top:3px !important;
}
.spolight-deck-search-card__kind{
  font-size:8px !important;
  margin-top:1px !important;
}
.spolight-deck-search-card__no-image{
  font-size:8px !important;
}
.spolight-deck-builder__search-results{
  gap:8px !important;
  padding-top:7px !important;
  padding-bottom:8px !important;
}
@media (max-width:700px){
  .spolight-deck-builder__fixed-tools,
  .spolight-deck-builder--no-search-results .spolight-deck-builder__fixed-tools{
    bottom:max(0px, env(safe-area-inset-bottom)) !important;
  }
  .spolight-deck-builder__search-results,
  .spolight-deck-builder--no-search-results .spolight-deck-builder__search-results{
    bottom:calc(50px + env(safe-area-inset-bottom)) !important;
  }
  .spolight-deck-search-card{
    flex-basis:64px !important;
    width:64px !important;
  }
}


/* v0.4.62: remove the gap between the fixed result tray and quick-search row.
   The fixed tools are 42px tall (32px controls + padding/border), so place
   the result tray directly above that height on both PC and mobile. */
.spolight-deck-builder__search-results,
.spolight-deck-builder--no-search-results .spolight-deck-builder__search-results{
  bottom:calc(42px + env(safe-area-inset-bottom)) !important;
}
@media (max-width:700px){
  .spolight-deck-builder__search-results,
  .spolight-deck-builder--no-search-results .spolight-deck-builder__search-results{
    bottom:calc(42px + env(safe-area-inset-bottom)) !important;
  }
}

/* v0.4.65: keep the result tray directly above the quick-search row.
   The row height is measured by JS because mobile result counts can wrap. */
.spolight-deck-builder{
  --spolight-fixed-tools-height:42px;
}
.spolight-deck-builder__search-results,
.spolight-deck-builder--no-search-results .spolight-deck-builder__search-results{
  bottom:calc(var(--spolight-fixed-tools-height) + env(safe-area-inset-bottom)) !important;
}
@media (max-width:700px){
  .spolight-deck-builder{
    --spolight-fixed-tools-height:86px;
  }
}

/* v0.4.71: smartphone deck rows show 10 cards per row. */
@media (max-width:700px){
  .spolight-deck-section__cards{
    grid-template-columns:repeat(10,minmax(0,1fr)) !important;
    gap:2px !important;
    padding:3px !important;
    min-width:0 !important;
  }
  .spolight-deck-card{
    display:flex !important;
    flex-direction:column !important;
    gap:1px !important;
    min-width:0 !important;
    padding:1px !important;
    border-width:1px !important;
  }
  .spolight-deck-card__image{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
  }
  .spolight-deck-card__image img{
    display:block !important;
    width:100% !important;
    height:auto !important;
  }
  .spolight-deck-card__qty{
    display:block !important;
    width:100% !important;
    margin-top:0 !important;
  }
  .spolight-deck-card__qty button{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    min-height:20px !important;
    height:20px !important;
    padding:0 !important;
    font-size:12px !important;
    line-height:18px !important;
  }
  .spolight-deck-card__no-image{
    font-size:7px !important;
  }
}
@media (max-width:420px){
  .spolight-deck-section__cards{
    grid-template-columns:repeat(10,minmax(0,1fr)) !important;
    gap:1px !important;
    padding:2px !important;
  }
}

/* v0.4.73: detail-search checkbox options look and behave like toggle buttons. */
.spolight-deck-search__details .spolight-deck-search__check{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:5px 11px;
  border:1px solid #777;
  border-radius:7px;
  background:#fff;
  color:#20242e;
  font-weight:700;
  line-height:1.25;
  cursor:pointer;
  user-select:none;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;
}
.spolight-deck-search__details .spolight-deck-search__check:hover{
  background:#f1f4f7;
  border-color:#4e5968;
}
.spolight-deck-search__details .spolight-deck-search__check input[type="checkbox"]{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  margin:0 !important;
  padding:0 !important;
  opacity:0 !important;
  pointer-events:none;
}
.spolight-deck-search__details .spolight-deck-search__check:has(input[type="checkbox"]:checked){
  background:#2271b1;
  border-color:#2271b1;
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);
}
.spolight-deck-search__details .spolight-deck-search__check:has(input[type="checkbox"]:focus-visible){
  outline:3px solid rgba(34,113,177,.32);
  outline-offset:2px;
}
@media(max-width:700px){
  .spolight-deck-search__details .spolight-deck-search__check{
    flex:1 1 0;
    min-height:40px;
    padding:7px 7px;
    text-align:center;
    white-space:normal;
  }
  .spolight-deck-search__details .spolight-deck-search__option-row--single .spolight-deck-search__check{
    width:100%;
  }
}


/* v0.4.75: dropdown-only detail filters; remove the old label column so text is not clipped. */
.spolight-deck-search__filter-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(180px,1fr)) !important;
  gap:7px 10px !important;
  padding:7px 14px 8px !important;
}
.spolight-deck-search__field{
  display:block !important;
  min-width:0 !important;
  margin:0 !important;
}
.spolight-deck-search__field select{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  height:34px !important;
  padding-right:30px !important;
}
@media(max-width:700px){
  .spolight-deck-search__filter-grid{
    grid-template-columns:1fr !important;
    padding:7px 10px 8px !important;
  }
}


/* v0.4.76: make dropdown-only detail filters use the full available width. */
.spolight-deck-search__details .spolight-deck-search__filter-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px 10px !important;
  width:100% !important;
}
.spolight-deck-search__details .spolight-deck-search__field{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
}
.spolight-deck-search__details .spolight-deck-search__field > label{
  display:none !important;
}
.spolight-deck-search__details .spolight-deck-search__field select{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  height:36px !important;
  padding:4px 32px 4px 9px !important;
  font-size:15px !important;
}
@media(max-width:700px){
  .spolight-deck-search__details .spolight-deck-search__filter-grid{
    grid-template-columns:1fr !important;
  }
}


/* v0.4.77: fit each dropdown label without changing the control size. */
#spolight-deck-color{font-size:15px !important;}
#spolight-deck-card_kind{font-size:13px !important;}
#spolight-deck-limited_condition{font-size:12.5px !important;}
#spolight-deck-lrig_type{font-size:13px !important;}
#spolight-deck-class{font-size:14px !important;}
#spolight-deck-level{font-size:15px !important;}
#spolight-deck-power{font-size:14px !important;}


/* v0.4.78: PC-only font tuning so every dropdown placeholder fits without changing control size. */
@media(min-width:701px){
#spolight-deck-color{font-size:13px !important;}
#spolight-deck-card_kind{font-size:10.5px !important;}
#spolight-deck-limited_condition{font-size:11.5px !important;}
#spolight-deck-lrig_type{font-size:10.5px !important;}
#spolight-deck-class{font-size:12px !important;}
#spolight-deck-level{font-size:13px !important;}
#spolight-deck-power{font-size:12px !important;}
}


/* v0.4.79: on smartphones keep the two exclusive-choice pairs side by side. */
@media(max-width:700px){
  .spolight-deck-search__details .spolight-deck-search__option-row:has(input[data-exclusive-group="format-mode"]),
  .spolight-deck-search__details .spolight-deck-search__option-row:has(input[data-exclusive-group="deck-mode"]){
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:8px !important;
    align-items:stretch !important;
  }
  .spolight-deck-search__details .spolight-deck-search__option-row:has(input[data-exclusive-group="format-mode"]) .spolight-deck-search__check,
  .spolight-deck-search__details .spolight-deck-search__option-row:has(input[data-exclusive-group="deck-mode"]) .spolight-deck-search__check{
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
  }
}


/* v0.4.84: keep desktop detail dropdowns compact instead of stretching across the panel. */
@media(min-width:701px){
  .spolight-deck-search__details .spolight-deck-search__filter-grid{
    grid-template-columns:220px 220px !important;
    justify-content:start !important;
  }
  .spolight-deck-search__details .spolight-deck-search__field,
  .spolight-deck-search__details .spolight-deck-search__field select{
    width:220px !important;
    max-width:220px !important;
  }
}


/* v0.4.85: compact desktop detail panel to content width and align reset left. */
@media(min-width:701px){
  .spolight-deck-search__details{
    width:488px !important;
    max-width:calc(100% - 72px) !important;
  }
  .spolight-deck-search__details .spolight-deck-search__detail-actions{
    text-align:left !important;
    display:flex !important;
    justify-content:flex-start !important;
  }
}

/* v0.4.87: keep the desktop detail filters inside the compact panel.
   Older wide-screen rules forced 610px children, which made the 488px panel clip. */
@media(min-width:901px){
  .spolight-deck-search__details{
    overflow-x:visible !important;
  }
  .spolight-deck-search__details > *{
    min-width:0 !important;
    max-width:100% !important;
  }
  .spolight-deck-search__details .spolight-deck-search__option-row{
    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;
  }
  .spolight-deck-search__details .spolight-deck-search__filter-grid{
    min-width:0 !important;
    max-width:100% !important;
  }
}

/* v0.4.88: keep desktop detail dropdowns inside the panel at every PC width/zoom.
   Use flexible columns instead of fixed 220px controls so the second column never clips. */
@media(min-width:701px){
  .spolight-deck-search__details .spolight-deck-search__filter-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow:visible !important;
  }
  .spolight-deck-search__details .spolight-deck-search__field{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }
  .spolight-deck-search__details .spolight-deck-search__field select{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }
}


/* v0.5: fixed-search row can hide/show the horizontal result tray. */
.spolight-deck-builder__fixed-results-toggle{
  flex:0 0 auto;
  height:32px;
  padding:4px 10px;
  border:1px solid #999;
  border-radius:5px;
  background:#fff;
  color:#111;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
  cursor:pointer;
}
.spolight-deck-builder__fixed-results-toggle:hover{
  background:#f3f3f3;
}
.spolight-deck-builder__fixed-results-toggle[aria-pressed="true"]{
  background:#202733;
  border-color:#00bfd8;
  color:#fff;
}
.spolight-deck-builder--results-hidden .spolight-deck-builder__search-results{
  display:none !important;
}
.spolight-deck-builder--results-hidden{
  padding-bottom:calc(var(--spolight-fixed-tools-height) + 14px + env(safe-area-inset-bottom)) !important;
}
@media (max-width:700px){
  .spolight-deck-builder__fixed-results-toggle{
    height:36px;
    padding:4px 7px;
    font-size:10px;
  }
}


/* v0.5.1: smartphone layout for the fixed search controls.
   Keep the hide-results button below the search box so the first row never gets squeezed. */
@media (max-width:700px){
  .spolight-deck-builder__fixed-tools,
  .spolight-deck-builder--no-search-results .spolight-deck-builder__fixed-tools{
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) auto !important;
    grid-template-areas:
      "main search detail"
      "count toggle toggle" !important;
    align-items:center !important;
    column-gap:7px !important;
    row-gap:5px !important;
  }
  .spolight-deck-builder__fixed-main-only{
    grid-area:main;
  }
  .spolight-deck-builder__fixed-search{
    grid-area:search;
    width:100% !important;
    min-width:0 !important;
    flex:none !important;
  }
  .spolight-deck-builder__fixed-detail{
    grid-area:detail;
  }
  .spolight-deck-builder__action-message{
    grid-area:count;
    min-width:0 !important;
    white-space:normal !important;
    overflow-wrap:anywhere;
    font-size:11px !important;
    line-height:1.25 !important;
  }
  .spolight-deck-builder__fixed-results-toggle{
    grid-area:toggle;
    justify-self:stretch;
    width:100%;
    height:32px;
    padding:3px 8px;
    font-size:11px;
  }
}


/* v0.5.2: make the two mobile-only action buttons more compact. */
@media (max-width:700px){
  .spolight-deck-builder__fixed-main-only{
    width:auto !important;
    min-width:0 !important;
    padding-left:10px !important;
    padding-right:10px !important;
    justify-self:start !important;
  }
  .spolight-deck-builder__fixed-results-toggle{
    width:auto !important;
    min-width:0 !important;
    padding-left:12px !important;
    padding-right:12px !important;
    justify-self:end !important;
  }
}


/* v0.5.3: give the mobile keyword input more horizontal room. */
@media (max-width:700px){
  .spolight-deck-builder__fixed-tools,
  .spolight-deck-builder--no-search-results .spolight-deck-builder__fixed-tools{
    column-gap:5px !important;
  }
  .spolight-deck-builder__fixed-search{
    gap:0 !important;
  }
  .spolight-deck-builder__fixed-search label{
    display:none !important;
  }
  .spolight-deck-builder__fixed-search input{
    width:100% !important;
    max-width:none !important;
  }
}


/* v0.6.13: direct-click picker for multiple highest-Level center LRIG candidates. */
.spolight-ceremony-lrig-picker{position:fixed;inset:0;z-index:2147483647;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.55)}
.spolight-ceremony-lrig-picker__panel{width:min(520px,94vw);max-height:86dvh;overflow:auto;padding:22px;border-radius:12px;background:#fff;color:#20242e;box-shadow:0 16px 45px rgba(0,0,0,.35)}
.spolight-ceremony-lrig-picker__panel h3{margin:0 0 8px;font-size:1.25rem}
.spolight-ceremony-lrig-picker__panel p{margin:0 0 14px;line-height:1.6}
.spolight-ceremony-lrig-picker__choices{display:grid;gap:9px}
.spolight-ceremony-lrig-picker__choice{width:100%;min-height:46px;padding:9px 12px;border:1px solid #00bfd8;border-radius:8px;background:#f8fdff;color:#20242e;text-align:left;font:inherit;font-weight:700;cursor:pointer}
.spolight-ceremony-lrig-picker__choice:hover,.spolight-ceremony-lrig-picker__choice:focus-visible{background:#e8f9fd;outline:2px solid #157faf;outline-offset:1px}
.spolight-ceremony-lrig-picker__cancel{display:block;margin:16px 0 0 auto;min-height:40px;padding:7px 14px;border:1px solid #777;border-radius:7px;background:#fff;color:#20242e;font:inherit;cursor:pointer}
body.spolight-ceremony-lrig-picker-open{overflow:hidden}
@media(max-width:700px){.spolight-ceremony-lrig-picker{padding:10px}.spolight-ceremony-lrig-picker__panel{padding:18px 14px}.spolight-ceremony-lrig-picker__choice{min-height:50px}}


/* v0.6.14: tournament date / venue entry dialog shown when exporting a ceremony sheet. */
.spolight-ceremony-event-dialog__field{display:grid;gap:6px;margin:0 0 13px;font-weight:700}
.spolight-ceremony-event-dialog__field input{box-sizing:border-box;width:100%;min-height:44px;padding:8px 10px;border:1px solid #b8c2cc;border-radius:7px;background:#fff;color:#20242e;font:inherit}
.spolight-ceremony-event-dialog__field input:focus{border-color:#157faf;outline:2px solid rgba(21,127,175,.22);outline-offset:1px}
.spolight-ceremony-event-dialog__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:17px}
.spolight-ceremony-event-dialog__actions .spolight-ceremony-lrig-picker__cancel{margin:0}
.spolight-ceremony-event-dialog__ok{min-height:40px;padding:7px 20px;border:1px solid #00bfd8;border-radius:7px;background:#132333;color:#fff;font:inherit;font-weight:700;cursor:pointer}
.spolight-ceremony-event-dialog__ok:hover,.spolight-ceremony-event-dialog__ok:focus-visible{outline:2px solid #157faf;outline-offset:1px}
@media(max-width:700px){.spolight-ceremony-event-dialog__field input{min-height:48px}.spolight-ceremony-event-dialog__actions button{min-height:46px}}