.robot-frontier{display:grid;gap:clamp(.6rem,2vw,.95rem);justify-items:center}.robot-frontier__status{margin:0;color:var(--ink-soft);font-size:.95rem;font-weight:700;line-height:1.3;text-align:center;min-height:1.3em}.robot-frontier__status[data-tone=success]{color:#0b5a3c}.robot-frontier__status[data-tone=gentle]{color:#9a6a00}.robot-frontier__viewport{width:100%;max-width:38rem;height:min(62vh,36rem);overflow:auto;border-radius:18px;background:#141a30 url(/game-assets/robot-frontier/frontier-ground.webp) center / cover no-repeat;box-shadow:inset 0 0 0 1px #ffffff1f,0 18px 38px #08111f38;cursor:grab;overscroll-behavior:contain;scrollbar-color:rgba(127,214,255,.62) rgba(8,17,31,.5);scrollbar-width:thin;touch-action:none}.robot-frontier__viewport[data-dragging=true]{cursor:grabbing;user-select:none}.robot-frontier__viewport:focus-visible{outline:3px solid rgba(63,134,201,.48);outline-offset:3px}.robot-frontier__viewport::-webkit-scrollbar{width:10px;height:10px}.robot-frontier__viewport::-webkit-scrollbar-track{background:#08111f80}.robot-frontier__viewport::-webkit-scrollbar-thumb{border:2px solid rgba(8,17,31,.5);border-radius:999px;background:#7fd6ff9e}.robot-frontier__canvas{display:block;width:clamp(48rem,140vw,68rem);max-width:none;aspect-ratio:1 / 1;touch-action:none}.robot-frontier__build{display:flex;flex-wrap:wrap;gap:.5rem;align-items:stretch;justify-content:center;width:100%;max-width:38rem}.robot-frontier__tool{display:inline-flex;flex:1 1 0;min-width:8rem;align-items:center;justify-content:center;gap:.4rem;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}.robot-frontier__tool[data-active=true]{border-color:#3f86c9;background:#eaf4ff;box-shadow:0 0 0 3px #3f86c92e}.robot-frontier__tool:active{transform:translateY(1px)}.robot-frontier__cost{font-weight:700;color:var(--ink-soft)}.robot-frontier__tool-icon{width:2.5rem;height:2.5rem;flex:0 0 auto;object-fit:contain}.robot-frontier__controls{display:flex;justify-content:center}@media(max-width:540px){.robot-frontier{gap:.55rem;padding-top:3.45rem}.robot-frontier__viewport{height:min(48svh,24rem)}.robot-frontier__canvas{width:42rem}.robot-frontier__build{max-width:20rem;flex-wrap:nowrap}.robot-frontier__tool{min-width:0;min-height:3.15rem;padding:.38rem .48rem;font-size:.84rem}.robot-frontier__tool-icon{width:2rem;height:2rem}.robot-frontier__cost{display:block;margin-top:.12rem;font-size:.74rem}}