.grid-size-selector{margin:11px 0 8px;text-align:left}
.grid-size-selector>span{display:block;margin-bottom:5px;font-size:.72rem;font-weight:850}
.grid-size-options{display:grid;grid-template-columns:1fr 1fr}
.grid-size{min-height:44px;border:1px solid #c8ccce;background:#fff;color:var(--ink);font-weight:850}
.grid-size:first-child{border-radius:8px 0 0 8px}
.grid-size:last-child{margin-left:-1px;border-radius:0 8px 8px 0}
.grid-size[aria-pressed="true"]{position:relative;z-index:1;border-color:#9fc60c;background:linear-gradient(90deg,#f3ffd0,#eef9bd);box-shadow:inset 0 0 0 1px #b7df18}
html,body{max-width:100%;overflow-x:hidden}
#app,.shell,.play-area,.play-area>div,.board-row,.board{min-width:0}
.board-labels{grid-template-columns:22px repeat(var(--grid-size,6),minmax(0,1fr))}
.board{width:100%;aspect-ratio:var(--grid-size,6);grid-template-columns:repeat(var(--grid-size,6),minmax(0,1fr))}
.cell{width:100%;min-width:0;padding:0}
.game-shell.grid-8{width:100%;max-width:100vw;padding-inline:8px}
.grid-8 .play-area{width:100%;min-width:0;grid-template-columns:minmax(0,1fr)}
.grid-8 .board-labels{grid-template-columns:18px repeat(8,minmax(0,1fr))}
.grid-8 .board-row{grid-template-columns:18px minmax(0,1fr)}
.grid-8 .board{gap:2px}
.grid-8 .tools{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px}
.grid-8 .tool{min-height:44px;flex-direction:row;gap:5px}
.grid-8 .fleetbar{min-width:0;overflow:hidden;font-size:.58rem}
.grid-8 .fleetbar>*{min-width:0}
.grid-8 .objects{overflow:hidden;white-space:nowrap;letter-spacing:0;text-overflow:clip}
@media(max-width:380px){.grid-8 .game-header{gap:5px}.grid-8 .progress{gap:3px}.grid-8 .fleetbar{padding-inline:5px}}
@media(max-height:700px){.grid-size-selector{margin:7px 0 5px}.grid-size{min-height:38px}.grid-8 .tool{min-height:38px}}