.moon-camp{display:grid;gap:clamp(.6rem,2vw,.95rem);justify-items:center}.moon-camp__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-camp__status[data-tone=success]{color:#0b5a3c}.moon-camp__status[data-tone=gentle]{color:#9a6a00}.moon-camp__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:manipulation}.moon-camp__tools{display:flex;flex-wrap:wrap;gap:.5rem;align-items:stretch;justify-content:center;width:100%;max-width:38rem}.moon-camp__tool{display:inline-flex;flex:1 1 0;min-width:6rem;align-items:center;justify-content:center;gap:.45rem;min-height:3rem;padding:.5rem .6rem;border:2px solid var(--line);border-radius:16px;background:#fdfbf6eb;box-shadow:0 6px 14px #08111f0f;color:var(--ink);font-size:.95rem;font-weight:800;line-height:1.1;cursor:pointer;touch-action:manipulation}.moon-camp__tool[data-active=true]{border-color:#3f86c9;background:#eaf4ff;box-shadow:0 0 0 3px #3f86c92e}.moon-camp__tool:active{transform:translateY(1px)}.moon-camp__tool-icon{width:2.2rem;height:2.2rem;object-fit:contain;flex:none;pointer-events:none}.moon-camp__controls{display:flex;justify-content:center}@media(max-width:560px){.moon-camp__canvas{max-height:min(56svh,23rem)}.moon-camp__tool{min-width:0;gap:.25rem;padding-inline:.35rem;font-size:.8rem}.moon-camp__tool-icon{width:1.8rem;height:1.8rem}}