.combined-spawn-panel {
  left: max(12px, calc(100vw - 414px)) !important;
  top: 64px !important;
  resize: both;
  overflow: auto;
  min-width: 390px;
  min-height: 360px;
  max-width: calc(100vw - 24px);
  max-height: calc(100vh - 24px);
  border-color: rgba(192, 132, 252, 0.58) !important;
  background: linear-gradient(145deg, rgba(31, 10, 49, 0.97), rgba(10, 9, 27, 0.96)) !important;
  box-shadow: 0 30px 90px rgba(8, 0, 24, 0.68), 0 0 52px rgba(168, 85, 247, 0.16);
}
.combined-spawn-panel::after {
  content: "";
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 16px;
  height: 16px;
  border-right: 2px solid #c084fc;
  border-bottom: 2px solid #c084fc;
  pointer-events: none;
}
.combined-spawn-tabs button { border: 1px solid rgba(192, 132, 252, 0.28); }
.combined-spawn-items button {
  min-height: 44px;
  border-color: rgba(192, 132, 252, 0.36);
  background: rgba(8, 12, 25, 0.64);
}
@media (max-width: 760px) {
  .combined-spawn-panel {
    left: 12px !important;
    top: 64px !important;
    width: calc(100vw - 24px) !important;
    min-width: 300px;
  }
}

.sandbox-level-select {
  position: fixed;
  z-index: 40;
  left: 50%;
  bottom: 18px;
  width: min(680px, calc(100vw - 24px));
  transform: translateX(-50%);
  color: #f8f2ff;
  font-family: system-ui, sans-serif;
}
.sandbox-level-select > p {
  margin: 0 0 7px;
  text-align: center;
  color: #b9a9c8;
  font-size: 10px;
  letter-spacing: .2em;
}
.sandbox-level-select > div { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.sandbox-level-select button {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 10px 14px;
  border: 1px solid rgba(192,132,252,.3);
  border-radius: 14px;
  background: rgba(10,7,24,.88);
  color: #b9a9c8;
  text-align: left;
  cursor: pointer;
  backdrop-filter: blur(12px);
}
.sandbox-level-select button.selected {
  border-color: #c084fc;
  background: linear-gradient(135deg, rgba(126,34,206,.72), rgba(8,145,178,.45));
  color: white;
  box-shadow: 0 0 28px rgba(168,85,247,.25);
}
.sandbox-level-select strong { font-size: 14px; }
.sandbox-level-select span { font-size: 11px; }
@media (max-height: 700px) { .sandbox-level-select { bottom: 6px; } .sandbox-level-select span { display: none; } }

.sandbox-customize {
  position: fixed;
  z-index: 36;
  top: 14px;
  left: 14px;
  color: #f8f2ff;
  font-family: system-ui, sans-serif;
}
.sandbox-customize button { font: inherit; cursor: pointer; }
.sandbox-customize-toggle {
  min-width: 112px;
  padding: 9px 14px;
  border: 1px solid rgba(192,132,252,.58);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(92,25,150,.94), rgba(8,90,120,.9));
  color: white;
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .04em;
  box-shadow: 0 10px 28px rgba(0,0,0,.32);
}
.sandbox-customize-panel {
  width: 270px;
  margin-top: 8px;
  padding: 12px;
  border: 1px solid rgba(192,132,252,.5);
  border-radius: 15px;
  background: linear-gradient(145deg, rgba(31,10,49,.97), rgba(7,9,24,.97));
  box-shadow: 0 24px 65px rgba(4,0,16,.62);
  backdrop-filter: blur(14px);
}
.sandbox-customize-head { display: flex; align-items: center; justify-content: space-between; font-size: 16px; }
.sandbox-customize-head button { border: 0; background: transparent; color: #b9a9c8; font-size: 22px; line-height: 1; }
.sandbox-customize-panel > p { margin: 13px 0 6px; color: #a999b9; font-size: 9px; letter-spacing: .17em; }
.sandbox-customize-row, .sandbox-customize-styles { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.sandbox-customize-row button, .sandbox-customize-styles button {
  padding: 8px 10px;
  border: 1px solid rgba(192,132,252,.28);
  border-radius: 10px;
  background: rgba(8,12,25,.72);
  color: #d8cce5;
}
.sandbox-customize-styles button { display: flex; min-height: 58px; flex-direction: column; gap: 2px; text-align: left; }
.sandbox-customize-styles button.selected { border-color: #c084fc; background: linear-gradient(135deg, rgba(126,34,206,.64), rgba(8,145,178,.32)); color: white; }
.sandbox-customize-styles strong { font-size: 12px; }
.sandbox-customize-styles span { color: #b9a9c8; font-size: 9px; }


/* Shared floating-panel chrome */
.sandbox-panel {
  overflow: visible;
  box-shadow: 0 18px 52px rgba(0,0,0,.48), 0 0 0 1px rgba(126,232,255,.05);
}
.sandbox-menu-close {
  top: -13px !important;
  right: -13px !important;
  width: 30px !important;
  height: 30px !important;
  border: 2px solid rgba(126,232,255,.72) !important;
  background: #110914 !important;
  box-shadow: 0 5px 16px rgba(0,0,0,.6), 0 0 14px rgba(126,232,255,.16);
}
.sandbox-menu-close:hover {
  transform: scale(1.08);
  background: #2a152e !important;
}
.sandbox-interaction-prompt {
  animation: sandbox-prompt-in .16s ease-out;
}
@keyframes sandbox-prompt-in {
  from { opacity: 0; transform: translate(-50%, 5px) scale(.97); }
  to { opacity: 1; transform: translate(-50%, 0) scale(1); }
}

.sandbox-track-directions {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.sandbox-track-directions button {
  min-width: 0;
}

.grid.grid-cols-5, .sandbox-track-directions {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

/* Builder round three */
.combined-spawn-panel { width: 390px; border-radius: 16px !important; }
.sandbox-track-directions button { transition: border-color .14s ease, background .14s ease, transform .14s ease; }
.sandbox-track-directions button:hover { transform: translateY(-1px); }

/* World atlas: comic-book silhouettes, ample hit targets, no modal overlap. */
.atlas-menu-open main .max-w-3xl{width:340px;max-width:34vw;margin:0 auto 0 4vw}
.atlas-menu-open main .max-w-3xl h1{font-size:64px;text-align:left;text-shadow:3px 0 #ed496e,-3px 0 #51d5ff}
.atlas-menu-open main .max-w-3xl>p{text-align:left}
.atlas-menu-open main .max-w-3xl .sm\:grid-cols-3{grid-template-columns:1fr;gap:8px}
.atlas-menu-open main .max-w-3xl .sm\:grid-cols-3 button{padding:12px}
.atlas-menu-open main .max-w-3xl .sm\:grid-cols-3 button p+ p{display:none}
.sandbox-level-select{left:auto;right:4vw;transform:none;top:10vh;bottom:7vh;width:55vw;overflow:auto;padding:18px;background:#121622f7;border:2px solid #58516a;border-radius:22px;box-shadow:5px 5px 0 #60409a,-3px -2px 0 #247a9e}
.sandbox-level-select>p{text-align:left;font-size:13px;font-weight:800;color:#ffdf9c;letter-spacing:.18em;margin-bottom:14px}
.sandbox-level-select>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sandbox-level-select button{border-radius:12px;border:2px solid #3c4057;padding:10px;background:#202333;transition:transform .15s,border-color .15s;min-height:105px}
.sandbox-level-select button:hover{transform:translateY(-2px);border-color:#80d7ee}
.sandbox-level-select button.selected{border-color:#ffe19a;background:#3b3359;box-shadow:3px 3px 0 #e65174,-2px -2px 0 #57cee3}
.sandbox-level-select img{width:100%;height:74px;object-fit:contain}
.sandbox-level-select strong{font-size:14px}.sandbox-level-select span{font-size:10px;line-height:1.35}
.sandbox-level-select button[data-level=hex],.sandbox-level-select button[data-level=urf]{justify-content:center;min-height:92px}
.sandbox-level-select[hidden],.sandbox-map-toggle[hidden],.atlas-launch[hidden]{display:none}
.sandbox-map-toggle{position:fixed;left:138px;top:14px;z-index:36;border:1px solid #8a809c;border-radius:12px;background:#232334;color:#ffe3a6;padding:9px 14px;font:750 12px system-ui;cursor:pointer}
.sandbox-level-select .atlas-launch{width:100%;min-height:42px;text-align:center;margin-top:14px;background:#ffe19a;color:#252138;font-weight:800}
.atlas-switch-open .sandbox-level-select{z-index:55;max-width:760px}
@media(max-height:740px){.sandbox-level-select{top:7vh;bottom:4vh;padding:13px}.sandbox-level-select img{height:48px}.sandbox-level-select button{min-height:86px}.sandbox-level-select span{display:block}}
@media(max-width:760px){.atlas-menu-open main .max-w-3xl{width:90%;max-width:none;margin:12px auto auto}.atlas-menu-open main .max-w-3xl h1{font-size:34px}.atlas-menu-open main .max-w-3xl>p{display:none}.atlas-menu-open main .max-w-3xl .sm\:grid-cols-3{grid-template-columns:repeat(3,1fr);margin-top:10px}.atlas-menu-open main .max-w-3xl .sm\:grid-cols-3 button p{font-size:14px}.atlas-menu-open main .max-w-3xl .mt-6.flex{margin-top:10px}.sandbox-level-select{top:220px;bottom:12px;left:4vw;right:4vw;width:auto}.sandbox-level-select img{height:42px}.sandbox-level-select button{min-height:80px}.sandbox-level-select strong{font-size:12px}.atlas-switch-open .sandbox-level-select{top:70px}}
.sandbox-customize-styles{grid-template-columns:1fr}.sandbox-customize-styles button{min-height:45px}.sandbox-customize{top:105px}.sandbox-map-toggle{top:105px}.atlas-shortcuts{top:150px;max-width:265px}.atlas-menu-open .sandbox-customize{top:14px}.atlas-menu-open .sandbox-map-toggle{display:none}