.naval-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:850px!important}.naval-layout section{min-width:0}h2{font-size:19px;color:var(--muted);margin:0 0 12px}.naval-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:3px}.naval-grid .cell{font-size:clamp(12px,2.5vw,22px);background:#183749;border-color:#385b6b;opacity:1}.naval-grid .ship{background:#416a79;color:#bed9d5}.naval-grid .hit{background:#a44955;color:#fff}.naval-grid .sunk{background:#673e53}.naval-grid .miss{background:#25414d;color:#9ec8d9}.action-canvas,.maze-canvas{width:100%;height:auto;display:block;border:2px solid var(--line);border-radius:15px;touch-action:none}.maze-canvas{max-width:540px;margin:auto;image-rendering:pixelated}.action-canvas:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.touch-controls,.direction-pad{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:18px}.touch-controls button,.direction-pad button{touch-action:none;user-select:none;min-height:48px;min-width:55px}.touch-controls button:active{background:#436b65}.word-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:3px;max-width:540px;margin:auto}.word-grid .cell{font-size:clamp(12px,3vw,23px);border-radius:4px;font-weight:600}.word-grid .found{background:#326b5d;color:#c4ffe4}.word-grid .selected{background:#b69442;color:#101923;outline:2px solid #ffe0a1}.word-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;padding:0;list-style:none;color:var(--muted);font-weight:600;font-size:14px}.word-list .complete{color:var(--accent);text-decoration:line-through}.clock{font-size:24px;text-align:center;color:var(--accent);font-variant-numeric:tabular-nums}.calculation{text-align:center;font-size:clamp(36px,8vw,64px);font-weight:700;padding:30px 5px}.answer-form{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.answer-form input{border:2px solid var(--line);border-radius:12px;background:#172735;color:var(--text);font:24px system-ui;max-width:240px;width:100%;padding:14px}.answer-form input:focus{outline:2px solid var(--accent)}.answer-form input:disabled{opacity:.5}
@media(max-width:600px){.naval-layout{grid-template-columns:1fr;gap:22px}.naval-grid{max-width:360px;margin:auto}.naval-layout h2{text-align:center}.word-grid{gap:2px}.touch-controls{gap:5px}.touch-controls button{font-size:13px;padding:10px 8px}}