.zs-modi{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));max-width:1080px}.zs-modus--scherm{background:color-mix(in srgb, var(--gras) 22%, var(--oppervlak))}.zs-modus--toestellen{background:color-mix(in srgb, var(--hemel) 18%, var(--oppervlak))}.zs-figuur-icoon{letter-spacing:4px;font-size:clamp(44px,7vw,64px)}.zs-instellen{gap:var(--ruimte-1);flex-direction:column;max-width:420px;display:flex}.zs-instellen h1,.zs-instellen h2,.zs-instellen p{margin:0}.zs-instellen .spel-knop{margin-top:var(--ruimte-2);align-self:flex-start}.zs-maat{margin:var(--ruimte-1) 0 0;border:0;flex-direction:column;gap:6px;padding:0;display:flex}.zs-maat label{align-items:center;gap:var(--ruimte-1);min-height:40px;display:flex}.zs-spelers{flex-direction:column;gap:4px;margin:0;padding:0;font-weight:600;list-style:none;display:flex}.zs-zeeen{justify-content:center;align-items:flex-start;gap:var(--ruimte-3);flex-wrap:wrap;display:flex}.zs-kant{align-items:center;gap:var(--ruimte-1);flex-direction:column;display:flex}.zs-kant h3{margin:0}.zs-zee{--zee:color-mix(in srgb, var(--hemel) 22%, var(--oppervlak));grid-template-columns:repeat(var(--n), 1fr);border-radius:var(--radius-klein);background:color-mix(in srgb, var(--hemel) 45%, var(--oppervlak));gap:2px;width:min(92vw,440px,100dvh - 300px);min-width:min(92vw,260px);padding:2px;display:grid}.zs-zee--klein{width:min(92vw,260px)}.zs-zee--plaatsen{width:min(92vw,440px)}.zs-zeeen--scherm{flex-wrap:nowrap}.zs-zeeen--scherm .zs-zee{width:min(44vw,480px,100dvh - 300px);min-width:0}@media (width<=720px){.zs-zeeen--scherm{flex-wrap:wrap}.zs-zeeen--scherm .zs-zee{width:min(92vw,440px)}}.zs-vak{aspect-ratio:1;background:var(--zee);min-width:0;font:inherit;border:0;border-radius:3px;padding:0;position:relative}button.zs-vak{cursor:pointer}button.zs-vak:not(.is-schip):hover,button.zs-vak:focus-visible{background:color-mix(in srgb, var(--zon) 55%, var(--zee));outline:none}.zs-vak.is-schip{background:color-mix(in srgb, var(--inkt-zacht) 70%, var(--oppervlak));border-radius:2px}.zs-vak.boeg-l{border-radius:50% 2px 2px 50%}.zs-vak.boeg-r{border-radius:2px 50% 50% 2px}.zs-vak.boeg-b{border-radius:50% 50% 2px 2px}.zs-vak.boeg-o{border-radius:2px 2px 50% 50%}.zs-vak.is-gekozen,button.zs-vak.is-gekozen:focus-visible{background:var(--zon)}.zs-vak.is-botsing,button.zs-vak.is-botsing:focus-visible{background:repeating-linear-gradient(45deg, var(--dakpan) 0 6px, var(--zon) 6px 12px)}.zs-vak.is-plons:after{content:"";background:var(--hemel);border-radius:50%;position:absolute;inset:38%}.zs-vak.is-raak,.zs-vak.is-gezonken{background:var(--dakpan)}.zs-vak.is-gezonken{background:color-mix(in srgb, var(--dakpan) 55%, var(--inkt))}.zs-vak.is-raak:after,.zs-vak.is-gezonken:after{content:"✕";color:#fff;font-weight:700;font-size:calc(min(92vw, 440px) / var(--n) * .55);place-items:center;line-height:1;display:grid;position:absolute;inset:0}.zs-zee--klein .zs-vak.is-raak:after,.zs-zee--klein .zs-vak.is-gezonken:after{font-size:calc(min(92vw, 260px) / var(--n) * .55)}.zs-vak.is-nieuw{outline:3px solid var(--zon);outline-offset:-1px;z-index:1;animation:.5s ease-out zs-plons}@keyframes zs-plons{0%{transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){.zs-vak.is-nieuw{animation:none}}.zs-spel.is-beurt .zs-kant--doel .zs-zee,.zs-kant.is-doel .zs-zee{outline:4px solid var(--zon);outline-offset:2px}.zs-status{margin:0 0 var(--ruimte-2);text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.zs-laatste{min-height:1.4em;color:var(--inkt-zacht)}.zs-vloot{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.zs-vloot li{gap:2px;display:flex}.zs-vloot span{background:color-mix(in srgb, var(--inkt-zacht) 70%, var(--oppervlak));border-radius:3px;width:12px;height:12px}.zs-vloot li.is-weg span{background:var(--dakpan);opacity:.45}.zs-plaatsen,.zs-doorgeven{align-items:center;gap:var(--ruimte-2);text-align:center;flex-direction:column;display:flex}.zs-plaatsen h2,.zs-plaatsen p,.zs-doorgeven h2,.zs-doorgeven p{max-width:560px;margin:0}.zs-doorgeven{justify-content:center;min-height:50vh}.zs-melding{min-height:1.4em;color:var(--inkt-zacht)}.zs-onder{justify-content:center}.zs-wacht{text-align:center;color:var(--inkt-zacht)}.zs--telefoon .zs-zee{width:min(92vw,440px)}.zs--telefoon .zs-zee--klein{width:min(60vw,240px)}.zs.is-scherm-weg:before{content:"Het andere toestel is even weg…";padding:var(--ruimte-1) var(--ruimte-2);border-radius:var(--radius-klein);background:var(--zon);color:#1f2a44;text-align:center;font-weight:600;display:block}