.moon-survival{display:grid;gap:clamp(.6rem,2vw,.95rem);justify-items:center}.moon-survival__status{margin:0;color:var(--ink-soft);font-size:.95rem;font-weight:700;line-height:1.3;text-align:center;min-height:1.3em}.moon-survival__status[data-tone=success]{color:#0b5a3c}.moon-survival__status[data-tone=gentle]{color:#9a6a00}.moon-survival__canvas{display:block;width:100%;max-width:38rem;aspect-ratio:1 / 1;max-height:min(68vh,38rem);border-radius:18px;box-shadow:inset 0 0 0 1px #ffffff1f,0 18px 38px #08111f38;touch-action:none}.moon-survival__pad{display:grid;grid-template-columns:repeat(3,3.4rem);grid-template-rows:repeat(2,3.4rem);gap:.4rem;justify-content:center}.moon-survival__btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:16px;background:#fdfbf6eb;box-shadow:0 6px 14px #08111f0f;color:var(--ink);font-size:1.4rem;font-weight:800;line-height:1;cursor:pointer;touch-action:none;user-select:none}.moon-survival__btn:active{transform:translateY(1px);background:var(--surface-strong, rgba(244, 246, 242, .95))}.moon-survival__btn--up{grid-column:2;grid-row:1}.moon-survival__btn--left{grid-column:1;grid-row:2}.moon-survival__btn--down{grid-column:2;grid-row:2}.moon-survival__btn--right{grid-column:3;grid-row:2}.moon-survival__build{display:flex;flex-wrap:wrap;gap:.5rem;align-items:stretch;justify-content:center;width:100%;max-width:38rem}.moon-survival__tool{display:inline-flex;flex:1 1 0;min-width:6rem;align-items:center;justify-content:center;gap:.4rem;min-height:2.8rem;padding:.45rem .55rem;border:2px solid var(--line);border-radius:14px;background:#fdfbf6eb;box-shadow:0 6px 14px #08111f0f;color:var(--ink);font-size:.9rem;font-weight:800;line-height:1.1;cursor:pointer;touch-action:manipulation}.moon-survival__tool[data-active=true]{border-color:#3f86c9;background:#eaf4ff;box-shadow:0 0 0 3px #3f86c92e}.moon-survival__tool:active{transform:translateY(1px)}.moon-survival__drive-row{display:flex;justify-content:center;width:100%}.moon-survival__drive-row .moon-survival__tool{flex:0 1 12rem;min-height:2.8rem}.moon-survival__drive-row .moon-survival__tool[data-active=true]{border-color:#ef8a3a;background:#fff1e6;box-shadow:0 0 0 3px #ef8a3a33}.moon-survival__controls{display:flex;justify-content:center}@media(hover:hover)and (pointer:fine){.moon-survival__pad{display:none}}