/* One scroll container and ordinary layout: selection never hides entry controls. */
#planetSelectScreenV62823.nnPlanetScreen { padding:0; overflow:auto; overscroll-behavior:contain; scroll-padding-block:12px;
  background:#040d17; color:#edf8ff; font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.nnPlanetBackdrop { position:fixed; inset:0; pointer-events:none;
  background:linear-gradient(180deg,rgba(3,13,23,.52),#040d17),url('/assets/backgrounds/planet1-dust-v6131.png') center/cover; }
.nnPlanetLayout { position:relative; width:min(1136px,100%); min-height:100%; margin:auto;
  padding:48px 32px; display:flex; flex-direction:column; justify-content:center; }
.nnPlanetHeader { display:flex; justify-content:space-between; align-items:center; gap:24px;
  padding-bottom:26px; margin-bottom:25px; border-bottom:1px solid #294451; }
.nnPlanetBrand { font-size:30px; line-height:1.1; font-weight:900; letter-spacing:.11em; }
.nnPlanetHeader h1 { margin:0; font-size:27px; line-height:1.2; font-weight:650; letter-spacing:-.02em; }
.nnPlanetContent { display:grid; grid-template-columns:252px minmax(0,1fr); gap:24px; align-items:start; }
.nnPlanetChoices { display:grid; gap:10px; }
#planetSelectScreenV62823 .nnPlanetChoice { display:flex; align-items:center; gap:16px; min-height:82px;
  padding:15px; border:1px solid #294451; border-radius:9px; background:rgba(8,26,38,.92);
  box-shadow:none; text-align:left; scroll-margin-block:8px; color:#e5f4ff; font-family:inherit; touch-action:manipulation; }
#planetSelectScreenV62823 .nnPlanetChoice::after { content:none; }
#planetSelectScreenV62823 .nnPlanetChoice:not(:disabled):hover { background:#123447; border-color:#6899aa; }
#planetSelectScreenV62823 .nnPlanetChoice.active { background:#153d50; border-color:#82cce7; box-shadow:inset 3px 0 #9cdef1; }
#planetSelectScreenV62823 .nnPlanetChoice img,#planetSelectScreenV62823 .nnPlanetChoice svg { width:45px; height:48px; flex:0 0 45px; object-fit:contain; }
.nnResourceMark { fill:none; stroke:#b5cbd6; stroke-width:1.5; stroke-linejoin:round; }
.nnPlanetChoiceCopy { min-width:0; }
#planetSelectScreenV62823 .nnPlanetChoice b { font-size:11px; font-weight:750; letter-spacing:.02em; line-height:1.3; }
#planetSelectScreenV62823 .nnPlanetChoice small { margin-top:7px; font-size:9px; color:#90a9b8; line-height:1.2; letter-spacing:.1em; }
#planetSelectScreenV62823 .nnPlanetChoice[data-planet="fuel"] small { color:#a3dcca; }
#planetSelectScreenV62823 .nnPlanetFuture { min-height:58px; opacity:1; background:rgba(6,20,31,.72); color:#6d8696; }
#planetSelectScreenV62823 .nnPlanetFuture b { color:#8297a5; font-size:10px; }
.nnPlanetSlot { flex:0 0 45px; text-align:center; color:#647f90; font-size:14px; font-weight:500; letter-spacing:.08em; }
.nnPlanetFeature { min-width:0; overflow:hidden; border:1px solid #355362; border-radius:13px; background:linear-gradient(135deg,rgba(14,36,50,.98),rgba(5,18,29,.99)); }
.nnPlanetFeatureHeading { display:flex; align-items:center; justify-content:space-between; padding:23px 26px 0; gap:16px; }
.nnPlanetFeatureHeading h2 { margin:7px 0 0; color:#f2faff; font-size:23px; font-weight:750; line-height:1.25; letter-spacing:.02em; }
.nnPlanetStatus { font-size:9px; font-weight:700; color:#a3dcca; letter-spacing:.13em; }
[data-selected-planet="resource"] .nnPlanetStatus,[data-selected-planet="drone"] .nnPlanetStatus { color:#aec1cd; }
.nnPlanetStage { position:relative; height:360px; overflow:hidden; display:grid; place-items:center; padding:12px 24px 7px;
  background:radial-gradient(ellipse at 50% 60%,rgba(34,103,139,.2),transparent 68%); }
.nnPlanetSpace { position:absolute; inset:0; overflow:hidden; pointer-events:none; user-select:none; display:none;
  background:radial-gradient(ellipse at 50% 50%,rgba(8,18,28,.88),rgba(1,5,10,.995) 85%),#02070d; }
[data-selected-planet="fuel"] .nnPlanetSpace { display:block; }
[data-selected-planet="drone"] .nnPlanetSpace { display:block;
  background:linear-gradient(135deg,rgba(22,10,39,.24),rgba(9,5,18,.66)),url('/assets/backgrounds/planet1-dust-v6131.png') center/cover no-repeat,#100a1b; }
.nnPlanetSpace::before { content:""; position:absolute; inset:0; opacity:.7;
  background-image:radial-gradient(circle,rgba(255,255,255,.9) 0 1px,transparent 1.25px),radial-gradient(circle,rgba(116,204,255,.6) 0 .9px,transparent 1.2px),radial-gradient(circle,rgba(255,255,255,.38) 0 .65px,transparent .95px);
  background-size:149px 149px,233px 233px,83px 83px; background-position:17px 29px,91px 121px,43px 11px; }
.nnPlanetSpace::after { content:""; position:absolute; inset:0;
  background:linear-gradient(rgba(97,217,239,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(97,217,239,.045) 1px,transparent 1px);
  background-size:48px 48px; }
.nnPlanetSpace img { position:absolute; height:auto; mix-blend-mode:screen; pointer-events:none; }
.nnPlanetNebulaLeft { width:75%; left:-20%; top:15%; opacity:.6; transform:rotate(-7deg); filter:saturate(.92) brightness(.78) contrast(.96); }
.nnPlanetNebulaRight { width:78%; right:-24%; top:-26%; opacity:.55; transform:rotate(6deg); filter:saturate(.94) brightness(.76) contrast(.96); }
#planetEntryPreview { position:absolute; inset:12px 24px 7px; overflow:hidden; pointer-events:none; }
#planetEntryPreview > [data-entry-preview] { position:absolute; inset:0; }
#planetEntryPreview > [data-entry-preview][hidden] { display:none !important; }
#planetEntryPreview img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:contain; pointer-events:none; }
#planetEntryLocked { display:flex; flex-direction:column; align-items:center; gap:19px; color:#839fae; font-size:11px; font-weight:650; letter-spacing:.15em; }
#planetEntryLocked svg { width:76px; height:76px; stroke:#6f9bb1; fill:none; stroke-width:1.5; stroke-linejoin:round; }
#planetEntryPreview[hidden],#planetEntryLocked[hidden] { display:none !important; }
.nnPlanetActions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:12px; padding:18px 24px 24px; border-top:1px solid #233f4d; }
.nnPlanetMessage { flex:1 1 180px; align-self:center; font-size:12px; color:#b4cbd8; line-height:1.4; }
.nnPlanetMessage:empty { display:none; }
#enterPlanetBtnV62823.nnPlanetEnter { display:flex; align-items:center; justify-content:center; gap:18px; min-height:48px; padding:12px 21px;
  border:1px solid #8cd5ee; border-radius:7px; background:#99ddf2; color:#072232;
  font:850 11px/1.4 system-ui,sans-serif; letter-spacing:.05em; cursor:pointer; touch-action:manipulation; }
#enterPlanetBtnV62823.nnPlanetEnter span { font-size:21px; line-height:1; }
#enterPlanetBtnV62823.nnPlanetEnter:disabled { background:#142b3b; border-color:#304957; color:#8499a8; cursor:not-allowed; }
#planetSelectScreenV62823 button:focus-visible { outline:2px solid #c8f5ff; outline-offset:3px; }
@media(max-width:760px) {
  .nnPlanetLayout { width:min(540px,100%); padding:25px 18px max(25px,env(safe-area-inset-bottom)); justify-content:flex-start; }
  .nnPlanetHeader { flex-direction:column; align-items:flex-start; gap:13px; padding-bottom:19px; margin-bottom:18px; }
  .nnPlanetBrand { font-size:23px; }
  .nnPlanetHeader h1 { font-size:23px; }
  .nnPlanetContent { grid-template-columns:minmax(0,1fr); gap:16px; }
  .nnPlanetChoices { grid-template-columns:1fr 1fr; gap:7px; }
  #planetSelectScreenV62823 .nnPlanetChoice { grid-column:1/-1; min-height:54px; gap:12px; padding:8px 13px; }
  #planetSelectScreenV62823 .nnPlanetChoice img,#planetSelectScreenV62823 .nnPlanetChoice svg { width:35px; height:36px; flex-basis:35px; }
  .nnPlanetChoiceCopy { display:flex; flex:1; align-items:center; justify-content:space-between; gap:8px; }
  #planetSelectScreenV62823 .nnPlanetChoice small { margin:0; font-size:8px; }
  #planetSelectScreenV62823 .nnPlanetFuture { grid-column:auto; min-height:43px; padding:8px 10px; gap:7px; }
  #planetSelectScreenV62823 .nnPlanetFuture b { font-size:8px; letter-spacing:.02em; }
  .nnPlanetSlot { flex-basis:22px; font-size:11px; }
  .nnPlanetFeatureHeading { padding:16px 17px 0; }
  .nnPlanetFeatureHeading h2 { font-size:20px; margin-top:5px; }
  .nnPlanetStage { height:240px; padding:7px 13px; }
  .nnPlanetActions { padding:14px 16px 17px; }
  #enterPlanetBtnV62823.nnPlanetEnter { width:100%; }
  .nnPlanetMessage { flex-basis:100%; }
}
@media(max-width:350px) {
  .nnPlanetLayout { padding-left:12px; padding-right:12px; }
  #planetSelectScreenV62823 .nnPlanetChoice b { font-size:10px; }
}