.g-hfleet{max-width:560px}.hf-table{grid-template-columns:28px repeat(var(--hf-size), 1fr);grid-template-rows:28px repeat(var(--hf-size), 1fr);gap:3px;width:100%;display:grid}.hf-corner{background:0 0}.hf-clue{color:var(--c-text-faint);font-size:var(--fs-sm);font-weight:var(--fw-semi);font-variant-numeric:tabular-nums;place-items:center;display:grid}.hf-clue.is-met{color:var(--c-good);text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:2px}.hf-cell{aspect-ratio:1;border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-surface);min-width:0;font-size:var(--fs-md);color:var(--c-brand);place-items:center;display:grid}.hf-cell.is-given{background:var(--c-surface-2);cursor:default}.hf-cell.is-ship{background:var(--c-brand);border-color:var(--c-brand)}.hf-cell.is-ship:after{content:"";background:var(--c-brand-text);border-radius:3px;width:55%;height:55%}.hf-cell.is-water{color:var(--c-text-faint);background:var(--c-surface-2)}.g-hfleet.is-solved .hf-cell.is-ship{background:var(--c-good);border-color:var(--c-good)}@media (max-width:380px){.hf-table{grid-template-columns:22px repeat(var(--hf-size), 1fr);grid-template-rows:22px repeat(var(--hf-size), 1fr)}}