*{box-sizing:border-box}body{margin:0;padding:24px 16px 48px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f172a;color:#f1f5f9;display:flex;justify-content:center}main{width:100%;max-width:640px;text-align:center}h1{font-size:1.5rem;margin-bottom:4px}.hint{font-size:.85rem;color:#64748b;margin-bottom:20px}.phase{font-size:1.2rem;font-weight:700;min-height:1.5em;margin-bottom:20px;text-transform:capitalize}button{padding:12px 16px;font-size:1rem;border-radius:10px;border:none;background:#2563eb;color:#fff;min-height:44px}button:active{background:#1d4ed8}.stats{display:flex;justify-content:space-between;gap:8px;margin:0 0 20px;padding:10px 12px;border:1px solid #334155;border-radius:10px;background:#1e293b}.stats div{display:flex;flex-direction:column;gap:2px}.stats dt{font-size:.7rem;color:#64748b;text-transform:uppercase}.stats dd{margin:0;font-weight:700}.controls{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.new-game{background:#334155}.new-game:active{background:#1e293b}.board{display:grid;gap:4px;margin:0 auto 20px;width:fit-content}.tile,.tile-empty{width:96px;height:76px}.tile{border:1px solid #334155;border-radius:6px;background:#1e293b;padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.tile pre{margin:0;font-size:.5rem;line-height:1.05;color:#94a3b8}.tile-name{font-size:.55rem;font-weight:700;margin-top:2px;line-height:1.1}.tile-treasure{font-size:.5rem;color:#fbbf24}.tile-flood{font-size:.5rem;color:#f87171}.tile.flood-flooded{border-color:#d97706}.tile.flood-sunk{border-color:#dc2626;opacity:.5}