._8-ea8G_back{color:var(--muted);margin-bottom:24px;font-size:13px;display:inline-block}._8-ea8G_heading h1{margin-bottom:12px;font-size:clamp(36px,5vw,58px)}._8-ea8G_heading>p:last-child{color:var(--muted)}._8-ea8G_eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--green);font-size:11px;font-weight:700}._8-ea8G_panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:32px}._8-ea8G_placementHeader,._8-ea8G_matchHeader{justify-content:space-between;align-items:start;gap:24px;margin-bottom:20px;display:flex}._8-ea8G_placementHeader p,._8-ea8G_matchHeader span{color:var(--muted);font-size:14px}._8-ea8G_fleetLabel{background:var(--lilac);white-space:nowrap;border-radius:20px;padding:8px 18px;font-weight:700}._8-ea8G_placement,._8-ea8G_boards{grid-template-columns:1fr 1fr;gap:48px;display:grid}._8-ea8G_boards h3{margin-bottom:8px;font-size:22px}._8-ea8G_boards p{color:var(--muted);font-size:13px}._8-ea8G_grid{grid-template-columns:20px repeat(8,minmax(0,1fr));gap:4px;width:100%;max-width:460px;margin:0 auto;display:grid}._8-ea8G_cellFragment{display:contents}._8-ea8G_axis{color:var(--muted);justify-content:center;align-items:center;font-size:12px;display:flex}._8-ea8G_cell{color:var(--ink);aspect-ratio:1;background:#edf3f3;border:1px solid #879b9c;border-radius:6px;justify-content:center;align-items:center;min-height:0;padding:0;font-size:23px;line-height:1;display:flex}button._8-ea8G_cell:hover{background:var(--lilac)}._8-ea8G_cell:focus-visible{outline-offset:1px;z-index:1;position:relative}._8-ea8G_ship{background:#d4d0e8}._8-ea8G_hit{color:#67310c;background:#f4c49f;font-weight:700}._8-ea8G_miss{color:#42585b;background:#e8eeee;font-size:30px}._8-ea8G_selectLabel{margin-bottom:8px;font-size:13px;font-weight:700;display:block}._8-ea8G_placement select{border:1px solid var(--line);background:#fff;border-radius:8px;margin-bottom:20px;padding:8px;display:block}._8-ea8G_placement p{font-size:14px}._8-ea8G_primary,._8-ea8G_secondary{border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600}._8-ea8G_primary{border:1px solid var(--green);background:var(--green);color:#fff}._8-ea8G_secondary{border:1px solid var(--line);color:var(--ink);background:0 0}._8-ea8G_primary:disabled,._8-ea8G_secondary:disabled{opacity:.5}._8-ea8G_actions{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}._8-ea8G_result{background:var(--mint);border-radius:16px;margin-bottom:28px;padding:24px}._8-ea8G_result h2{font-size:26px}._8-ea8G_result a{margin:12px;font-size:14px;display:inline-block}._8-ea8G_feedback{padding-top:12px;font-size:14px}._8-ea8G_legend,._8-ea8G_note{color:var(--muted);margin:20px 0 0;font-size:12px}._8-ea8G_error{color:var(--danger);min-height:22px;margin-top:16px;font-size:14px}._8-ea8G_warning{background:var(--peach);border-radius:12px;padding:20px}._8-ea8G_instructions{max-width:780px;color:var(--muted);margin-top:40px;font-size:15px}._8-ea8G_instructions h2{color:var(--ink)}@media (max-width:750px){._8-ea8G_placement,._8-ea8G_boards{grid-template-columns:1fr;gap:28px}._8-ea8G_placementHeader,._8-ea8G_matchHeader{flex-direction:column;gap:8px}._8-ea8G_panel{padding:20px}}@media (max-width:420px){._8-ea8G_panel{padding:16px 10px}._8-ea8G_grid{grid-template-columns:15px repeat(8,minmax(0,1fr));gap:3px}._8-ea8G_axis{font-size:11px}._8-ea8G_cell{border-radius:4px;font-size:20px}}