.surveyor-page{max-width:1120px}.surveyor-shell{margin:28px 0;padding:clamp(18px,4vw,34px);border:3px solid #16131f;border-radius:24px;background:linear-gradient(145deg,#fff,#f3eaff);box-shadow:10px 10px 0 #16131f}.surveyor-head{display:flex;justify-content:space-between;gap:16px;align-items:end}.surveyor-head h2{margin:0;font-size:1.7rem}.surveyor-head label{font-weight:800}.surveyor-head select{display:block;margin-top:6px;min-height:44px;border:2px solid #16131f;border-radius:10px;background:#fff;padding:8px}.surveyor-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0}.surveyor-stats div{padding:10px;border:2px solid #16131f;border-radius:12px;background:#fff}.surveyor-stats small{display:block;font-weight:800}.surveyor-stats strong{font-size:1.12rem}.surveyor-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.7fr);gap:18px;align-items:start}.surveyor-map{padding:12px;border:3px solid #16131f;border-radius:20px;background:linear-gradient(135deg,#d4f5bc,#92dfb0)}.surveyor-grid{display:grid;grid-template-columns:repeat(var(--grid-size),1fr);gap:5px;max-width:610px;margin:auto}.surveyor-grid button{aspect-ratio:1;white-space:pre-line;border:2px solid #16131f;border-radius:9px;background:#fff7d6;color:#16131f;font-weight:950;font-size:clamp(.65rem,2.1vw,1rem);box-shadow:0 3px 0 #16131f}.surveyor-grid button.selected{outline:5px solid #9f72ff;outline-offset:-5px}.surveyor-grid button.beacon{background:#55d9e9}.surveyor-grid button.miss{background:#ffb1b8}.surveyor-grid button.target{background:#ffe06e}.surveyor-clues{padding:16px;border:3px solid #16131f;border-radius:18px;background:#fff}.surveyor-clues h3{margin-top:0}.surveyor-clues ol{padding-left:1.35rem}.surveyor-clues li{margin:.65rem 0;font-weight:800}.surveyor-clues li.hint{color:#6d3cd3}.surveyor-status{min-height:48px;font-weight:900}.surveyor-actions{display:flex;gap:10px;flex-wrap:wrap}.surveyor-actions button{min-height:46px;padding:8px 16px;border:2px solid #16131f;border-radius:12px;background:#fff;font-weight:900}.surveyor-actions .primary{background:#9f72ff;color:#fff}.surveyor-actions button:disabled{opacity:.5}.surveyor-note{margin:.8rem 0 0}.surveyor-guide .guide-grid article:nth-child(1){background:#e4fbff}.surveyor-guide .guide-grid article:nth-child(2){background:#fff8d6}.surveyor-guide .guide-grid article:nth-child(3){background:#f1e7ff}@media(max-width:720px){.surveyor-head{align-items:start;flex-direction:column}.surveyor-stats{grid-template-columns:repeat(2,1fr)}.surveyor-board{grid-template-columns:1fr}.surveyor-clues{order:-1}.surveyor-grid{gap:3px}.surveyor-grid button{border-width:1.5px;border-radius:6px;box-shadow:0 2px 0 #16131f}}
